前端实习前两周,watcher,router
前端实习两周问题汇总
git的使用
git clone 拉取项目
git branch -a 查看当前
git branch newbranch 本地创建新分支
git checkout newbrach 移到新分支
git push … 上传
配置ssh,避免重复的密码输入
复习一些内容
flex
eslint
webpack.base.conf.js 中 module rule 第一行杠掉可以禁止eslint,但最好不要这么做
router
children 只能有一个,不能children 套children
this.¥router.go(-1)
this.¥router.push{{ path: ’ ’ + id}}(id是如果有参数需要传的时候)
设置name也可以
params会放在url里 取的时候是this.¥route.params.xxx。要在path最后写 /:xxx
query不会放到url里,取的时候是this.¥route.query.xxx
取的时候都是route不是router
子组件
常见脑子短路现象,不是写在里面就是子组件!!!
watch
变化侦测的问题,可详见深入浅出Vue.js 这本书
关于object的变化侦测
1,Data 通过Observer这个class进行转换
(Array不适用,只对object对象适用)可以将对象的每个属性分别进行侦测,避免在内部的量无法检测到的问题
2,每个属性通过object.defineProperty 进行封装,
3,封装内部通过Dep class收集依赖,getter中收集,setter中notify
4,收集的依赖是谁呢?是watcher!
5,watcher是什么,是一个集中处理各种数据类型的类,防止在setter中notify时因为收集的依赖数据类型各不相同出现问题。
6,watcher实现方式:传入vue实例,参数名字。将window.target设为this也就是这个wather对象,然后自身get一下,这样这个wather就被放到Dep里了。因为收集依赖的时候传入的是window.target
设置页面最小大小及滚动条
如何导入字体
js的位移操作
1<<n |x // 1<<n +x
v.model的问题
v.model.number 设置输入为数字
箭头函数
写在vue里的时候一定要注意上下文!!
防止this出错
本文地址:https://blog.csdn.net/dizzydwarf/article/details/109261306