前端开发博客
mark,原来还有这么多bug
写了这么多bug，可否总结出一个比较安全的写法呢？
@yisibl ok，get it.
**上图：**   **实际例子：** ```JavaScript //构造函数 function Person(){} //实例对象 var person = new Person(); //实例对象的私有属性 __proto__ 指向它的原型对象（prototype） console.log(person.__proto__ === Person.prototype); //该原型对象也有一个自己的原型对象 ，层层向上直到一个对象的原型对象为 null。 console.log(Person.prototype.prototype); // 每个原型对象都有一个 constructor 属性指向关联的构造函数。 console.log(Person ===...
```JavaScript person.__proto__ === Person.prototype person.constructor === Person.prototype.constructor === Person === person.__proto__.constructor ```
http://www.ruanyifeng.com/blog/2014/10/event-loop.html https://juejin.im/post/5ac715b8f265da23986780fe https://zhuanlan.zhihu.com/p/52114921
# 了解Vue中defineProperty和Proxy的作用 在vue中，上面这两个都可以实现双向绑定的作用。在Vue2.0中，则是采用数据劫持结合发布者-订阅者模式的方式，通过```Object.defineProperty()```来劫持各个属性的```setter```，```getter```，在数据变动的时发布消息给订阅者，触发相应的监听回调。 说这个之前我们先了解一下一些基本概念和Vue实现原理。 ## Object.defineProperty ```Object.defineProperty()``` 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。 我们来看看这里的setter和getter ```javascript function Archiver() { var temperature = null; var archive = []; Object.defineProperty(this, 'temperature', { get: function() { console.log('get!'); return...
# React和Vue的实现原理以及区分点 首先讲这两个的区分时，我们先来讲关于MVVM框架的相关概念，然后再从这些概念触发来对比两个框架在这些方面的不同点，会让我们的思路更加的清晰。 ## MVVMM和MVC MVVM 模式，顾名思义即 Model-View-ViewModel 模式。 一句话总结 Web 前端 MVVM：操作数据，就是操作视图，就是操作 DOM（所以无须操作 DOM ）。 MVVM，说到底还是一种分层架构。它的分层如下： M：Model 模型 V：View 视图 C：Controller 控制器 VM：ViewModel 视图模型  ### MVC（Angular1） ```javascript .contronller('BallController',...
```html 中间内容 左侧内容 右侧内容 ``` ```css .container{min-width:600px;} .center{float:left; width:100%;} .cont{margin-left:200px; margin-right:300px;} .left{float:left; margin-left:-100%; width:200px;} .right{float:left; margin-left:-300px; width:300px;} ``` 【[演示](https://codepen.io/kujian/pen/gyWapW)】 兼容性最好，常用这种写法