![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
源码
软件小姐
白菜进阶日记
展开
-
vue 模板编译 template编译成render函数
vue 模板编译原创 2021-08-15 14:52:21 · 753 阅读 · 1 评论 -
vue 数据的响应式原理
vue 数据响应式原理原创 2021-08-15 14:43:14 · 167 阅读 · 0 评论 -
vue 渲染流程
vue 渲染流程原创 2021-08-15 12:42:53 · 2024 阅读 · 1 评论 -
手写mustache核心源码
目录模版引擎需要完成的两件事情模版转token数组token需要的信息token生成捕获token信息, Scanner 类遍历模版字符串parseTemplateToTokens 函数 生成伪token数组将伪token数组进行折叠token数组转成DOMlookup 函数 获取data数据renderTemplate 函数 token渲染成DOMparseArray 函数 转换循环的子token为dom模版引擎需要完成的两件事情1、模版(字符串)变成token数组2、将token数组解析成Dom原创 2021-06-28 10:28:43 · 117 阅读 · 0 评论 -
mustache 模版引擎底层核心
1、什么是模板引擎模版引擎将数据变成视图的优雅的解决方案例如:v-for 就是一种模板引擎2、历史上曾经出现的数据变视图的方法纯Dom(js最原始的api appendChild)=>数组join (代码格式很优雅,以字符串的思维 :‘’+a.neme+‘’添加到里边,innerHtml进去)=>反引号 模版字符串=> 比join又进阶了 但是也是innerHtml的思维模板引擎底层核心机理1、mustache 能不能用正则表达式实现:不能处理方法:拿到渲染的字符串,对原创 2021-06-28 10:16:52 · 104 阅读 · 0 评论 -
源码调研系列
目录VUE 源码VUE2mustache模版引擎虚拟dom 和 diff算法VUE3二级目录三级目录VUE 源码VUE2mustache模版引擎虚拟dom 和 diff算法VUE3二级目录三级目录原创 2021-06-28 10:11:44 · 277 阅读 · 0 评论