[请教] 我准备围绕"vue3 编译原理"输出一系列文章, V 友们是否感兴趣? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ouyangcoder
V2EX    推广

[请教] 我准备围绕"vue3 编译原理"输出一系列文章, V 友们是否感兴趣?

  •  
  •   ouyangcoder 2024-04-30 13:22:39 +08:00 2686 次点击
    这是一个建于 530 天前的主题,其中的信息可能已经有所发展或是发生改变。
    能够上 V 站基本就已经过滤掉了小白,说明 V 友们基本都脱离了菜鸟的范围。

    目前网上讲 vue 源码的文章大部分都是讲的是运行时的源码,比如响应式原理、diff 算法之类的。

    其实编译时的代码在 vue 源码中也占了很大的比例,但是网上关于编译原理的文章不算多,或者是只简单的讲讲 parse 、transform 函数等。

    我准备围绕"vue3 编译原理"输出一系列成体系的文章,V 友们是否感兴趣?
    28 条回复    2024-05-07 11:13:30 +08:00
    adrianyx
        1
    adrianyx  
       2024-04-30 14:31:32 +08:00
    支持
    Cary
        2
    Cary  
       2024-04-30 16:01:58 +08:00
    有了踢我
    ouyangcoder
        3
    ouyangcoder  
    OP
       2024-04-30 16:13:15 +08:00
    @Cary 是 @的意思吗?
    ouyangcoder
        4
    ouyangcoder  
    OP
       2024-04-30 16:14:26 +08:00
    @adrianyx 哈哈,感谢。说明还是有人看这个东西,我接下来就准备开始输出
    starcoming
        5
    starcoming  
       2024-04-30 16:27:55 +08:00
    支持
    GoldenLeez
        6
    GoldenLeez  
       2024-04-30 16:29:53 +08:00
    支持
    Campanula
        7
    Campanula  
       2024-04-30 17:07:54 +08:00
    支持

    我是做后端的,对前端一直有陌生感,就是因为它大量的代码生成(类似的东西我只在 protobuf 感受过)。

    各种 app create 脚手架又像黑盒一样,bable swc esbuild rollup 各种概念在层级上还有差异,不知道怎么积累知识体系,亟需指点。
    4ark
        8
    4ark  
       2024-04-30 17:10:53 +08:00
    支持,发了麻烦圈一下我
    Campanula
        9
    Campanula  
       2024-04-30 17:18:53 +08:00
    “其实编译时的代码在 vue 源码中也占了很大的比例”

    也希望串讲一下 vue 和 tsc 和 jsx 和 postcss 这些有外部语法的处理流程,以及为什么会用到 esbuild 。

    (没想到还有我这样的小白...每次被大量的前端概念淹没)
    ZnductR0MjHvjRQ3
        10
    ZnductR0MjHvjRQ3  
       2024-04-30 17:19:02 +08:00
    支持 有了麻烦踢我一下谢谢
    wusheng0
        11
    wusheng0  
       2024-04-30 17:23:13 +08:00
    收藏了,有了记得更新一下(
    g0python32
        12
    g0python32  
       2024-04-30 17:26:53 +08:00
    我是菜鸟我是菜鸟我是菜鸟
    我是小白我是小白我是小白
    dengshen
        13
    dengshen  
       2024-04-30 17:34:43 +08:00 via Android
    支持 谢谢你我的朋友,你才是真正的英雄
    zblongfei
        14
    zblongfei  
       2024-04-30 17:43:06 +08:00
    支持,收藏等更新,提前感谢 OP 的分享
    TaiShang
        15
    TaiShang  
       2024-04-30 17:47:21 +08:00
    支持
    SaigyoujiNono
        16
    SaigyoujiNono  
       2024-04-30 17:47:31 +08:00 via Android
    很想看,对这里一直没什么了解
    Xu3Xan89YsA7oP64
        17
    Xu3Xan89YsA7oP64  
       2024-04-30 18:43:49 +08:00
    无非就那几个步骤,知道 vue 的模板具体是怎么编译的对工作没啥鸟用
    真好学的话直接去学编译原理这门课
    moqsien
        18
    moqsien  
       2024-04-30 18:49:40 +08:00
    最近正好在学 vue
    mathfather001
        19
    mathfather001  
       2024-04-30 19:43:35 +08:00
    I am interested
    0xD800
        20
    0xD800  
       2024-04-30 19:51:41 +08:00
    支持,虽然我可能看不懂,但是表示支持
    xiaojie668329
        21
    xiaojie668329  
       2024-05-01 00:48:23 +08:00
    资瓷
    YELine
        22
    YELine  
       2024-05-02 02:19:52 +08:00
    大力支持
    yidev
        23
    yidev  
       2024-05-02 11:35:20 +08:00
    那是相当的感兴趣
    liushengxian1230
        24
    liushengxian1230  
       2024-05-02 16:42:55 +08:00
    支持 mark 一下
    songray
        25
    songray  
       2024-05-03 10:53:46 +08:00
    写过 Vue 宏编译相关的文章.
    https://ray-d-song.com/post/vue-compiler-macro-defineProps
    Vue 的编译没多少内容, 因为 Vue 并不是非常依赖 compile 的项目, 同时大量借助了 babel 去做词法分析、语法分析、语义分析等真正的核心内容.
    想研究前端编译其实 dart-sass 是更好的选择.
    ouyangcoder
        26
    ouyangcoder  
    OP
       2024-05-05 22:48:19 +08:00
    第一篇 vue3 编译原理揭秘文章来啦,

    [vue3 编译原理揭秘] vue3 的宏到底是什么东西?。V 站 URL 地址: t/1037877


    @Cary @starcoming @GoldenLeez @Campanula @4ark @Campanula @Motorola3 @wusheng0 @g0python32
    @dengshen @zblongfei @TaiShang @SaigyoujiNono @moqsien @mathfather001 @0xD800 @xiaojie668329
    @YELine @yidev @liushengxian1230
    ouyangcoder
        27
    ouyangcoder  
    OP
       2024-05-06 15:17:35 +08:00
    第二篇 vue3 编译原理揭秘文章来啦,

    [vue3 编译原理揭秘] Vue 3 的 setup 语法糖到底是什么东西?。V 站 URL 地址: t/1038089
    Cary
        28
    Cary  
       2024-05-07 11:13:30 +08:00
    @ouyangcoder 对的 感谢你的文章
    关于     帮助文档     自推广系统     博客     API     FAQ     Solana     2990 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 00:33 PVG 08:33 LAX 17:33 JFK 20:33
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86