白阳の

摘要： Object.defineProperty 只能劫持对象的属性,因此我们需要对每个对象的每个属性进行遍历。Vue 2.x 里,是通过 递归 + 遍历 data 对象来实现对数据的监控的,如果属性值也是对象那么需要深度遍历,显然如果能劫持一个完整的对象是才是更好的选择。 Proxy 可以劫持整个对象, 阅读全文

摘要： SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新 阅读全文

摘要： 1.创建局部指令 1. var app = new Vue({ 2. el: '#app', 3. data: { 4. }, 5. // 创建指令(可以多个) 6. directives: { 7. // 指令名称 8. dir1: { 9. inserted(el) { 10. // 指令中第一 阅读全文

摘要： 浏览器的内核 IE(IE浏览器) : trident 内核 -ms- Firefox(火狐浏览器) ： gecko 内核 -moz- Safari(苹果浏览器) ：webkit 内核 -webkit- Opera(欧朋浏览器)：以前是 presto 内核， Opera 现已改用 Google Chr 阅读全文

摘要： 1、与AngularJS的区别 相同点：都支持指令：内置指令和自定义指令；都支持过滤器：内置过滤器和自定义过滤器；都支持双向数据绑定；都不支持低端浏览器。 不同点：AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观； 阅读全文

摘要： 方法一 props传参 父组件 1. <template> 2. <div class="wrap"> 3. <div>我是Father组件</div> 4. <Son 5. str="我是字符串" 6. :num=5 7. :obj="{cont:'我是一个对象'}" 8. :func="()=> 阅读全文

摘要： 一个极简双向数据绑定的示例： 1.var obj = {}; 2.Object.defineProperty(obj,'hello',{ 3. set:function(newVal){ 4. document.getElementById('a').value = newVal; 5. docum 阅读全文

摘要： MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步Vie 阅读全文

摘要： 1.父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题 2，结尾处加空div标签 clear:both 原理：添加一个空 阅读全文

摘要： beforeCreate（创建前） 在数据观测和初始化事件还未开始 created（创建后） 完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来 beforeMount（载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面 阅读全文