首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
林某人_
掘友等级
web前端开发
个人博客: https://github.com/linzefan0612/blogs https://linzefan.top/blogs
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
29
文章 29
沸点 0
赞
29
返回
|
搜索文章
最新
热门
40 - codegen 实现三种类型联合
测试用例 最终生成 实现 目前问题 上节实现的 element类型转换,只是简单的判断如果是 element 类型就push对应的 helper 和 tag,并没有考虑标签内包裹的内容,即转换成 as
39- codegen 生成 element
实现例子 element 类型 的 codegen 跟官网的不一样,官网的是优化版的,我们这只实现核心功能。 测试样例 实现 新增 transformElement plugin transformE
38- codegen 生成 插值
Vue官方例子 依旧是根据Vue编译器生成code string来实现 用例 实现 抽取公用常量 如果有去玩编译器不难发现,每个类型对应的一些函数引用不是一样的,为了提高代码健壮性,我们可以把对应类型
37- codegen 生成 text
模拟Vue,将一个 template 生成为 render 用例 采用快照的形式来看自己生成的 code string 实现
36-实现transform
前言 transform 是 compiler 中很重要的一个环境,当我们修改content或者dom时,都会触发 transform 用例 实现 用例上需要把 hi 替换成 hi mini-vue,
35-编译模块-联合类型实现
例子 实现3种类型结合的情况 实现 目前问题 就目前的代码,是无法实现联合类型的判断,因为我们代码只运行了一次。 例子 <div><p>hi,</p>{{message}}</div>,会直接判断为e
34-编译模块概述-text类型
测试用例 实现 新增TEXT类型 ast.ts 判断TEXT类型 parse.ts 解析text 这里封装了parseTextData,可以同步优化一下 parseInterpolation
33-编译模块概述-element类型
测试用例 实现 新增ELEMENT类型 ast.ts 新增ELEMENT类型判断 parse.ts 这里我们就简单完成了element类型判断 实现ELEMENT判断 处理闭合标签 前面实现了标签识别
32-编译模块概述-插值类型
测试用例 实现 伪实现 先返回一个固定的内容,通过测试用例 解析插值是在 parseInterpolation 里完成的,前面我们写了伪代码,现在来完善这部分代码。 抽离 AST Node 类型 新建
31-编译模块概述
写Vue的时候,相对于render,最方便的还是<template>; 但Vue内部最终会通过compiler把<template>转换成render,我们接下来要做的事,就是去实现这一转换过程。 编
下一页
个人成就
文章被点赞
26
文章被阅读
21,706
掘力值
722
关注了
10
关注者
10
收藏集
16
关注标签
7
加入于
2019-11-14