<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[frontendchen的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/frontendchen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; frontendchen]]></copyright><item><title><![CDATA[Vue源码精解_02_new_Vue发生了什么(一)]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/124721617</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/124721617</guid><author>frontendchen</author><pubDate>Thu, 12 May 2022 22:05:23 +0800</pubDate><description><![CDATA[new Vue过程中处理，合并options细节]]></description><category></category></item><item><title><![CDATA[Vue源码精解_01_从构建开始]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/124699940</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/124699940</guid><author>frontendchen</author><pubDate>Wed, 11 May 2022 00:13:35 +0800</pubDate><description><![CDATA[vue2.x源码精度，从构建开始]]></description><category></category></item><item><title><![CDATA[第 7 章 渲染器的设计]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/123306249</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/123306249</guid><author>frontendchen</author><pubDate>Sun, 06 Mar 2022 10:56:00 +0800</pubDate><description><![CDATA[7.1 渲染器与响应系统的结合
顾名思义，渲染器是用来执行渲染任务的。在浏览器平台上，用它来渲染器中的真实DOM元素。渲染器不仅能够渲染真实DOM元素，还是框架跨平台能力的关键。因此，在设计渲染器的时候一定要考虑好可自定义的能力。
本节，暂定将渲染器限定在DOM平台，下面的函数就是一个合格的渲染器
function renderer(doString, container) {
	container.innerHTML = doString
}

我们可以如下所示使用它：
renderer('&lt;h1&]]></description><category></category></item><item><title><![CDATA[第 4 章 - 响应式系统的作用与实现]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/123215119</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/123215119</guid><author>frontendchen</author><pubDate>Tue, 01 Mar 2022 22:25:14 +0800</pubDate><description><![CDATA[4.1 响应式数据与副作用函数
副作用函数指的是会产生副作用的函数，如下面的代码所示
function effect() {
	document.body.innerText = 'hello vue3'
}

当 effect 函数执行时，它会设置 body 的文本内容，但除了 effect 函数之外的任何函数都可以读取或设置 body 的文本内容。也就是说，effect 函数的执行会直接或间接影响其他函数的执行，这时，我们说 effect 函数产生了副作用。副作用很容易产生，例如一个函数修改了全局变量，]]></description><category></category></item><item><title><![CDATA[第 3 章 Vue.js3的设计思路]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/123146172</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/123146172</guid><author>frontendchen</author><pubDate>Sat, 26 Feb 2022 12:13:35 +0800</pubDate><description><![CDATA[3.1 声明式地描述 UI
Vue.js3是一个声明式的UI框架，意思说用户在使用 Vue.js3开发页面时是声明式地描述UI的。
我们需要了解编写前端页面都设计哪些内容，具体如下。

DOM元素：例如是 div 标签还是 a 标签
属性：如 a 标签的 href 属性，再如 id、class等通用属性
事件：如 click、keydown等
元素的层级结构：DOM树的层级结构，既有字节点，又有父节点

如何声明式的描述上述内容呢？这是框架设计者需要思考的问题。其实方案有很多。拿 Vue.j 来说：

使用]]></description><category></category></item><item><title><![CDATA[第 1 章 - 权衡的艺术]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/123077682</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/123077682</guid><author>frontendchen</author><pubDate>Tue, 22 Feb 2022 22:43:43 +0800</pubDate><description><![CDATA[框架设计 权衡的艺术]]></description><category></category></item><item><title><![CDATA[webpack 中 Tree Shaking 概念详解_15]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/122849245</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/122849245</guid><author>frontendchen</author><pubDate>Wed, 09 Feb 2022 21:17:26 +0800</pubDate><description><![CDATA[webpack tree shaking概念。ES module导出的代码打包的时候进行tree shaking 摇晃掉多余的代码]]></description><category></category></item><item><title><![CDATA[使用babel处理ES6语法（二）_14]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/122832966</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/122832966</guid><author>frontendchen</author><pubDate>Tue, 08 Feb 2022 23:45:26 +0800</pubDate><description><![CDATA[针对不同开发场景配置 babel]]></description><category></category></item><item><title><![CDATA[使用babel处理ES6语法（一）_13]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/122780071</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/122780071</guid><author>frontendchen</author><pubDate>Fri, 04 Feb 2022 00:17:17 +0800</pubDate><description><![CDATA[webpack使用babel-loader翻译ES6代码]]></description><category></category></item><item><title><![CDATA[Hot Module Replacement 热模块更新_12]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/122775415</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/122775415</guid><author>frontendchen</author><pubDate>Thu, 03 Feb 2022 13:48:42 +0800</pubDate><description><![CDATA[HMR 热模块更新]]></description><category></category></item><item><title><![CDATA[Promise的那点东西]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/122118651</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/122118651</guid><author>frontendchen</author><pubDate>Thu, 23 Dec 2021 23:58:30 +0800</pubDate><description><![CDATA[promise的那点东西]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式原理 -（六）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121941179</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121941179</guid><author>frontendchen</author><pubDate>Tue, 14 Dec 2021 23:54:27 +0800</pubDate><description><![CDATA[vue3 和 vue2 响应式原理分别实现]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式原理 - Reflect 中receiver的作用（五）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121940628</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121940628</guid><author>frontendchen</author><pubDate>Tue, 14 Dec 2021 22:01:44 +0800</pubDate><description><![CDATA[代理对象中拦截 get 和 set，通过receiver，改变obj 中 get /set 函数中的 this 为 代理对象]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式 - Reflect（四）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121916967</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121916967</guid><author>frontendchen</author><pubDate>Mon, 13 Dec 2021 23:53:43 +0800</pubDate><description><![CDATA[Reflect 和 proxy 结合使用，receiver参数的作用在下一篇讲解]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式 - proxy的其他捕获器（三）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121916784</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121916784</guid><author>frontendchen</author><pubDate>Mon, 13 Dec 2021 23:29:51 +0800</pubDate><description><![CDATA[proxy13中捕获器，常用的四种捕获器，其余了解即可]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式-监听对象的方式二（二）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121916519</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121916519</guid><author>frontendchen</author><pubDate>Mon, 13 Dec 2021 23:14:37 +0800</pubDate><description><![CDATA[proxy的基本使用，监听对象属性的改变,set 和 get]]></description><category></category></item><item><title><![CDATA[手把手实现vue响应式 - 监听对象的方式一（一）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121916248</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121916248</guid><author>frontendchen</author><pubDate>Mon, 13 Dec 2021 22:56:00 +0800</pubDate><description><![CDATA[实现vue2/3响应式原理的思路，从0到1]]></description><category></category></item><item><title><![CDATA[ES6 转 ES5 babel 源码阅读篇（一）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121802413</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121802413</guid><author>frontendchen</author><pubDate>Wed, 08 Dec 2021 22:57:12 +0800</pubDate><description><![CDATA[ES6 转 ES5 babel 源码阅读篇（一）]]></description><category></category></item><item><title><![CDATA[纯函数（Pure functions）]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121624130</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121624130</guid><author>frontendchen</author><pubDate>Tue, 30 Nov 2021 08:36:05 +0800</pubDate><description><![CDATA[理解纯函数的概念]]></description><category></category></item><item><title><![CDATA[函数式编程与高阶函数]]></title><link>https://blog.youkuaiyun.com/frontendchen/article/details/121624073</link><guid>https://blog.youkuaiyun.com/frontendchen/article/details/121624073</guid><author>frontendchen</author><pubDate>Tue, 30 Nov 2021 08:28:36 +0800</pubDate><description><![CDATA[理解函数式编程、高阶函数以及闭包。手把手实现了一些高阶函数]]></description><category></category></item></channel></rss>