回顾目标 数据驱动视图： 理解watcher、dep、observer这三个对象之间的关系 这和VUE对象又有什么关系？ 这和视图又有什么关系？ 叙述过程 先彻底理解了一下VUE的简介，并写出了一份建议书。关键词有渐进式、自底向上逐层应用、 ...

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，我们来探究一下它的源码实现。 首先回顾下使用方法 举个栗子 </c ...

内容：计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed，当我们的页面上需要频繁地进行数据运算时，我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...

内容：生命周期、vue-cli脚手架、组件传值 购物车bug解决： watch中改变了每一个商品的选中状态，此时，计算属性也会重新执行，造成数据冲突。 解决办法：把监听去掉，给全选增加一个单独的点击事件 checkAll(){ th ...

听到前端技术，不少朋友一定会感到有些陌生。但其实，前端，你每天都在接触。 你正在使用的APP，你正在浏览的网页，这些你能看到的界面，都属于前端。 而前端最重要的三大技术，HTML，CSS，JavaScript，则是每一个前端开发者必须具备的 ...

内容：全局过滤器和组件、组件进阶、路由 一、全局过滤器 在/src/main.js中Vue实例化之前进行定义 Vue.filter('过滤器名称',function(形参){ ... return 结果 }) 定义好的全局过 ...

内容：路由进阶、网络请求 一、路由进阶 1.路由模式 默认的路由模式是hash，会在浏览器地址中添加一个#，#号后面的就会解析成路由规则 但是这种模式会造成浏览器地址过长（不好看） /src/router/index.js中通过mode参数 ...

补充内容什么是块级作用域。js没有块级作用域是啥意思。如何一对花括号中的语句代码集都属于一个块，在这之中定义的所有变量在代码块外是不可见的，称为块级作用域。作用域控制着变量和参数的可见性与生命周期。块级作用域概念，任何一对花括号（｛和｝）中 ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...

前言 之所以写这一系列文章，是为了记录自己构建一个组件库的历程，同时也给那些自己想写组件库的同学一个教程。组件库也写了一段时间了，基本的架子也搭建得差不多了，但是回想自己搭建的过程还是不够完善，所以回来整理一遍自己的思路，让自己的技术有个输 ...