Vuejs设计与实现
文章平均质量分 94
提测前一定好好自测
因为热爱、所以永恒
展开
-
Vue源码精解_02_new_Vue发生了什么(一)
new Vue过程中处理,合并options细节原创 2022-05-12 22:05:23 · 575 阅读 · 0 评论 -
第 7 章 渲染器的设计
7.1 渲染器与响应系统的结合顾名思义,渲染器是用来执行渲染任务的。在浏览器平台上,用它来渲染器中的真实DOM元素。渲染器不仅能够渲染真实DOM元素,还是框架跨平台能力的关键。因此,在设计渲染器的时候一定要考虑好可自定义的能力。本节,暂定将渲染器限定在DOM平台,下面的函数就是一个合格的渲染器function renderer(doString, container) { container.innerHTML = doString}我们可以如下所示使用它:renderer('<h1&原创 2022-03-06 10:56:00 · 348 阅读 · 0 评论 -
第 4 章 - 响应式系统的作用与实现
4.1 响应式数据与副作用函数副作用函数指的是会产生副作用的函数,如下面的代码所示function effect() { document.body.innerText = 'hello vue3'}当 effect 函数执行时,它会设置 body 的文本内容,但除了 effect 函数之外的任何函数都可以读取或设置 body 的文本内容。也就是说,effect 函数的执行会直接或间接影响其他函数的执行,这时,我们说 effect 函数产生了副作用。副作用很容易产生,例如一个函数修改了全局变量,原创 2022-03-01 22:25:14 · 433 阅读 · 0 评论 -
第 3 章 Vue.js3的设计思路
3.1 声明式地描述 UIVue.js3是一个声明式的UI框架,意思说用户在使用 Vue.js3开发页面时是声明式地描述UI的。我们需要了解编写前端页面都设计哪些内容,具体如下。DOM元素:例如是 div 标签还是 a 标签属性:如 a 标签的 href 属性,再如 id、class等通用属性事件:如 click、keydown等元素的层级结构:DOM树的层级结构,既有字节点,又有父节点如何声明式的描述上述内容呢?这是框架设计者需要思考的问题。其实方案有很多。拿 Vue.j 来说:使用原创 2022-02-26 12:13:35 · 611 阅读 · 0 评论 -
第 1 章 - 权衡的艺术
框架设计 权衡的艺术原创 2022-02-22 22:43:43 · 606 阅读 · 0 评论