项目问题
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