笔记
文章平均质量分 81
wsq_bsdn
这个作者很懒,什么都没留下…
展开
-
拉勾前端高薪就业课程笔记第五弹(模块3-1)
从这个模块开始就要进入到第三部分内容的学习了,这个部分主要是引领我们深入了解Vue的源码。 这个模块从VueRouter的开始,从VueRouter的使用,逐步深入到原理分析,到最后模拟实现了一个基础的VueRouter插件。学习的过程中形成了Vue-Router原理实现这一篇笔记。 学习完VueRouter之后,开始正式学习Vue的原理了。响应式是Vue的特色之一,其中又包括响应式数据、双向绑定、数据驱动这些概念,它们共同组成了Vue的响应式。Vue2.x和Vue3.x的响应式的实现有所不同,但都是通过对原创 2021-01-22 00:00:34 · 209 阅读 · 0 评论 -
Virtual DOM 的实现原理
Virtual DOM Virtual DOM(虚拟DOM),是由普通的js对象来描述DOM对象。 为什么要使用虚拟DOM 真实DOM的创建需要花费很大代价 虚拟DOM通过比较前后两次状态差异更新真实DOM原创 2021-01-21 23:54:05 · 142 阅读 · 0 评论 -
Vue响应式原理
相关概念 数据驱动 数据响应式 数据模型仅仅是普通js对象,当我们修改数据时,更图会自动更新,避免了繁琐的DOM操作,提高开发效率。 双向绑定 数据改变,视图随之发生改变;视图改变,数据也会发生改变。使用v-model在表单上创建双向绑定。 数据驱动 是Vue最独特的特性之一,开发过程中只需要关注数据,不需要关心数据时如何渲染到视图。 响应式核心原理 Vue2.x响应式核心原理 当把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 prop原创 2021-01-21 23:42:18 · 143 阅读 · 0 评论 -
前端规范化标准
规范化标准是践行前端工程化的重要组成部分。 为什么需要规范化标准 软件开发通常需要多人协同,不同的开发者有不同的编码习惯和喜好,不同的习惯和喜好会增加项目维护成本,所以每个项目或团队需要明确统一的标准。 哪里需要规范化标准 开发过程中人为编写的一切。如代码、文档、纪要甚至是提交日志,其中代码的标准化规范尤为重要,因为代码的质量关于项目的质量以及项目后期的维护成本。 实施规范化的方法 编码前人为约定 通过工具实现Lint ESLint 基本介绍 ESLint是当前最为主流的javascript Lin原创 2021-01-03 19:16:16 · 758 阅读 · 0 评论 -
前端模块化
模块化是一种思想 1、模块化的演进过程 在没有工具和规范情况下模块化是怎么实现的呢? 最早的时候我们以文件的方式来划分模块,一个文件就是一个模块。将每个功能以及其相关的状态数据放到同一个文件当中,然后通过srcipt标签引入,一个script标签对应一个模块。这样实现有几个比较明显缺点:1、所有变量都以全局的方式声明,会污染全局作用域;2、变量命名比较容易产生冲突;3、模块的依赖关系混乱。 后来,为了减少命名冲突,在文件划分的基础之上,将每个模块包裹在一个全局对象中 ...原创 2020-12-28 17:03:24 · 98 阅读 · 0 评论