企业官网建设流程全解析

怎么样建设公司网站,菏泽网站建设熊掌号,注册博客域名做视频网站会怎么样,新增网站推广实现解析 element 思路 区别与解析插值语法#xff0c;解析 element 需要不同类型和方法, 尖角号和第一个字符是字母将解析完成后的代码都删掉 测试代码 describe(element,() {it(simple element div,(){const ast baseParse(…实现解析 element思路区别与解析插值语法解析 element 需要不同类型和方法, 尖角号和第一个字符是字母将解析完成后的代码都删掉测试代码describe(element,(){it(simple element div,(){constastbaseParse(div/div)expect(ast.children[0]).toStrictEqual({type:NodeTypes.ELEMENT,tag:div})})})效果实现// compiler-core/src/parse.tsfunctionparseChildren(context){constnodes:any[][]letnode:anyconstscontext.sourceif(s.startsWith({{)){nodeparseInterpolation(context)}elseif(s[0]){// ✅ 匹配出标签if(/[a-z]/i.test(context.source[1])){// ✅console.log(解析到标签);nodeparseElement(context)// 处理标签}}nodes.push(node)returnnodes}functionparseElement(context){// ✅letelementparseTag(context,TagType.Start)// ✅ 处理前标签parseTag(context,TagType.End)// ✅ 处理后标签returnelement}functionparseTag(context,type:TagType){// ✅// 1. 解析 tagconstmatch:any/^\/?([a-z]*)/i.exec(context.source)consttagmatch[1]// 2. 删除处理完成的代码advanceBy(context,match[0].length)advanceBy(context,1)if(typeTagType.End)returnreturn{type:NodeTypes.ELEMENT,tag}}