MorningDuGe

一、从了解一个开源项目入手要看一个项目的源码，不要一上来就看，先去了解一下项目本身的元数据和依赖，除此之外最好也了解一下 PR 规则，Issue Reporting 规则等等。特别是“前端”开源项目，我们在看源码之前第一个想到的应该是：package.json文件。在 package.json 文件中，我们最应该关注的就是 scripts 字段和 devDependencies 以

父组件向子组件传值父组件向子组件传值简单，直接在父组件中引用子组件时将数据绑定在子组件中，并在子组件的props属性中接收即可。以下是父组件，其中<keep-alive>标签表示子组件，将created阶段获取的值singerData保存到vue的data()中，并在子组件中通过v-bind:singerData="singerData"传递给子组件，这里简写:singerDa...

1. 为对象或数组添加属性Vue.set(this.singerData, 'singer4', 'there is nothing in singer4');表示向对象this.singerData添加新属性singer4，值为'there is nothing in singer4'2. 直接改变对象或数组属性this.singerData.singer1 = 's...

虚拟DOM合理性由于操作DOM很慢，界面性能很多都是操作DOM引起的，而操作JS很快，用JavaScript对象很容易表示DOM节点，包括标签属性子节点，即根据DOM结构递归创建虚拟DOM树，在页面状态改变需要操作DOM时，先通过虚拟DOM计算出对真实DOM的最小修改量，然后再修改真实的DOM。1.两个相同组件产生类似的结构，不同组件产生不同的DOM结构。2.对于同一层次的一组子节点，通过唯一的

数据绑定1. Angular和Vue的双向数据绑定Angular双向数据绑定原理从UI到数据：UI事件，ajax请求，timeout等。从数据到UI：脏检查Vue双向数据绑定原理监听UI事件为每个用到相同vm.data的地方添加监听器，当vm.data数据改变时，将通知这一组watcher调用其update方法实现vm.data到DOM的更新，关键是在在Object.definePrope

angular双向数据绑定原理从UI到数据：UI事件，ajax请求，timeout等。从数据到UI：脏检查脏检查1. 添加监听器$watcher为scope中渲染在页面中的每个数据添加监听器$watcher，当添加$watcher的数据发生变化时，调用所有watcher对应的listener，执行数据变化后的操作。function $scope() { this.$$watchList

前端的核心HTML5+css/css3+javascriptHTML现在推崇语义化开发，提高SEOCSScss3的很多功能为页面增加了很多炫酷的功能，css的预编译器stylus，less等等为css添加了变量，函数，运算的功能。还有css的响应式开发框架bootstrap也为开发响应式css提供了很多便利。JavaScriptJavaScript库及其框架很多，JQuery，Vue等等，还有模块化

什么是vue？ Vue是JavaScript的MVVM库，只关注视图层，以数据为驱动，Vue将自身和DOM进行绑定，DOM和数据同步变化，ViewModel是Vue的核心，它是Vue的一个实例，DOM Listeners和Data Bindings是双向绑定的关键Vue将 HTML模板 配合 传入Vue构造函数中的JSON数据 渲染进DOM。Vue的主要关注点在视图层，围绕其生命周期钩子函数展

Vue是JavaScript的MVVM库，只关注视图层，以数据为驱动，Vue将自身和DOM进行绑定，DOM和数据同步变化，ViewModel是Vue的核心，它是Vue的一个实例，DOM Listeners和Data Bindings是双向绑定的关键特点简洁：页面由HTML模板+JSON数据+Vue实例组成数据驱动：可自动计算属性的模板表达式组件化：组件可复用，解耦轻量：代码量小，不依赖于其

vuex是数据统一集中管理的解决档案，避免了vue组件之间传递数据的麻烦，且其state值同样使用双向数据绑定。下面利用webpack搭建平台。1. 在根组件中声明import Vue from 'vue'import VueX from 'vuex'import index from './index.vue'Vue.use(VueX);const store = n...