- 博客(4)
- 收藏
- 关注
RSS订阅原创 模拟vue响应式原理，自己动手完成一个miniVue
Vue的响应式原理是vue框架十分重要的核心，今天我来整理一下vue响应式原理实现的过程，并且完成一个小demo去加强理解和记忆。我们先来整理一下整体结构：主要可以分成这五个主要的模块：Vue核心把 data 中的成员注入到 Vue 实例，并且把 data 中的成员转成 getter/setterObserver数据劫持能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知 DepCompiler模板编译解析每个元素中的指令/插值表达式，并替换成相应的数据Dep依赖
2020-11-02 23:08:57
141
原创 关于es6中的proxy代理对象
es6中新增的proxy代理对象，其作用与es5中的Object.defineDroperty类似，对被代理的数据做getter、setter处理，但是proxy的功能更强大，下面简单看下使用const person = { name:'zhangxu', age: 20}const personProxy = new Proxy(person,{ //target是被代理的目标对象 property是对象中的属性 get(target,property){ //设置访问对
2020-07-05 00:14:21
206
原创 es6中的新增的Set与Map数据类型介绍
ES2015-Set你可以把set理解为集合，它和传统的js数组类似，但是它里面的元素都是唯一的不重复的。它可以像array那样通过forEach或者for of的方法去遍历//new一个Set实例const s = new Set()//通过add来往set中添加数据s.add(1).add(2).add(3).add(4).add(2)s.size//获取set的长度s.has(100）//判断set中有没有某个元素s.delete(3)//删除set中的元素s.clear()//
2020-07-04 23:53:03
370
原创 关于JS中的this指向问题
JS中的this指向估计是不少人头疼的问题，以为简单，但是经常遇到this的时候又被搞的昏头转向，今天就来简单梳理一下吧。首先很多人都知道this和定义在哪里无关，取决于在哪里调用，所以下面这行代码不能判断this到底指代谁function foo(){ console.log(this)//this指向不确定，取决于调用}...
2020-07-04 23:01:24
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人