欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端实习前两周,watcher,router

程序员文章站 2022-03-27 13:56:48
前端实习两周问题汇总git的使用git clone 拉取项目git branch -a 查看当前git branch newbranch 本地创建新分支git checkout newbrach 移到新分支git push … 上传Git5分钟,小白易懂配置ssh,避免重复的密码输入复习一些内容flexeslintwebpack.base.conf.js 中 module rule 第一行杠掉可以禁止eslint,但最好不要这么做routerchildren 只能有一个,不能...

前端实习两周问题汇总

git的使用

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

Git5分钟,小白易懂

配置ssh,避免重复的密码输入

复习一些内容

flex

前端实习前两周,watcher,router
前端实习前两周,watcher,router

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

设置页面最小大小及滚动条

前端实习前两周,watcher,router

如何导入字体

如何导入字体

js的位移操作

1<<n |x // 1<<n +x

v.model的问题

v.model.number 设置输入为数字

箭头函数

写在vue里的时候一定要注意上下文!!
防止this出错

本文地址:https://blog.csdn.net/dizzydwarf/article/details/109261306

相关标签: 1024程序员节