No.36 和海老师聊前端、TS-Vue、编译、Ast-grep、Rust 和参与开源的快乐 新一期播客更新了！这一次过往嘉宾沈青川限时返场，我们邀请到了海老师一起来聊 TypeScript/Vue/Rust/ast-grep/ 编译、参与开源等话题，我们聊的非常开心，欢迎一起参与热情的技术讨论！ 基本资料 主播：辛宝、小白菜、沈青川 嘉宾：海老师 * 知乎 锈儿海老师 * Github: HerringtonDarkholm * twitter @hd_vim * 目前精力投入到 ast-grep [1694099961014 (1)] 海老师的桌面 [WX20230826-150036@2x] 腾讯会议现场 时间轴 01:11 opening 本次邀请到了沈青川作为飞行嘉宾，海老师作为嘉宾一起来闲聊 02:38 海老师之前在 vue 2.x 和 typescript 结合时候参与过贡献，目前写 Rust 05:35 聊 vue2.x 早期和 ts 结合的有趣故事，装饰器 decorator 之后 11:45 目前尝试 Vue 和 Rust 结合，未来已来，但并不容易，目前和未来的规划。遇到一些问题，也产出了 ast-grep 作品。 23:10 本期的主题就清晰了， TS/Vue/Rust/Compiler 领域的持续深耕。新手可以从中学习和进步。 TS 入门、进阶方案， 30:30 如何入门学习 编译 parser ，从学术和工程实践角度。 35:30 学习 Rust 的吐槽和感受，和前端有多少关系 38:00 刚才为了解决 Rust 的问题，开源了 ast-grep ，集中介绍使用和场景，所有的库开发者都可以学习和使用，辅助用户迁移。尤雨溪在近期的分享中也提到 vue2 -> vue3 中的不兼容性导致的开发者体验的反思。 54:15 早期参与开源和现在参与开源都在做什么，从开源中找到了很多快乐、学会更好的沟通。 62:35 海老师夸 Web Worker 录制的流程特别好、特别专业，欢迎更多人来闲聊来玩。 66:17 参加、主导开源社区，推荐开源项目手册 系统学习。 71:20 海老师工作多久了，目前精力投入到哪里。也聊到了 ChatGPT 来文本分类，辅助学习。无论你习惯看文档、动手实践都可以让 AI 辅助学习和理解。NeoVim 也是忠实粉丝。

收听方式 介绍 主播：辛宝 Otto、刘威 Franky，小白菜、开翼 嘉宾：拾一 Innei Twitter twitter.com Github github.com Blog 在远方的四天 - 静かな森 这一期播客我们邀请到了非常年轻的大佬 拾一 Innei，一起来聊 React (谁说 Web Worker 只有 Vue，这不就来啦)。顺着时间轴，我们一起闲聊谈到了技术选型的选择，背后的思考，谈到了之前踩坑经历和一些技术思考，比如 react18/vue/neovim/next13/nestjs/grahql/ 跨端 /serverComponent 等技术方案！ 拾一的桌面 时间轴 01:11 opening 开头，本期邀请到了 拾一 Innei，一起聊聊他的技术输出。 03:20 顺着时间轴，拾一从大二就开始全职实习了。去了一些有趣的公司，经历了前端基建平台等、相同的技术栈。 12:10 从博客圈入门，从 php + vue2 + react 技术一路走来，谈又爱又恨的 React 技术细节和技术方案选择。 20:30 php 写博客，尝试使用前端写 Next.Js 9 ~ Next.Js 13，技术选型也不断推翻选择更多选型方案，不断优化技术方案。最终 NextJs 13、 jotai 状态 Framer Motion 动效，后台页面 Vue3 + Naive UI。聊到了代码量、RxJS、NextJs 踩坑经历和吐槽感触 33:00 聊 MixSpace 博客现在发展和使用情况。也回忆起了十几年前就存在的 Typecho 这个 PHP 平台。 36:00 最近在搞 NeoVim 开心快乐的使用经验，提到 Vim 作者 近期去世聊起背后的一些故事，推荐了 Kitty Terminal 47:15 使用 Nest 做服务端开发的感受，或许后面还想试试 Koa 重新来做。被 @wangjie000 安利 GraphQL，跨端经历 RN 、使用 Server Component 57:45 聊聊拾一最近的生活感受，旅游、Remote 生活状态。宅属性的典型的一天。又是羡慕活力满满年轻人的时刻。也谈 xlog 的缘分。香港办卡经历。 64:45 推特上的吐槽，技术上奇妙的感受。对现在的状态满意吗，对未来的期待。 68:15 最近在学啥新鲜玩意，想投入经历学习什么？Swift 的纠结、其他语言的学习感受、Web3 的好奇、学习前端的路径，兴趣驱动学习很快。更鼓励通过 ChatGPT 一起学习新东西。

