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

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

  •  
  •   ouyangcoder · 200 天前 · 2139 次点击
    这是一个创建于 200 天前的主题,其中的信息可能已经有所发展或是发生改变。
    能够上 V 站基本就已经过滤掉了小白,说明 V 友们基本都脱离了菜鸟的范围。

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

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

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

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

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

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

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

    [vue3 编译原理揭秘] Vue 3 的 setup 语法糖到底是什么东西?。V 站 URL 地址: https://www.v2ex.com/t/1038089
    Cary
        28
    Cary  
       193 天前
    @ouyangcoder 对的 感谢你的文章
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2847 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 09:36 · PVG 17:36 · LAX 01:36 · JFK 04:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.