程序猿的救赎

第二节（Less）githubVariables（变量）在你的样式表中相同的值重复几十次 甚至上百次 并不少见，变量通过为你提供一种在一个地方管理这些值的方法让你的代码变得更容易维护。@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue;}//作为属性名@mySelect...

CSS命名规范BEM命名法BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块（blocks）,从而使得团队在开发复杂的项目变得高效，并且十分有利于代码复用，即便团队引入新成员，也容易维护。Block是块，比方说div、header，可以嵌套复用。更严格一点来说不能影响自身布局，最好不要设置ma...

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统生命周期注意事项：不要在选项属性或回调上使用箭头函数，因为箭头函数没有this。生命周期钩子的 this 上下文指向调用它的 Vue实例图示：模板语法Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue实例的数据。在底层的实现上，Vue 将模板编译...

个人博客地址什么是虚拟ＤＯＭ虚拟DOM是随着时代发展而诞生的产物。在web早期，都是命令式的操作DOM，虽然简单好用，但是不会维护。现在，三大主流框架都是声明式的操作DOM，通过描述状态和DOM之间的映射关系，来渲染成视图。状态怎么生成视图，不需要你来关心，框架会帮你搞定。当某个状态发生改变时，如何只更新与这个状态相关联的DOM节点。虚拟DOM的解决方式是：根据状态生成一个虚拟节点树，...

Object的变化侦测像Vue官网上面说的，vue是通过Object.defineProperty来侦测对象属性值的变化。function defineReactive (obj, key, val) { let dep = new Dep() Object.defineProperty(obj, key, { enumerable: true, ...

个人博客地址在 Vue 内部，有一段这样的代码：import { initMixin } from './init'import { stateMixin } from './state'import { renderMixin } from './render'import { eventsMixin } from './events'import { lifecycleMixin ...

这一节主要记录一下：Vue 的初始化过程以下正式开始：Vue官网的生命周期图示表[外链图片转存失败(img-LD0xeILd-1566566311651)(https://raw.githubusercontent.com/shisanOnly/blogImage/master/lifecycle.png)]重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。...