介绍 前端主播：辛宝 Otto、小白菜 Cabbage 嘉宾 随易 新一期播客更新啦！这一期我们邀请到了随易大佬一起来闲聊，聊独立开发心路历程、独立开发踩坑经验、对向往的未来生活的期待！欢迎更多有志靠技术独立获得收入的朋友一起参与互动。 随易妙趣横生的代码开发生活 时间轴 02:25 opening，本次邀请到了 随易 yicode.tech 大佬，目前在做的事情和工作状态。目前主要精力投入到代码上，目前想做的 idea 有 70 多个，实现了十几个，有事情可做 05:30 目前做了哪些作品、技术输出？积累的开源模板等、utools 易代办、FnMap - VS Code 插件。 09:40 研发过程中不断完善自己的模板，相当于快速进入项目开发，算是 dogFood ，从接单开始储备代码，不断完善。剖析从接单到自由职业的心路历程 16:30 关于上班摸鱼不摸鱼的心态，随易更关注提高自己的能力，储备解决问题的能力 20:10 做的付费作品易代办，有哪些功能，有哪些付费点？背后的思考、迭代规划，付费会员体系，为什么从 utools 平台 开始做起来 38:00 目前付费收入状况如何，从冷启动到目前状态。对未来持续收入是否乐观 41:00 新产品冷启动实践过哪些运营、宣发方式，效果如何？ 51:40 随易工作多久了，之前的做过啥，过去有哪些有趣的故事。为了收钱注册企业，是否可行，后续大概可以专门聊。 59:30 目前的收入占比如何，心态如何，有啥踩坑经验。 66:28 定价策略是怎么定下来的，有哪些经验，尤其是针对国内的情况。 69:47 未来的产品规划？产品矩阵背后的思考。推崇小而美的快速上线方式，警惕高投入低产出的产品。 80:00 开源的协议选择，最近对开源、工作时长的感触，面对喷子是战斗还是无视。准备独立开发的准备。

收听方式 介绍 前端主播：辛宝 Otto、小白菜 Cabbage 飞行嘉宾：开翼 这是一期久违的闲聊节目，干货含量为 0。 开翼手艺很好 我们聊了几个主播的近况，小白菜换了新工作生活节奏慢下来了、刘威辞职远游中国、开翼正式踏入职场入职新公司，辛宝还是在公司呆着不动(暂时)靠各种事情排解烦恼。复盘川哥 98 分钟的播客到底算不算超长，要怎么看待和处理，如何优化流程、节目更流畅自然。播客未来的计划和想法。草稿版本的播客新节目～ 时间轴 01:50 opening，刘威穷游全国缺席、开翼加入。 03:40 小白菜离开杭州回老家江西南昌了，生活节奏慢下来了，谈一谈感受 17:00 开翼快乐生活的回顾 22:20 注意听，辛宝大言不惭说说不定三个人都要换工作呢。一言成谶，说完就被裁员领大礼包了 22:35 复盘 32 期播客时长 98 分钟，感觉如何，迅速脑暴下，达成共识 38:40 欢迎听友协助校对语音转文字，注明来源之后可以发布文章，这块我是鼓励和开放态度 39:24 复盘 32 期节奏和形式的变化。 66:00 辛宝做了个新播客 咿呀 能跑就行，草稿版本的 web worker 68:35 23 年 8 月 26 号，在苏州有 VueConf/ViteConf，我要去面基嘉宾，也希望邀请到更多嘉宾来闲聊。那个男人去吗？去，我要去堵他。每个 Github ID 背后都是一个鲜活的、积极的人，一定要采访每一个有趣的开发者 72:05 开翼最近在看 NextConf，很多优秀的 Conf 大会日程非常高质量，也非常通俗易懂。

介绍 前端主播：小白菜Cabbage、辛宝Otto、刘威 Franky 飞行嘉宾：Qwerty Leaner 作者开翼 嘉宾：沈青川 - ENFP 程序员 Github shenqingchuan 朋友们好久不见！本期播客我们邀请到了活力满满的川哥，一起聊了很多内容，聊的非常开心，快乐！聊了中文技术文档翻译、技术产出、职场思考等等。这次播客比较长，大概 98 分钟（节目好不好不知道，反正管饱）。把不少东西聊清楚了。 尤其是后半段聊找工作、职场感受那一部分，希望能鼓励很多目前情绪低落的朋友。如果你最近在职业低谷、心情低落，希望能带给你一份力量。 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 时间轴 01:18 Opening 本次邀请到了川哥 02:30 川哥入门翻译工作的经历，Vue3 RFC/Vue3/Vite/Rollup等文档。尝试引入 GPT/团队协作，需要长期投入维护和更新 09:20 如何保证中文文档跟进更新、可靠。技术手段、协作方式保证文档实时更新。GPT/Colipot 等 AI 技术可以承担的任务，感受如何。 14:13 技术翻译追求信达雅，比如 Promise/Tree Shaking - 除屑，背后的思考 15:20 新手如何参与到翻译工作中，有哪些可操作的方案 18:25 讨论中英文一一对应，方便查询的可行性。谈到了 Angular 的文档阅读体验。翻译文档使用平台工具的感受 25:40 翻译文档对自己的提升大吗？有更进一步对文档原文进行修改吗？ 29:23 未来还会继续扩大翻译内容吗，如果想给一个文档提供中文翻译，有哪些建议和操作可以参考。期待未来有更多的人参与到文档翻译中去，贡献更多力量 33:09 翻译协作团队背后的故事。聊起 Node.js 中文文档付费背后的故事和思考，付出努力的正反馈 40:43 翻译过程中有趣的故事和内心感受。 42:49 最近和富文本编辑器打上交道了。 我们提到了 slatejs / quill / prosemirror / tiptap 目前在做的是 HeteroDoc 47:24 最近尝试在做 Vue-Vine，一种新方式组织 Vue SFC 的技术方案。从方案聊到 Vue/React/Angular 中选型的一些思考。挖坑未来可以聊其他语言的技术选型、哲学思考 60:00 介绍 AST 相关的库 AST-Grep 。也希望未来能介绍和宣传更多技术产品 78:00 川哥工作多久了，最近忙什么，有什么职场感悟、生活感悟。川哥是 99 年的，真年轻啊。借此机会，希望能给很多找工作的朋友一些宽慰和鼓励，不是我们自己的问题，保持好心态很重要。 83:00 川哥当初是怎么入门学习前端的，有啥过来人经验可以给听友参考。 93:24 对未来的期待

