peifeng_chen的微博

在学习了响应式原理之后，我自己尝试用JavaScript原生实现了一下，发现对响应式原理和v-model的原理有了进一步的理解，要点就是通过事件和事件对象将用户输入的东西赋值给data，通过Object.defineproperty这个响应式的核心API去设置data的set和get，让更改的值能够反馈到视图上。废话不多说，上代码。<input id="input" type="text"><p id="text"></p ><script...

Ajax实现原理很简单，就是封装XMLHttpRequest对象的操作，下面就以Get请求举例。function Ajax(url, fn) { // 实例化XMLHttpRequest对象 var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { // readyState == 4说明请求已完成...

JavaScript中的实例是通过构造函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的方法或属性。 我们在通过构造函数new vue()的时候传入对象中的data数据其实是vue实例对象上的属性，数据存在于内存当中，可以直接是对象，而对于创建子组件components则不能直接使用data定义对象，vue规定了必须使用函数，而不是对象。因为使用对象的话，每个子组件上使用的data数据是相互影响的，这当然就不是我们想要的了。对象是...