前端实习前两周,watcher,router

2022-07-29,,,

前端实习两周问题汇总

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

《前端实习前两周,watcher,router.doc》

下载本文的Word格式文档,以方便收藏与打印。