介绍 前端主播：小白菜Cabbage、辛宝Otto、刘威 Franky 新一期播客来啦！本期我们尝试开了一个新的节目系列锐评系列本期锐评的内容是Copilot Chat && Copilot Labs。 锐评系列核心是围绕前端程序员视对前端开发的技术，包括但不限于前端技术版本更新、新框架和库、开发(调试工具。等一切与前端程序员有关的技术进行评价和讨论。讨论范围仅涉及技术本身不涉及人和公司。一般攒2-3个或者15-30分钟内容时长的主题进行讨论。 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 时间轴 0:00 opening 本次一起来聊 Copilot Chat && Copilot Labs 是什么 01:50 Copilot Chat 的基本介绍 02:30 Copilot Chat 的前身 Copilot 02:50 回顾 Tabnine、IntelliCode、IntelliCode API Usage 04:10 辛宝回忆入行的时候提倡直接手写代码不用提示工具 04:45 用Copilot 在极限情况下直接生成管理后台的代码，减少crud 工作 05:50 辛宝在Copilot辅助下写代码的新习惯 06:30 介绍一下Copilot Chat的功能。 07:50 刘威提到Copilot类辅助插件的小问题 10:00 小白菜介绍在用Copilot Chat的时候比ChatGPT类工具好的地方 11:08 讨论Copilot 当前调试问题和生成代码的准确性并没有那么令人满意 11:45 讨论Copilot的具体使用场景和使用语言环境 13:50 主播们觉得在不设计业务场景的情况下非常有用 14:50 辛宝介绍 Copilot Labs，包含代码单元测试生成、优化代码、代码转换为另一种语言。 17:50 对比Colilot Chat 和 Copiot Labs 18:15 聊TDD的可行性和如何去做单元测试覆盖 22:25 介绍两种插件的使用资格和申请方式 23:00 主播们对两个插件进行评分 相关链接： copilot chat的候补队列申请地址 copilot x中的其他产品的候补队列申请地址

介绍 前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：最年轻的 Vue Core Team Member sxzz@twitter 新一期播客来啦！本期我们有幸邀请了三咲智子 sxzz，一起来闲聊！智子是一位热爱开源的年轻大佬，我们一起聊智子从相关技术的使用者变为参与者、维护者的背后的心路历程，最近 Vue v3.3 更新了，智子表示这个我熟，分享了很多第一手使用感受，安利 Vue Macros，我们也谈到了智子学习前端过程中的学习感悟和踩坑经历，期待在开源世界里见到各位！ [image] 智子的工作桌面 [image] 智子的猫猫 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 时间轴 01:45 开场，这次嘉宾是 sxzz@github ，目前是大三学生，技术开源领域参与 vue/vite/vueuse。 02:30 element-plus 是第一个正式参与开源的项目，维护、贡献。从大一开始接触到开源。从 element-plus 的使用者到维护者背后的故事。Vue3.3 中的 defineOptions 09:45 提到 Vue3.3 近期的更新了，sxzz 表示我熟，因为有一些功能来自智子开发的 Vue Macros。文字版细节在这里《Vue 3.3 主要新特性详解》。提到了 defineModel/defineOptions/defineSlots/ 泛型组件 / 引入外部类型 等相关特性，B 站有全程直播录屏详解 可以学习如何一步一步实现。 16:55 导入外部类型，是一个很有趣话题，辛宝提了一个 issues 《如何为 defineProps 导入类型》，这是 Vue3.2 里讨论最多的一条信息，有多达 138 条回复，最近 close 了。背后有很多有趣的开发细节。 22:00 我们提到的 Vue3.3 一系列更新，主播们聊起来了，当初 vue+ts 相关的开发体验。提到了 class-component/decorator 等历史写法。还提到了 Vue Macros 和 Vue2.7 29:00 Vue Macros 更像一个快速落地的 Vue RFC 实验田，很多特性交给社区来做会更方便。介绍了一些还没有被 Vue 官方吸纳的特性。讨论了是否消解如何修改更新 props 传递的值。还会继续支持 Reactivity transform，Vue Macros 后续会如何规划和更新 37:35 聊 Elk 项目是什么，背后的技术栈、产品设计思路、当前实现的功能。 42:45 智子目前在忙什么，有哪些新想法。期待智子在 web3 + vue 有更多有趣的技术产出。 43:00 谈开源，开源难吗？怎么算参与了开源？git push 到 github 算开源吗？其实有更多纬度来参与。 48:00 智子典型的一天如何度过，是如何分配时间和精力的。最早学习接触编程的感受和动力，果然还是游戏是最大的动力。新时代的前端更容易学习技术和实践，智子有哪些过来人经验和踩坑精力可以分享。兴趣驱动！ 55:00 未来打算做点啥，对未来有什么期待。还提到了 Vapor Mode 的规划。今年去阿姆斯特丹的 Vue Conf 会议经历和感悟，线下参与活动的感受真好。Web Worker 说不定也可以搞线下的 meetup/workshop，开源之夏杭州马上开始了，帮忙宣传一波！鼓励在校生更多参与开源。

介绍 前端主播：辛宝Otto、刘威 Franky、小白菜 嘉宾：全栈大佬 山月 新一期播客来啦！本期我们邀请到了阔别已久的返场嘉宾 山月一起来聊 Vercel Ship 2023，新鲜热乎的平台能力是否会影响前端的发展？都有哪些新的能力？都有什么应用场景？我们需要使用吗？使用的选型考量和横向对比怎么考虑？对 Vercel 新能力的思考尽在这里！ 节目录制与发布会最后一天，随着时间发展，部分平台能力和观点也会随之变化，使用变化的眼光看待这场有趣的发布会。 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 时间轴 00:56 opening 本次邀请到了返场嘉宾 山月，一起来聊 Vercel Ship 2023 有什么新东西 02:30 每年都有的 Vercel 发布会，说不定后面也可以讨论 vue/react/vite/sevete conf 等开发者大会 03:27 第一天主题 存储 Storage。提到了 Vercel KV/Vercl Blob/Vercl Postgres/Edge Config 19:19 第二天主题 安全Security。提到了Vercel Secure Compute和 Vercel Firewall，顺嘴一提的 Authentication/Monitoring/Audits 26:25 第三天主题：协作Collaborate。提到了 Visual Editing 和 Vercel Spaces 32:55 第四天主题 Dynamic Next.js v13.4 相关。App Router/Server Actions/Turbopack，相关概念 Server Component，前端 SSR，PHP 的历史重现。 39:15 第五天主题 生态Ecosystem。提到了 Auth 相关的Clerk 和 Vercel 运行 Nuxt3 42:00 五天内容听下来，主播和嘉宾的感受如何。Serverless/ Vercel 的定位/ 不同服务商的合作/ Vercel 的人才储备和技术产出/ Vercel 哪些场景需要使用/ 迁移成本会高吗/ API 是否可以复用/ MVP快速验证/ 像 S3 一样通过 API 指定标准/ 如何认真看待类似 PHP 的 SQL 写法/ 期待真实场景的 Vercel 最佳实践

2023-05-10 介绍 前端主播：辛宝Otto、刘威 Franky、小白菜 嘉宾：DIYGOD @ xlog.app 新一期播客来啦！本期我们邀请到了 xlog.app 背后的作者 DIYGOD 一起聊聊他做的区块链博客平台，以及背后的选型考量和有趣的故事。除了科普背后用的 web3.0 技术细节，我们还对选型进行一番大讨论！也对 yy 的个人生活向往不已！欢迎来 xlog 一起写博客，听播客！ DIYGOD 的工作桌面 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 时间轴 01:30 正文开始。本次邀请到了 xlog.app 的作者 DIYGOD 是一个 写代码 看番 打游戏的技术大佬。 02:52 刘威为什么开始 写博客 了，为什么从 obsidian 最终选择了 xlog。已经 xlog 为什么有吸引力和独特性。这是一个区块链上的博客网站。作者和主播们聊聊使用感受。 09:15 尝试重新认识 xlog，以及如何使用，背后技术的对比介绍。对 xlog 做一个介绍。因为用到了 web3.0 里的新技术，对比 web2.0 的知乎，尝试做个对比，核心还是数据所有权的区别。关键词：区块链技术、智能合约、区块链钱包。 18:00 QA 三千问：在 xlog 上发布东西需要花钱吗，需要我支付宝扫码付费吗，提到的 Gas Fee 是什么，背后是什么原理，优质文章还有打赏激励？为什么在知乎发文章没有付费的概念，区别在哪里？哪些行为需要付 gas fee? 图片、文本、音频文件存储的区别？关键词：不可篡改、ipfs 网络、cid、pin文件、ipfs 协议访问细节 32:20 Xlog 技术选型是怎么考虑的？next.js + tailwind + headless UI + mingcute icon + codemirror编辑器 + remark + postgres + redis + prisma + react-query 等，一番技术选型大讨论，缓存数据库作用是什么？ 45:00 选用这些技术栈，是怎么发展的，背后演进的思考和踩坑经历，开发背后的故事 51:10 目前精力投入情况，典型的一天是如何度过的？xlog 上有很多有趣的、温暖的小伙伴和故事。 56:30 播客里有管理员吗，都有哪些权限，对上链的内容能做哪些动作？具体自己听 63:00 复盘我们围绕产品和技术聊了哪些东西。yy 工作多久了，最近在忙什么，学什么新东西，未来怎么规划精力投入 66:20 目前也在探索更多的内容展示形式，比如播客和图片、视频等，xlog上还真有一个前端程序员都爱听的播客！大声喊出的他的名字 _ _! 67:00 作者慈父般对 xlog 有更长远 更长久的发展期待。 68:30 作为前端过来人，有哪些学习经验分享和个人感悟？不断探索，兴趣驱动。 74:00 彩蛋：主播们和作者认为 xlog 是一个什么东西？是blog、是个人资产、是 next.js + 区块链的技术组合、也是播客社区、内容社区。也是一个非常棒的学习的材料。 参考链接： * xlog repo * 《姚前：Web3.0，数据所有权和身份自主权的回归》 * 发现一个视频 在区块链上搭建个博客站，永久 免费 简单 安全！_哔哩哔哩_bilibili

介绍 前端主播：辛宝Otto、刘威 Franky、小白菜 嘉宾： 开翼 @ Qwerty Learner 新一期播客来啦！本期我们邀请到了 Qwerty Learner 的作者开翼，也是来自听友群的大佬。他做的网站产品可以让你爱上单词打字，还有前端最熟悉的 js 词汇表可供选择，作者同时也是一个 coding 6年的读研在校生，也能为很多朋友带来前端的学习感悟和踩坑经历！ 学生党讲求一个便携 贴纸搜集爱好者 时间轴 02:15 opening，好久没有合体一起录播客了。 02:45 邀请到了 qwerty learner 的背后的那个男人：开翼，这是一个用打字的方式来背单词的开源软件。 06:35 网站背后的思考，为什么做这个网站，以及网站背后的技术栈和选型考量。初版 React + TailwindCSS + useContext 做状态管理。考虑使用 jotai 维护状态。 09:00 开始聊 Web App 的状态管理，主播刘威讲 Angular 的 DI 容器。Redux/RxJs/Pinia/TimeTravel 时间旅行 12:25 网站除了前端技术之外，还用到了 Vercel 实现部署。Vercel 可以自定义 DNS，从 Travis CI 到 Github action 实现 github/gitee 更新，GVP项目的 Gitee Pro 16:25 作为已经 8.8k Star 的开源项目，从两三年开始筹划制作，如何迈出第一步和持续改进，背后有趣的故事。站外流量比官方要高 23:25 开始做 SEO 和相关优化，比如备案、meta标签优化、主动登记提交。背后有趣的故事和技巧。 28:20 还有开源协议的选择。从 MIT 到 GPL 的转变。gitee 提供了一个引导、阮一峰的开源许可证 写在12年前。 31:25 自来水更多出现在小红书上，关注点不在技术词汇，反而在四级六级托福雅思上。使用 MixPanel 埋点做的更好。背后的相关思考 38:00 谈产品重构和迭代的思考，主播门和嘉宾来参与讨论。 41:45 都有谁在参与维护，寻找更多开源爱好者参与开发，比如程序员小白、高级程序要都能做哪些事情。 44:10 写代码、运营、答疑QA 在不同阶段的精力投入占比。wpm（每分钟字数）排行榜的开发有点难。展望未来的迭代方向，现在的运行状态 54:00 开翼写代码很久了，谈过来人的踩坑经验和思考。入门学习比如掘金小册、慕课网等，官方文档。写项目立刻开始写。跳出框架，如果有自己的想法，可以跳出传统的方向。 61:35 彩蛋内容，开翼拿 openai 的 chatgpt 做了一些东西，具体是...

主播：辛宝Otto、小白菜 嘉宾： 黑洞Black-Hole 新一期播客来了！本期我们邀请到了Electron 的核心开发者黑洞Black-Hole 一起来聊聊已经开源十年的 Electron 背后的故事和他的前端学习感悟、参与开源的经验分享。 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 大纲 03:15 你用过 Electron 吗，什么应用场景 05:00 科普 electron 是什么用，哪些场景适合，有哪些相似竞品。QT/ Tauri 08:45 Electron 团队主要做什么，发版节奏为啥这么快四周一个版本，微软商店的强制性要求。对构建体积大小的考量 11:20 开源十年的Electron 背后的团队什么样，Work Group 的成员组成和分工。目前内部交流使用 slack，和 disord/微信群/qq群。 Electron China 团队 19:30 有很多知名的基于 Electron 开发的产品，比如最近的腾讯QQ，使用 Electron 和 QT 的技术选型考量，功能裁切的提示 24:10 Electron 持续流行的很多原因，推荐阅读官方的文档、api，快速上手的 Fiddle。可以选择的学习流程。打包 Electron Builder和 Forge，相关踩坑经验分享 31:40 针对中国区用户使用 Electron 的提示 36:25 近期开发 Electron 的用户注意了，对windows 7/8/8.1 低版本的不支持，产生的影响会持续很久，背后的原因。背后微软、谷歌的选择。 43:30 和黑洞在印记中文认识，负责翻译一点 weekly，也在负责 pnpm/electron 的文档维护者直译。 45:55 掌握 Golang 比 js/ts 用的舒服。 47:00 参与开源这么深入，是怎么分配精力的，当初是如何入门的？好奇、坚持、问题驱动。对 review 过程中的收获。 51:40 前端的过来人经验，当初的走过的弯路和经验分享。看书 > 看视频，多思考。多参与开源，参与 Code Review。从小的代码库开始看、手写常见的方法。推荐 《深入理解 ES6》和 红宝书《Javascript 高级程序设计》。 58:00 后面可以约黑洞继续聊 pnpm v8 和 monorepo 相关的东西。

前端主播：辛宝 Otto、刘威 新一期播客来了，本期是主播辛宝Otto 的单向输出，我最近从 openAI 的 whisper 出发，尝试理解和消化国外音频博客节目，由此产生了一些想法和各位做个交流，希望得到你的鼓励和支持！ 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊职场、聊资讯、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 本期内容不多，不准备大纲了。 相关拓展 - status of js 的 podcast 报告 - whisper github repo Edge 浏览器的阅读模式，可以选择语法工具，高亮单词

前端主播：辛宝 Otto、小白菜 嘉宾：山鬼 #介绍 第 23 期播客我们邀请到了老朋友山鬼，一起来聊 ChatGPT 的使用感受和思考。 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 #时间轴 01:15 opening 02:13 我们本次聊 ChatGPT ，以及主播们的使用场景和感受 08:35 聊 AI 也绕不开 Github Copilot，辛宝是尊贵的付费用户，竞品有免费的 tabNine 12:08 可以让 ChatGPT 进行文档整理、代码编写，发现需要甄别输出的结果 18:51 从 AI 到识别对抗 AI，说不定可以专门教如何科学提问 20:27 主播用来学习前端之外的技术领域 22:45 除了 ChatGPT/Github Copilot 还用过哪些？比如 SD/Midjourney 24:44 未来可以做更有针对性的产品，比如大佬的嘴替。信息从极客小众到技术小众到普罗大众的推广，技术推广带来的社会发展 30:08 除了无版权图片，还有 AI 音乐、UI mockup 设计、代码自动补齐 32:52 技术在手，我们可以做什么作品，哪些场景落地 38:10 总结和展望，希望我们始终对新技术保持好奇

前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：崔红保 介绍 第 23 期播客我们邀请到了崔红保。 【嘉宾信息】崔红保，保哥在 UniApp 背后的公司 DCloud 担任 CTO，作为经验丰富的行业老兵，很早就深耕 HBuilder 编辑器、跨端能力增强 MUI、流应用、uni-app 跨端应用、uni-cloud 云开发等等。我们邀请到保哥一起聊这些技术名词背后的故事和变迁，和对前端的思考。 崔红保的工作桌面 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 时间轴 00:50 opening 01:40 崔红保的简单介绍和个人经历，工作十几年的行业老兵 02:40 保哥从 06 年结束求学，进入手机开发相关的行业，比如摩托罗拉、诺基亚 Symbian 、windows CE、夏普、黑莓 BlackBerry 的 PushMail、 J2ME 等手机跨平台开发相关、移动办公。 05:20 2010 年之后的苹果、安卓相对完善，直到后面 2013 年开始成立新公司 DCloud，基于 W3C 做 HTML5 增强、移动互联网爆发 web 应用的不足，产出了流应用。 07:00 UniApp 小程序的跨平台、Serverless 平台 UniCloud 的发展。 08:20 苹果、安卓二分天下之前。 iOS/Android/WindowPhone 的时代，背后生态完善度。 11:40 从跨平台兼容、响应式布局、移动优先 14:20 DCloud 团队的目标、增强 HTML5 Plus、 HTML5 中国产业联盟 等，为 HTML5 补充原生功能、更好的体验。当时有 Cordova/PhoneGap ，封装为 MUI。现在的 Ionic/Capacitor 21:00 2014 年发布了 HTML5 解决方案 MUI 22:00 HBuilder 编辑器的十年开发之路，那时候 Nodepad++/Sublime/myEclipse/Eclipse 的古早编辑器、IDE。从魔改到自研，改名为 HBuilderX 背后的故事 29:00 从 360 浏览器上架的流应用、以及后来的小程序，流应用目标场景、背后技术考量、科普流应用和快应用、UniApp 小程序 SDK、国外 Google 的 Google Instant App、PWA 等 38:00 从 2019 年以后，以微信小程序为代表的小程序产业催生了小程序开发工程师的岗位、国内各种小程序平台层出不穷、聊 UniApp 的发展，紧随更新。同时期的 MpVue/滴滴变色龙等竞品、小白菜的开发经验 50:00 从 Serverless 到 UniCloud 背后的演进、背后免运维、开发提效的考量。挖坑 lafYun 的嘉宾 57:20 聊聊保哥经历的前端快速发展。前端从切图仔拓展到写页面、小程序、app、后端服务等。前端作为一个 web worker，职业的可能性更多。 60:00 作为过来人，对年轻程序员的学习规划建议，坚持学习、坚持总结、乐于分享。职业不设限。 63:00 保哥目前在做什么对未来的规划，比如 UTS、开发者服务 ToD、商业化思考。 幕后工作 - 策划 辛宝 - 剪辑 辛宝 - 时间轴 辛宝 - 文字校对 无 - 上传发布 辛宝

前端主播：辛宝Otto、刘威Franky、小白菜 嘉宾：云游君 本期官网网址 webworker.tech 介绍 第 22 期播客我们邀请到了云游君。 【嘉宾信息】云游君是一位年轻的大佬，作品很多，之前在 element-plus 认识的，之前做的夏日空调、隔离食用手册、B站填报志愿锦囊 多次破圈，从小玩具到万众瞩目的实用工具，相比有自己的一番心路历程！ 公众号 #云游君 万万没想到这是一个《关于一个差点成为飞行员的大触因为电脑太烂转行成为程序员的故事》。 云游君的工作桌面 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 时间轴 01:20 正片开始 01:45 云游君的自我介绍，在 element-plus 的维护，做过的小作品 夏日小空调 被人民日报报道的隔离食用手册等 ，聊背后的小细节。 09:48 静态网站CDN 被攻击的背后故事，github - 又拍云 - cloudflare 15:10 作为一个应届生，是怎么走上前端这条道路的。从电脑带不动 Unreal 到前端三大件，到php，到vue等。主播们聊起了初学前端的兴奋感，以及学前端（可能）比学算法学大数据省钱哈哈哈 23:30 做这些产品背后的想法，云游君的思考 30:55 主播们听完云游君背后思考后的感受。 35:00 云游君做的 明日方舟 CSS框架，从设计到感悟。 39:00 目前在做什么，想做什么。从博客主题hexo-theme-yun 到 文字冒险游戏框架ADV.JS，以及 静态博客框架Valaxy 的开发。我们兴奋地看起了代码。 42:35 对未来的规划和畅想。 44:20 作为年轻的程序员有什么过来人经验。比如越早知道 github 越好！信息获取途径、多尝试等。 47:40 主播们听下来的感悟。 线上文字采访部分 你是谁，在网络上做了什么，在哪些地方可以找到你，比如 github 知乎 公众号等 Hello，我是云游君。一个兴趣使然的开发者，热爱开源，Element Plus 团队成员，写过一些奇怪的东西，便携小空调、隔离食用手册，也在写一些辅助工具、项目和小游戏。希望能创作出可以成为他人回忆的事物。 * 博客：云游君的小站 www.yunyoujun.cn` * www.yunyoujun.cn * GitHub: YunYouJun * 哔哩哔哩：云游君 * 公众号：云游君 * 知乎同名，但是没有啥内容…… 现在在做什么 在支付宝写蚂蚁庄园 业余在写一些开源项目，有很多想做的事情还没有做，目前在写 Valaxy 一个静态博客框架、ADV.JS 面向未来与前端的文字冒险游戏引擎，做一个计划中的小游戏，学好 Rust、图形学基础和 WebGL，写轻小说，画插画，做视频，写博客和公众号。 总体来说，想的太多，做的太少。 与其说是在做什么，不如说是未来想做什么。 前端学习的经历和坎坷 我的家乡是一个小镇，尽管家中早早有了电脑，但在家家户户开始联网之际，我们家仍旧秉承着克制。因此严格意义上来说，我直到大学期间才开始接触编程。并且直到大一下学期方说服了父母为我购置笔记本电脑，并且由于对电脑硬件一知半解，和父母在电脑城购买的电脑性能也只能说差强人意。 那时，出于高考的曲折，尽管是我主动选择的专业，但真正学习时，我对其本身并没有很强的归属感，对于课上老师照本宣科读的各类名词也毫无兴趣。我仿佛总觉得自己有一天会离开这里，并在大一大二将自己的热情放在小说、制作海报、视频、辅修动画上。不知道该说是机缘巧合，还是发现了课堂外的兴趣，我仍旧放弃了大一的转专业和大二的转校的机会。 我预感可以在这条路上似乎更能实现自己的某些想法，并靠此养活自己，而不是其他兴趣使然，而很难自力更生的爱好。 提到学计算机，我想总有一部分人或多或少怀揣着制作一个独立游戏，并借此暴富的梦想。我也是其中之一。我尝试用各类语言（C#/Java） 做过一两个小游戏，但也许是学艺不精，总觉很难又好又快地做出自己真正想要的效果，实现也不够优雅。由于自己平时并不擅长与人交流，遇到问题也只会闭门造车百度问诊，直到此后的自己回顾起来，才发现走了诸多弯路，只觉光阴似箭、覆水难收。譬如使用 C# 时选用了微软后续不再维护的框架 XNA 而非 Unity，听着疲惫不堪风扇嗡嗡作响的笔记本，对着 Unreal 望洋兴叹。 总之，兜兜转转，我终于找到了一个最低成本又有趣且有无穷可能性的领域，前端。而我觉得我选择这条路有三条理由，其一便是它需要的资源最少，我那明明正值壮年却已如风烛残年的笔记本也能完美运行环境并开发，二来广阔的学习资料低成本（开源+免费），三来所见即所得有即时的成就感反馈。 而接触前端的原因，也是因为学校里课程设计有个搭建系统的相关内容，最初是用 Dreamweaver，到用 Sublime 写 JQuery，再学了 PHP 的框架 Laravel，了解到 Vue，开始 Element 一把梭，随后是 Nuxt，工作时会写些 React，也算是走了一遍前端史。 后来也越来越发现按部就班地学习学校课程是不行的，发现 GitHub 便成为了我的分水岭。 我觉得自己很难纯粹看视频去学一个东西，就像上课很难认真听讲这件事一样，但我很喜欢在写项目的过程中去学习。 我的第一个有两位数 Star 的项目是 cocos-creator-joystick，诞生于自己某个折戟的小游戏项目，我在 Cocos Creator 论坛中分享了它，意外地收到了很多收藏和鼓励，并成为了我第一个破两位数 Star 的项目。搭建相关网站时，尝试做了一个 Element Theme Ink 来定制自己的主题，并得以进一步学习了 Sass 和 Element 的源码。观「SAO」与「SAO Utils」有感，想做一个 Augma 组件库并以此练手，顺带深入学习了一下 Element Plus 的相关组件实现，提了些 PR 有幸被邀请加入团队。莫名奇妙爆火的便携小空调源于一次 React + CSS + 状态管理练手。回想起来做了很多好像是无用功的东西，但意外地最后又好像不是完全无用。 找实习投简历做了 web-resume，玩明日方舟+练习 CSS 写了 ak-ui，为了搭建自己的博客做了主题 hexo-theme-yun（我的第一个破百 Star 项目），后续则是在做自己的静态博客生成器 valaxy。因为有了群和诸多网友，做了QQ 群机器人 mirai-ts + el-bot。切换 npm 镜像的 nnrm，学 Web Components 做的 wc-github-corners，回忆起来，几乎每个项目的诞生都有其故事和渊源。之后很想在 B 站做一个系列，用每个视频讲一讲每个项目背后的故事和实现过程。咕 参与开源有哪些产出，有什么感悟，来一波 star github.com 项目就不一一列举了。 目前想主力做的两个项目是 Valaxy 和 ADV.JS。 感悟就是持之以恒、目的驱动、在过程中学习成长。 未来打算做什么，方向？作品？ 正如上文所言，想做一些讲讲项目或者开源故事的视频投稿。 又或者是做一个小游戏，并借此暴富。（不忘初心了属于是） 以及想开一个自己的工作室（目前定作云乐坊），分享一些自己的工作流及开源，做一些有趣的事情。（还有梦想借此养活自己） 在博文「云乐坊工作室的成立与缘起与有关的话」www.yunyoujun.cn 写了一些自己今后的想法 我觉得自己是一个物质欲望相对较低的人，想尽量摆脱做一名螺丝钉，并有机会做一些自己想做的事情。 做的东西破圈什么感觉，比如被人民日报报道食材做饭的小程序 首先肯定是开心，然后也会因此觉得有一些压力和责任感，比如一定要维护下去。 然后就是觉得自己有点走运，比如小空调，其实时至今日我也没有明白它为啥会毫无推广的火起来。 当时同时我也希望能够创作出其他更有意思更有用更值得分享的东西，而不是在这里止步。 做了这么多技术工具，有什么技巧，怎么规划的 正如开头所言，我是一个兴趣使然的开发者。 我做事可能基本没有什么规划。我觉得这也是我的一个缺点。 当我需要到什么，或者想要去写什么的时候，便会去做它，如果做它的过程很开心，很流畅，我可能会废寝忘食地想要完成它。 所以我一般会有一个想要将其应用出去的动机去驱动自己。 围绕技术产出，代码或者产品，有哪些收获感受，顿悟时刻，像感谢的引导老师之类的 列几位开源社区的引导老师。 * Yang Yi github.com 评阅了我 GitHub 第一个 PR（Element），而那次合并绝对是我参与开源社区的一个契机、鼓舞以及开始。我有时会想，如果当时 PR 被关闭了，是否会对自己产生之后的蝴蝶效应呢？ * Jeremy github.com 因为此前的头像是只鸡，我们都叫他鸡哥，Element Plus 灵魂人物，也是我真正意义上大量参与大型项目协作，从他身上学到了很多经验。 * antfu github.com 可怕的生产力，活跃在许多项目之间，我的开发效率因此受益，并从中学习到了一些项目的架构开发经验。 我的毕设导师栾老师在做毕设时给了我很大的自由空间，并在我可能退缩之时鼓励我尝试，而她的临别赠言-希望我可以把握住机会，我记忆犹新。我是一个在现实里不怎么擅长社交的人，有遇到一些犹豫不决的事情和机会时，我可能常常优先选择回避。而线上则是能打字的绝不语音，能语音的绝不视频。但偶尔我会想起这句话，并尝试做一些本可能会放弃的事情。 与此前在「刀剑神域」中听到的台词如出一辙，「与其不去做而后悔，不如做了之后再后悔」。有时我会得到不错的结果，有时也可能毫无成效，空费时间，但至少不会总是在之后为其后悔。 想的太多，做的太少。恰逢年末，回顾起自己，我决定给出这样的年终总结。 幕后工作 策划 辛宝 剪辑 辛宝 时间轴 辛宝 文字校对 无 上传发布 辛宝