一、介绍 Vue是前端三大框架之一，另外两个分别是react、angular。其设计模式是MVVM的设计架构模式。 二、安装 2.1 node.js安装 在安装vue之前的时候，需要安装node.js。去官网下载http://nodejs.cn/，然后将其添加到系统环境中，在使用如下的指令进行查询 ...
分类：
其他好文 时间：
2020-02-01 23:16:52
阅读次数：
118
MVVM架构模式 MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVV ...
分类：
其他好文 时间：
2020-02-01 21:00:19
阅读次数：
189
vue.js是一个MVVM的框架，理解MVVM有利于学习vue.js。 MVVM 拆分解释为： Model: 负责数据存储 View: 负责页面展示 View Model: 负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示 MVVM 要解决的问题是将业务逻辑代码与视图代码进行完全 ...
分类：
Web程序 时间：
2020-01-29 14:00:10
阅读次数：
95
Object.defineProperty介绍-- let obj = {}; Object.defineProperty(obj,'school',{ configurable : true, // 属性能否被删除 //writable : true, // 属性能否被修改 enumerable ...
分类：
其他好文 时间：
2020-01-27 15:44:04
阅读次数：
69
MVVM就是在前端页面上，应用了扩展的MVC模式，我们关心Model的变化， MVVM框架自动把Model的变化映射到DOM结构上，这样，用户看到的页面内容就会随着Model的变化而更新。 例如，我们定义好一个JavaScript对象作为Model，并且把这个Model的两个属性绑定到DOM节点上： ...
分类：
其他好文 时间：
2020-01-25 14:14:41
阅读次数：
65
原有设计模式：MVP 新设计模式：MVVM VM层？？？？？？ 虚拟dom??? define proxy 模式？？？ 项目组件化 每个组件就是页面区域。 1.全局组件 2.局部组件 局部组件需要注册 3父组件向子组件传值 父组件通过v bind:xxx="xxx" 绑定要传的值，子组件通过定义通过 ...
分类：
其他好文 时间：
2020-01-23 09:21:12
阅读次数：
69
angularjs实现了双向绑定，与vue的defineProperty不同，它的原理在于它的脏检查机制，以下做了一些总结； angular.js介绍 AngularJs是mvvm框架，它的组件是vm组件，scope是vm组件的数据集合 AngularJs通过directive来声明vm的行为，它实 ...
分类：
Web程序 时间：
2020-01-21 21:48:33
阅读次数：
112
尝试使用es6新特性，自己来实现一个mvvm及vue的各种特性。相关代码放在github，会持续更新，欢迎赏个star。本篇文章为系列文章的第一篇，会比较容易理解，后续会持续更新后面的记录。文章首发于本人博客 最简单的watcher 从开始接触Vue开始，我们便对它的“数据响应”赞叹不绝，那么我们首 ...
分类：
其他好文 时间：
2020-01-20 19:18:10
阅读次数：
67
定义：1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成 ...
分类：
其他好文 时间：
2020-01-20 12:59:41
阅读次数：
67
1.实现一个数据监听器Observer,能够对数据对象的所有属性进行监听，如有变动可拿到最新值通知订阅者2.实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析，以及绑定相应的更新函数3.实现一个Watcher,作为连接Observer和Compile的桥梁，能够订阅并收到每个属性变动的通知，执行指令绑定的相应回调函数，从而更新视图4.mvvm入口，整合以上三者
分类：
其他好文 时间：
2020-01-20 09:22:32
阅读次数：
72
