LeahDizon

编辑器基本配置 .editorconfig Eslint配置 Vue项目 .eslintrc.js 构建项目模板配置 代码风格检查主要采用eslint+prettier实现，同时由vue-eslint

在操作真实 DOM 的过程中，JavaScript 的执行时间是很快的，但是浏览器在渲染页面的时候，会让页面不可交互。虚拟 DOM 是一个和真实 DOM 对应的概念。它是对 DOM 的抽象，本质上是 JavaScript 对象，这个对象就是更加轻量级的对 DOM 的描述，优化 …

Vue 的 .sync 修饰符是用来对 prop 进行“双向绑定”设计的一种模式，以 update:myPropName 的模式， 通过 this.$emit 触发事件，向外传参。 :money.sync="money" 等价于 :money="money" @update:m…

computed 是用来计算一个值的，这个值调用的时候不需要加括号。 computed 的值会被缓存，如果依赖的响应式 property 不变，就不会重新计算。 计算属性不在 data 中，计算属性新值的相关已知值在 data 中。别人变化影响自身。 监听 data 中数据的变…

在 Vue 中，当 data 中的数据发生改变时，视图会进行更新，这就是数据响应式的概念。Vue 2 则是通过 Object.defineProperty 来实现数据响应式的。 通过代码示例，myData 中的 n 数据类型发生改变，一开始是 {n: 0} ，传给 new Vu…

完整版 Vue.js ，包含运行时和compiler编译器的版本。 非完整版 Vue.runtime.js ，只有运行时的版本。 由于运行时版本没有 compiler ，打包体积更小，更推荐用户使用运行时版本。开发环境通常使用完整版开发，然后通过配置转成运行时版本提供用户使用。…

MVC 是一种架构设计模式，通过关注点分离鼓励改进应用程序组织。由于前端开发的环境特性，在 MVC 模式上引申出了许多 MV* 模式。这些模式都是为了对重复代码的重构和类似页面的代码封装。 模型 model ，用于封装与应用程序的业务逻辑相关的数据以及数据的处理方法，会有一个或…

事件委托，是一种通过事件捕获和事件冒泡实现的事件处理模式。通俗的讲，就是把一个元素的响应事件委托到另一个元素上。 举个例子，如果我们有很多相似方式处理的元素，就没有必要给每个元素分配一个处理事件。这时候，我们就要把元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元…

事件是用户或者浏览器自己执行的某种动作，是文档或者浏览器发生的一些交互瞬间，比如点击（click）按钮等，这里的click就是事件的名称。JS 与 HTML 之间的交互是通过事件实现的，DOM支持大量的事件。 众所周知，DOM 是个树形结构，我们在页面上点击一个元素，事件对象将…