Zhentiw - 博客园

2025年6月27日

摘要：通过前面的代码，其实我们已经完成了从模板AST到Javascript AST的转换 const ast = parse(template); transform(ast); 那接下来，我们只需要再根据Javascript AST生成具体的js代码就行了，比如再执行下面的函数： generate(as 阅读全文

posted @ 2025-06-27 13:41 Zhentiw 阅读(17) 评论(0) 推荐(0)

[Vue] TemplateAST to JsAST

摘要：我们现在已经有了模板AST，那么根据之前的顺序，我们现在需要把模板AST转化为JSAST。要知道，模板AST是对模板的描述，那么JSAST就是对JS代码的描述。也就是说，我们最终希望得到的代码是下面这样的： function render(){ return h('div',[ h('p','V 阅读全文

posted @ 2025-06-27 13:34 Zhentiw 阅读(14) 评论(0) 推荐(0)

2025年6月26日

[Pattern] 前置与后置转换的处理

摘要：在转换AST节点的过程中，往往需要根据其子节点的情况来决定如何对当前节点进行转换，这就要求父节点的转换操作必须等待其所有子节点全部转换完毕之后再执行。但是我们现在设计的转换流程并不支持这个能力，我们是从根节点开始，顺序往下执行的流程，如下图：当一个节点被处理时，意味着它的子节点已经被处理完毕了，阅读全文

posted @ 2025-06-26 13:51 Zhentiw 阅读(21) 评论(0) 推荐(0)

[Pattern] Context & Plugin patterns

摘要： For example, we have following code doing AST transform from templateAST to Javascript AST function traverseNode(ast) { const currentNode = ast; // If 阅读全文

posted @ 2025-06-26 13:50 Zhentiw 阅读(19) 评论(0) 推荐(0)

2025年6月25日

[Pattern] State machine for tokenize html template

摘要： const template = "<p>Vue</p>"; const State = { initial: 1, // init state tagOpen: 2, tagName: 3, text: 4, tagEnd: 5, tagEndName: 6, }; function isAlph 阅读全文

posted @ 2025-06-25 13:15 Zhentiw 阅读(13) 评论(0) 推荐(0)

2025年6月23日

[Frontend] shadcnui: 新一代组件库解决方案

摘要： https://risingstars.js.org/2024/en 2024 年最流行，最火热的项目排名 shadcnui：This is NOT a component library. It's a collection of re-usable components that you can 阅读全文

posted @ 2025-06-23 22:57 Zhentiw 阅读(196) 评论(0) 推荐(0)

[Javascript] 等号运算符的运算和转换规则

摘要：从上到下按照规则比较，直到能得到确切结果为止：两端类型相同，比较值两端存在 NaN，返回 false undefined 和 null 只有与自身比较，或者互相比时，才会返回 true 两端都是原始类型，转换成数字比较一端是原始类型，一端是对象类型，把对象转换成原始类型后进入第 1 步对象如阅读全文

posted @ 2025-06-23 02:35 Zhentiw 阅读(11) 评论(0) 推荐(0)

[Typescript] satisfies - value‐level check:

摘要： You’re seeing that const scores = {} satisfies Record<string,number> does check at compile-time “hey, {} can be a Record<string,number>”, but it doesn 阅读全文

posted @ 2025-06-23 02:31 Zhentiw 阅读(12) 评论(0) 推荐(0)

[Vue3] computed.globalVersoin

摘要： In Vue 3’s reactivity engine (as of v3.5), globalVersion is a single, ever‐incrementing counter that bumps whenever any reactive value changes. Each c 阅读全文

posted @ 2025-06-23 02:26 Zhentiw 阅读(11) 评论(0) 推荐(0)

[Javascript] passive event listener

摘要： For example when you open a overlay to play video, and you want to disable background page scrolling playBtn.onclick = function() { // ... video.play( 阅读全文

posted @ 2025-06-23 02:24 Zhentiw 阅读(16) 评论(0) 推荐(0)

Answer1215

公告