V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ouyangcoder
V2EX  ›  推广

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

  •  
  •   ouyangcoder · 2024-04-30 13:22:39 +08:00 · 2499 次点击
    这是一个创建于 412 天前的主题,其中的信息可能已经有所发展或是发生改变。
    能够上 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 地址: https://www.v2ex.com/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 地址: https://www.v2ex.com/t/1038089
    Cary
        28
    Cary  
       2024-05-07 11:13:30 +08:00
    @ouyangcoder 对的 感谢你的文章
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2876 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 14:37 · PVG 22:37 · LAX 07:37 · JFK 10:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.