js问题 项目问题
项目问题
1. js 中字符串替换函数
var a = 'fajlfjal'
a.replace(/b/,'a') // 不能直接改变a 而是返回替换后的值
2. vue 属性绑定中 class style 是合并操作
3. 浏览器 控制台 console.log()打印的对象是引用
也就是 你打印完我去查看 是最新的值。 所以最好打印具体变量
如:
var a = {a:1,b:[1,2,3]}
console.log(a)
a.b[3] = 4
console.log(a)
// 查看a的成员b值一样
4. 复用组件 传递属性 更新信息。
如列表的详细信息弹框 不同的id 请求后台不同的数据
可以通过 wath 父组件传给子组件的id 控制请求
5.页面传值 组件传值
vue中:
1. 父子组件间用props
2. 不同组件间用bus 刷新会消失
3. vue-router传递 query参数地址传递 刷新不消失
4. vuex 刷新会消失
参考:https://blog.csdn.net/wang1006008051/article/details/77898559
https://blog.csdn.net/sinat_17775997/article/details/74178119
6. vue nextTick用法
nextTick 细说就是可以操作和获取更新后的DOM。
使用:mounted的异步操作。
考虑这样一种场景,你有一个 jQuery 插件,希望在 DOM 元素中某些属性发生变化之后重新应用该插件,这时候就需要在 $nextTick 的回调函数中执行重新应用插件的方法。
https://segmentfault.com/a/1190000008570874
使用列子:
https://segmentfault.com/a/1190000007991925
很好的介绍了js单线程 异步 同步概念
js: 主线程+异步模块
异步之间的同步 promise microtask queue
异步队列 macrotask queue
http://www.cnblogs.com/hity-tt/p/6733062.html
vue生命周期介绍
beforeCreate(数据未生成) created(数据生成,属性生成,DOM未生成) beforeMount(DOM生成,未挂载) mounted(模板挂载) beforeUpdate updated activated(供keep-alive 组件激活使用) deactivated(供keep-alive 组件移除使用 beforeDestory destoryed
https://segmentfault.com/a/1190000008010666
axios 拦截处理
http://www.jb51.net/article/112147.htm
https://www.mmxiaowu.com/article/589af8cde9be1c5b21ef8e9c
https://blog.csdn.net/u012369271/article/details/72848102
vue-router 刷新当前页面
this.$router.go(0)
this.$route 对象的属性name是当前子组件的姓名
vue-router 组件被复用了
可以简单地 watch(监测变化) $route 对象
'$route' (to, from) {
// 对路由变化作出响应...
}
xss 攻击原理 介绍的简单易懂
http://www.freebuf.com/articles/web/40520.html
css fixed 定位问题
fixed正常是相对屏幕窗口定位的,当是当父级元素有transform属性时会相对父级定位
vue 混入(mixin) 插件(Vue.use(xxx))
混入用于扩展组件功能和组件复用。
// 定义一个使用混入对象的组件
var Component = Vue.extend({
mixins: [myMixin]
})
插件: 用于扩展vue构造器的功能。常用与扩展插件
https://segmentfault.com/a/1190000010559711
(vue.use(xxx)安装插件)
关键参考可以看官方文档
https://segmentfault.com/a/1190000012296163
cookie 信息的读取和操作问题
后台给前端的cookie信息可能存在编解码问题,
所以可能需要先解码在解析
js对象,构造器函数,原型
https://www.cnblogs.com/gulei/p/6733707.html
js问题 项目问题的更多相关文章
- 8 步搭建 Node.js + MongoDB 项目的自动化持续集成
任何事情超过 90 秒就应该自动化,这是程序员的终极打开方式.Automating shapes smarter future. 这篇文章中,我们通过创建一个 Node.js + MongoDB 项目 ...
- js获取项目根路径
//js获取项目根路径,如: http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址,如: http://localhost ...
- iKcamp团队制作|基于Koa2搭建Node.js实战项目教学(含视频)☞ 环境准备
安装搭建项目的开发环境 视频地址:https://www.cctalk.com/v/15114357764004 文章 Koa 起手 - 环境准备 由于 koa2 已经开始使用 async/await ...
- java 或者 js 获取项目访问路径(域名)
/** * 获得站点url * @return */ public String getWebUrl(){ String url = getRequest().getScheme() + " ...
- Node JS后端项目开发与生产环境总结
原文地址:Node JS后端项目开发与生产环境总结 Node JS常用后端框架有express.koa.sails.国产框架有个egg js,已经在cnode投入生产了,还有个think js,类似t ...
- 如何搭建一个基于nuxt.js的项目
介绍 nuxt.js(中文官方文档)是vue.js的一个通用型应用框架,有了之前搭建vue项目的过程之后,搭建一个nuxt项目就会十分简单. 搭建步骤 1.打开命令提示符,进入到相关文件夹下: 2.使 ...
- 字节跳动Web Infra发起 Modern.js 开源项目,打造现代 Web 工程体系
10 月 27 日举办的稀土开发者大会上,字节跳动 Web Infra 正式发起 Modern.js 开源项目,希望推动现代 Web 开发范式的普及,发展完整的现代 Web 工程体系,突破应用开发效率 ...
- JS/TS项目里的Module都是什么?
摘要:在日常进行JS/TS项目开发的时候,经常会遇到require某个依赖和module.exports来定义某个函数的情况.就很好奇Modules都代表什么和有什么作用呢. 本文分享自华为云社区&l ...
- 前端技术-svg简介与snap.svg.js开源项目的使用
前言-为什么学习snap.svg.js 前阵子webAPP的技术群里有人感觉到svg+animate的形式感觉很炫,矢量图任意放大且不需要下载图片,并且在手机端效果流畅. (矢量图与位图最大的区别是, ...
- 关于Cocos2dx之JS创建项目
环境: cocos2dx -3.10 ndk - r9 sdk 1.进入到指定的项目的目标目录下面去,然后执行cocos new -l js ProjectName 进入对应目录查看:
随机推荐
- CentOS下修改Apache默认端口80
打开 /etc/httpd/conf/httpd.conf 文件 修改这个地方 #Listen 12.34.56.78:80 Listen 80 #把80改为你设置的端口,我设置端 ...
- CentOS6.X、7.X下Jenkins的安装及使用
一.相关概念 1.1 Jenkins概念: Jenkins是一个功能强大的应用程序,允许持续集成和持续交付项目,无论用的是什么平台.这是一个免费的源代码,可以处理任何类型的构建或持续集成.集成Jenk ...
- C# txt文件的读取与写入
C#创建记事本方法一://创建对象 FileStream stream = new FileStream(@"d:\aa.txt",FileMode.Create);//fileM ...
- 力扣(LeetCode)231. 2的幂
给定一个整数,编写一个函数来判断它是否是 2 的幂次方. 示例 1: 输入: 1 输出: true 解释: 20 = 1 示例 2: 输入: 16 输出: true 解释: 24 = 16 示例 3: ...
- JS _proto_ 和 prototype
转载自:https://www.cnblogs.com/wuwenjie/p/5433776.html 大佬讲得很明白,自己也收藏一下! 初学javascript的时候也跟题主一样搞不清楚,自己好好总 ...
- Codeforces 984 D - XOR-pyramid
D - XOR-pyramid 思路: 区间dp dp[l][r]表示ƒ([l, r])的值 显然,状态转移方程为dp[l][r] = dp[l][r-1] ^ dp[l+1][r] 初始状态dp[i ...
- 算法笔记--字典树(trie 树)&& ac自动机 && 可持久化trie
字典树 简介:字典树,又称单词查找树,Trie树,是一种树形结构,是哈希树的变种. 优点:利用字符串的公共前缀来减少查询时间,最大限度地减少无谓的字符串比较. 性质:根节点不包含字符,除根节点外每一个 ...
- xlua修复C#的委托事件的时候,需要提前做好配置
如下所示: //C#静态调用Lua的配置(包括事件的原型),仅可以配delegate,interface [CSharpCallLua] public static List<Type> ...
- 记录python接口自动化测试--根据excel中的期望输出是否存在请求返回的响应来判断用例是否执行成功(第八目)
1.首先在excel中的expectValue列填好预期结果值 这里判断接口成功的依据是预期结果值是否存在于接口返回的数据中. 首先,要知道在之前封装的get/post请求方法中返回的是‘str’,也 ...
- MyBatis-session-SqlSession
The SqlSession instance is the most powerful in MyBatis. It is where you'll find all of the methods ...