前端实习前两周，watcher，router

前端实习两周问题汇总

git的使用

git clone 拉取项目
git branch -a 查看当前
git branch newbranch 本地创建新分支
git checkout newbrach 移到新分支
git push … 上传

Git5分钟，小白易懂

配置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