(vue)汇总

vue

1. vue双向绑定原理

https://www.cnblogs.com/libin-1/p/6893712.html

https://juejin.im/entry/5923973da22b9d005893805a

实现过程

我们已经知道实现数据的双向绑定,首先要对数据进行劫持监听,所以我们需要设置一个监听器Observer,用来监听所有属性。如果属性发上变化了,就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个,所以我们需要有一个消息订阅器Dep来专门收集这些订阅者,然后在监听器Observer和订阅者Watcher之间进行统一管理的。接着,我们还需要有一个指令解析器Compile,对每个节点元素进行扫描和解析,将相关指令对应初始化成一个订阅者Watcher,并替换模板数据或者绑定相应的函数,此时当订阅者Watcher接收到相应属性的变化,就会执行对应的更新函数,从而更新视图。因此接下去我们执行以下3个步骤,实现数据的双向绑定:

1.实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。

2.实现一个订阅者Watcher,可以收到属性的变化通知并执行相应的函数,从而更新视图。

3.实现一个解析器Compile,可以扫描和解析每个节点的相关指令,并根据初始化模板数据以及初始化相应的订阅器。

流程图如下:

2. 生命周期钩子

https://blog.csdn.net/qq_35585701/article/details/81216704

3. 对vue的理解

https://blog.csdn.net/wmwmdtt/article/details/55095420

4. vuex

https://blog.csdn.net/weixin_36852235/article/details/81434619

https://blog.csdn.net/tcy83/article/details/80959725

https://blog.csdn.net/quxing10086/article/details/80358898

https://blog.csdn.net/qq_41802303/article/details/80165596

5. 数据传参

https://juejin.im/post/5ab71c9351882555731c173d

6. vue-router原理

https://juejin.im/post/5ceedf8ff265da1b80202841

https://juejin.im/post/5caf0cddf265da03474def8a

https://juejin.im/entry/5b1fd2f0f265da6e410e18b3

6.1 vue-router的参数

https://segmentfault.com/a/1190000012735168

7. vue函数式组件

https://juejin.im/post/5d25dd42e51d4577790c1d24

8. 你需要知道的单页面路由实现原理

https://juejin.im/post/5ae95896f265da0b84553bd7

9. 虚拟dom

https://juejin.im/post/5d36cc575188257aea108a74#heading-5

10. diff和patch

https://juejin.im/post/5c8e5e4951882545c109ae9c

https://juejin.im/post/5cac2c945188251b0a1e51ee

11. 登录拦截

https://www.jianshu.com/p/5f96e120171e

12. axios跨域不带cookie

https://www.jianshu.com/p/0d1db4c3abf7

13. 单页应用和多页应用

https://juejin.im/post/5a0ea4ec6fb9a0450407725c

https://juejin.im/post/5cffa35a6fb9a07ec63b0bb0

14. computed和watch的区别

https://www.jianshu.com/p/cab22a325404

https://juejin.im/post/5b87f13bf265da436479f3c1

15. Vuex实现数据增加和删除

https://blog.csdn.net/weixin_43837268/article/details/92970377

16. slot

https://juejin.im/post/5a69ece0f265da3e5a5777ed

 总

https://muyiy.vip/question/

https://www.cnblogs.com/Renyi-Fan/p/9419742.html#_label0_0

前端优化

https://blog.csdn.net/zhouziyu2011/article/list/2?t=1&

a. Expires和Cache-Control

https://blog.csdn.net/zhouziyu2011/article/details/71312452

b. 对HTTP传输进行压缩

https://blog.csdn.net/zhouziyu2011/article/details/71329379

c. 将CSS文件放在顶部

https://blog.csdn.net/zhouziyu2011/article/details/71330543

d. 将script放在底部

https://blog.csdn.net/zhouziyu2011/article/details/71330739

e. 减少HTTP请求数

https://blog.csdn.net/zhouziyu2011/article/details/71331932

f. CDN内容分发网络

https://blog.csdn.net/zhouziyu2011/article/details/71335350

g. 图像优化

https://blog.csdn.net/zhouziyu2011/article/details/71339415

h. cookie优化

https://blog.csdn.net/zhouziyu2011/article/details/71345808

i. DNS解析优化

j. 

1. 函数节流与函数防抖的区别

2. 重绘和重排

https://www.jianshu.com/p/b548d4bf6143

https://blog.csdn.net/zjjnwpu/article/details/56008466

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值