星辰大海

人生万事须自为,跬步江山即寥廓

计划系统的对 Vue.js 的源代码进行深入学习。以 learnVue 入门,因为它当前的 star 数已经破 9k了, 肯定是干货满满的。

本文记录了在学习过程中的一些个人见解,同时,对于以前未涉及的知识点作一个总结和记录,以便今后回顾,如果也有小白恰好看到了这篇文章,希望也能帮到你,节省一些查找资料的时间。

当然,我所理解的可能会存在偏差,欢迎提留言指出,共同学习,共同进步。

最后,再次感谢 answershutolearnVue

Vue.js的响应式原理依赖于 Object.defineProperty,尤大大在 Vue.js文档 中就已经提到过,这也是 Vue.js 不支持 IE8 以及更低版本浏览器的原因。Vue 通过设定对象属性的 setter/getter 方法来监听数据的变化,通过 getter 进行依赖收集,而每个 setter 方法就是一个观察者,在数据变更的时候通知订阅者更新视图。

阅读全文 »

adguard

前言

最近有一款软件深深地吸引了我,界面如下:

adguard1

它的主要功能有三项

  • 通过对 dns 的并发查询来加速网页的打开速度,大部分可以实现秒开
  • 通过不同的规则来过滤 dns,达到过滤广告的目的,最厉害的是,国内的各大视屏网站的广告也能过滤,看剧再也不用等待那漫长的 70s 了
  • 通过设置过滤器,可以很好的保护自己的上网安全,防止钓鱼网站等的危害

这三个特点完全戳中了我的兴趣点,而且它的界面清爽,让人不得不喜欢。

阅读全文 »

最近在网上发现一款去除广告神器,集颜值和功能于一身,它就是 Adguard。最重要的是,它是开源的,所以在使用的过程中,完全不必担心软件留有后门。但是在使用的过程,发现它会拖慢网页的打开速度。几经周折,终于找到解决办法。

阅读全文 »

常用 vue 通信大概有这几种方式进行:

  • 组件间的父子之间的传值
  • 组件间的子父之间的传值
  • 非组件间的组件间的传值(简称:EventBus)
  • sessionStorage 缓存传值
  • 路由带参数跳转进行传值
  • vuex 进行传值
阅读全文 »

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。 在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。 开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI组件库。

阅读全文 »

此处主要记录了一些在编程过程中需要使用或者可以参考学习的文档地址,方便快速跳转查看。

阅读全文 »