前端主播：辛宝 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 可怕的生产力，活跃在许多项目之间，我的开发效率因此受益，并从中学习到了一些项目的架构开发经验。 我的毕设导师栾老师在做毕设时给了我很大的自由空间，并在我可能退缩之时鼓励我尝试，而她的临别赠言-希望我可以把握住机会，我记忆犹新。我是一个在现实里不怎么擅长社交的人，有遇到一些犹豫不决的事情和机会时，我可能常常优先选择回避。而线上则是能打字的绝不语音，能语音的绝不视频。但偶尔我会想起这句话，并尝试做一些本可能会放弃的事情。 与此前在「刀剑神域」中听到的台词如出一辙，「与其不去做而后悔，不如做了之后再后悔」。有时我会得到不错的结果，有时也可能毫无成效，空费时间，但至少不会总是在之后为其后悔。 想的太多，做的太少。恰逢年末，回顾起自己，我决定给出这样的年终总结。 幕后工作 策划 辛宝 剪辑 辛宝 时间轴 辛宝 文字校对 无 上传发布 辛宝

介绍 前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：神说要有光 介绍 第 21 期节目来啦！本次我们邀请到了公众号的原创内容提供商，掘金的明星作者，思维活跃的折腾爱好者，消失的群主，笔耕不辍的文章输出大神，前端圈老朋友：神说要有光！ （本期节目掘金应该打钱！） 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 时间轴 01:30 神光的自我介绍和写过的小册 02:59 Babel 插件小册的背景介绍 04:27 core-js 和 Babel 的关系 05:57 神光聊一聊 Babel 的使用场景 07:25 SWC 与 Babel 08:40 神光介绍 Typescript, 强类型的优势 15:52 聊一聊调试, 大家常用的调试方案, 调试能力对技术提升的帮助 22:08 神光写小册高产的秘诀, 探讨对技术深度和广度追求的优先级 24:31 分享如何写一本小册, 需要哪些准备 31:32 神光的工作经历, 从工具链开发到业务开发 32:57 神光的日常和展望: 要成为全掘金写小册最多的男人 34:37 聊聊自由职业期间的感悟和收获 39:42 神光对前端初学者的建议: 深入学习, 勇于突破舒适区 42:53 写小册的初衷和输出过程中的收获 46:47 回顾总结本次访谈, 大家谈一谈对输出和分享的看法, 神光写文章的意外收获 相关链接 * 神说要有光 的掘金主页 * 前端调试通关秘籍 * TypeScript 类型体操通关秘籍 * Babel 插件通关秘籍 * Babel * core-js * SWC * Type Challenge * Chrome DevTools 官方文档 * 写了几百篇之后，我对“如何增强技术文章爽感”的思考 --神说要有光 幕后工作 * 策划 辛宝 * 剪辑 辛宝 * 时间轴 刘威 * 文字校对 无 * 上传发布 辛宝 * 推送 辛宝

介绍 前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：鹅厂 hel-micro 负责人钟正楷 第二十期节目来啦！之前我们主播聊起过 Webpack模块联邦，这是一个新概念但没找到合适的机会来做展开，本期我们有幸邀请到了来自腾讯的钟正楷一起来聊模块联邦，以及围绕模块联邦他们产出的 hel-micro 解决方案！整场讨论我们从基础概念、基础使用、设计思路、最佳实践聊了很多，也谈到了正楷当初是如何一步步进行前端学习不断进阶的，内容深入浅出，相信听下来会有新的收获！ 正楷居家工位照 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 时间轴 01:46 开场，之前我们聊过模块联邦 02:25 正楷的自我介绍 02:52 模块联邦的相关介绍、理解和实战 05:30 正楷围绕模块联邦产出了 hel-micro 聊历史背景和设计思路 09:55 微前端可以区分微容器 qiankun/micro-app/无界，微模块 模块联邦/hel-micro 两者的选型方案 12:00 总结回看看模块联邦的含义和应用场景 21:00 webpack5 里的模块联邦是如何接入使用的 22:00 hel-micro 是如何接入和使用的 25:40 小白菜对模块联邦、hel-micro 的理解和感悟 32:40 聊管理 hel-micro 产物的 hel-pack 36:45 关于 hel-micro 的快问快答，构建工具的选择、跨框架、跨版本产物 41:00 正楷对 hel-micro 未来的规划 44:45 聊聊正楷的工作经历、目前的精力投入、开源的工具 48:55 作为前端过来人，对前端初学者、年轻人有什么成长心得感悟，比如学习、模仿、进阶。 56:25 主播听下来的感悟，如何处理工作的 buffer：工作缓冲 58:25 整场内容复盘 相关链接： * webpack模块联邦 * hel-micro 知乎介绍 * 正楷的网络痕迹：幻魂 知乎首页 钟正楷 fantasticsoul 的 github * hel-micro 的 repo * hel-pack 的设计思路和json文件 * concent，一个自带依赖收集、提供setup特性的react数据流方案 * limu，一个比immer更高效的js不可变操作库 如何联系作者？实战文章的末尾提供了联系方式

No.19 和 AntV 渲染引擎开发者宇琪聊图形学、前端可视化和生活爱好 介绍 前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：知乎@潘与其 来自 蚂蚁 AntV 可视化团队 第 19 期播客我们邀请到了在蚂蚁 AntV 可视化团队参与 AntV 渲染引擎开发的开发者宇琪，一起聊聊前端里的图形学、可视化和生活的感悟。听过本期播客，你可能会对可视化有进一步的认识和理解。 宇琪的电脑桌面 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 大纲 01:31 嘉宾是咱听友群的听众，#深藏不露的 WebWorker 听友：宇琪 03:25 主播们用过那些数据可视化的实践？比如 echarts/antv/d3 背后有哪些考量 05:45 宇琪怎么看待这些可视化工具，彼此的区别。 07:10 宇琪围绕可视化做什么，渲染引擎。图表是怎么被画出来的。可视化和图形学的关系。 11:15 如果要渲染一个折线图，怎么利用前端技术来实现？Canvas / svg / WebGL / threejs / webGPU 14:00 Canvas/WebGL 性能的优劣吗，谈 Web3D 18:20 可视化如何入门和深入呢，值得深入吗？综述推荐《数据可视化 第二版》 22:10 嘉宾的可视化接触之路 26:50 小白菜的经历 33:50 延伸到游戏引擎 比如 白鹭、cocos 39:30 图是什么？ 44:20 未来的 web 可视化会是什么样，比如 WebGPU 47:20 宇琪的个人和生活，踩坑经历 51:30 你猜猜宇琪上次打开 react 是啥时候，前端的 web worker 不一定围绕 react/vue 转 53:00 宇琪的播客用来记录生活。还要联动一起聊《龙之家族》 58:30 还是要安利《Games 101》，值得看。 参考链接 * 知乎@潘与其 * 小宇宙@与其不如 * 微信读书 《数据可视化 第二版》 * MDN Canvas 教程 * MDN WebGL 教程 * MDN SVG * 知乎：《WebGPU 到底是什么》 * B 站搜索《Games101》 和 《Games 104》 * 知乎《什么是力导向图，力导向图又有什么作用？》

No.18 和自由职业白宦成聊独立开发、前端学习、服务目标群体 收听链接 介绍 前端主播：辛宝 Otto、刘威 Franky、小白菜 嘉宾：《编码人声》的主播 白宦成bestony 小白的书桌 第 18 期播客我们邀请到了《编码人声》的主播白宦成bestony 小白老师，和他聊自由职业、独立开发和前端感悟。作品聚焦服务目标群体！这让我们相当开阔视野。快让我们听起来吧！ 小白的三只猫咪 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 大纲 01:31 嘉宾介绍 03:00 白宦成的自我定位 04:12 白宦成的网名变迁和由来 07:38 知名作品 P站风格logo生成器 11:11 白宦成谈做产品需要的的心理建设 13:16 小白聊自己做开源项目的感受 14:32 讨论如何开启一个项目 20:13 小白提问如何规划独立产品的功能 26:51 白宦成为 Wordpress 的贡献和这项活动带来的和个人价值提升以及市场机会 35:00 72小时复刻 ClubHouse 的技术选型和思考 40:35 工作导向的技术学习路线是否正确,如何打造独特的个人品牌 47:13 白宦成谈布道师与开发者的关系 48:35 独立开发者孵化器 创立的初衷和期望 52:13 ToD社区的发展势头 55:48 独立产品的设计 开发和运营的重要性 57:14 闲聊最近的关注点和理想的生活状态 59:25 总结和ending 参考链接 * 白宦成个人blog * WordPress 教程 * Logoly：logo 生成器 * 黑客马拉松的 NESHouse 背后使用了Alpine.js 声网SDK 和 LeanCloud * 独立开发者的 孵化器

前端主播：辛宝Otto、刘威Franky、小白菜​​ 嘉宾：山鬼 某大厂前端 数字媒体技术专业毕业​ 公众号 山鬼iodto 山鬼的桌面 Web Worker 播客来到了第 17期，本期邀请到了在某大厂的前端山鬼，我们在一起聊了数字媒体技术专业的有趣经历，学习前端过程，对自身成长的规划和思考！每个人的成长轨迹不同，都有自己的闪光点，希望可以听到更多有趣的观点分享。快让我们听起来吧！ 山鬼的宠物 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965​ ​ 时间轴 ​ 00:28 正文 01:15 本次嘉宾山鬼，甚至还想过学习中医，之前的项目经历 04:35 山鬼和辛宝都是数媒人- 数字媒体技术专业，聊了聊过去的经历，感叹数媒的就业 13:45 山鬼围绕数媒，做了面向一个全国数媒学生的交流群，大约有 3000 人，也做了视频分享​ 20:50 工作中的感悟和思考，未来的技能树怎么点亮 20:30 面对数媒或者前端入门学生，有困惑是怎么做引导的，怎么学习，进大厂难吗，可复用的经验​ 34:40 面试名场面：你围绕 IM 相关的技术做了什么，有什么思考 42:00 你觉得前端除了写页面，有哪些方向，比如游戏 3D 方向等 46:30 之前有在做数媒的播客，未来怎么规划 50:30 主播辛宝又画饼了 ​注意： 嘉宾公众号 山鬼iodto 有数媒加群的信息

No.16 三位前端主播又来套技术方案了 & 播客1周年预热 前端主播：辛宝Otto、刘威Franky、小白菜 介绍 对了，下个月播客就一周年啦，欢迎评论区互动，对我们的建议和反馈，也欢迎推荐嘉宾和话题！ Web Worker 播客来到了第 16 期，本期是一次技术闲聊，没有固定话题。三位前端主播互相交流最近的生活状态和工作经历，抛问题给方案，白嫖还不给钱！刘威开始了他一个人的三室一厅的快乐生活！小白菜也不甘示弱，说起了自己的快乐生活。吹牛哪里能少的了我辛宝？我说起和牛逼的群友，面基撸串的经历！快让我们听起来吧！ 《Web Worker》是几个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为两个主播是前端程序员目前会以前端为视角切入。 以下是刘威的三室一厅之客厅一瞥： 是谁在羡慕？ wx 粉丝群请加 Otto 微信: xinbao965 时间轴 00:52 opening 01:35 好久没有三人闲聊了，聊聊最近的生活状态 05:25 下个月就是播客一周年了，那得开始画饼，邀请听友们提意见和反馈，比如印象深刻的点、嘉宾推荐、夸刘威的声音好听等等 07:00 辛宝最近开始了北京知春路聚餐小分队，邀请几个老朋友：奔跑的蜗牛、iTab 作者 XD、赵嘉、小石头。 09:25 如果听友你在北京、南京、杭州可以来约主播们来吃饭、玩游戏！ 10:00 刘威技术方面的踩坑经历：邮件编辑器 13:16 小白菜最近在业务中多域名映射多页面的纠结历史 16:40 辛宝最近在围绕微前端、组件库、模块联邦之间搬砖和纠结，开始白嫖方案 24:45 未来我们会邀请微前端、Monorepo 领域的厉害的人来做嘉宾（白嫖经验），可以期待一下 25:20 前端时间被邀请去串台，复盘效果和问题，以及开始吹牛画饼 33:00 为一周年的内容来画饼了、辛宝的线下录制新想法 36:30 说起来我还没见过小白菜、不知道小白菜姓啥名啥，就这样当了主播一起录播客！ 37:00 九月下旬就到了播客一周年了，欢迎朋友们来互动评论点内容，没想法的可以听听可以说点啥

前端主播：辛宝 Otto 刘威 Franky 小白菜 Cabbage 嘉宾：《质量三人行》播客 光毅、刘冉​ 光毅。知乎 李熠，公众号 “技术圆桌”，个人网站 https://www.v2think.com/ 刘冉。公众号”刘冉的思辨悟“，个人网站 https://liuranthinking.com/ ​00:45 opning 01:45 感谢博客月，邀请质量三人行光毅、刘冉来串台 02:15 光毅的自我介绍 03:10 刘冉的自我介绍 04:35 主播们经历的大项目，什么是大项目 05:50 主播之前的项目开发入场、出场经历 07:25 如何让接手项目的研发不骂研发？关注可读性，聊文档和代码 09:30 从可读性到测试岗位关注的自动化测试、覆盖率、活文档 14:30 主播们如何实践 Code Review 17:25 光毅经历的 Code Review，每日 Review，需要平衡成本 20:10 刘冉谈 Review 目的、两种方式：提PR 和 每日 Review 24:00 辛宝、小白菜经历的 Code Review 27:40 前端有在做测试吗，比如单元测试？答案没有 28:50 嘉宾落地测试的经验、测试岗位如何测试 34:35 前端熟悉的测试工具 jest/vitest/cypress 和单元测试、组件测试 45:30 技术没有银弹。前端如何提升代码质量，对年轻程序员的建议 49:03 约翰卡马克（John D. Carmack II）是电脑游戏界的传奇人物 50:00 代码框架、标准、管理流程等都可以提升代码质量 53:05 你遇到的测试什么样？优秀的测试什么样？ 57:20 光毅谈测试，从测试技术到测试业务 59:30 刘冉谈测试，去测试化遇到的问题、测试左移、kickoff、业务方沟通、 62:34 shoulder check 和 desk check 63:40 api 与 api 的契约、落库检查、安全测试、ACL 、snapshot test、 pipeline as code hoverFly bug管理，多种方式让项目风险降到最低 67:30 专门讲 kickoff和具体落地、desk check作用、bug bash、bug Retrospective 72:15 主播怎么看 TDD 74:50 嘉宾谈 TDD 的思考，以及提前设计 81:05 整场讨论我们聊了什么，以及为未来串台挖坑 82:50 提及的工具 karma UI 测试、cypress 和 cypress component testing ，微软的 playwright 嘉宾书籍推荐 刘冉： * 测试设计相关的 《A Practitioner's Guide to Software Test Design》英文书，列举了测试方法和如何高效设计测试用例。测试分析是基础中的基础。 * 代码相关的《重构》Refactoring，让更多里理解代码，方便维护防止腐化 * 《程序员修炼之道 第2版》初版是十几年前的书，如何控制代码等 光毅： * 《编程原则》，原名 Understanding Software，翻译作者。常看常新，类似《重构》、整洁代码

前端主播：辛宝 Otto 刘威 Franky 小白菜 Cabbage 这是一期技术闲聊，主播们互相白嫖各自的业务问题和解决思路，聊 monorepo 和微前端，webworker.tech 官网正式上线了，接下来会参与的技术播客月活动。欢迎互动参与！ 《Web Worker 播客》是一档几个前端程序员闲聊的音频播客节目。我们将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为主播是前端程序员，目前会以前端为视角来切入。你可以在小宇宙、苹果播客、喜马拉雅、网易云音乐等平台订阅收听 web worker，也欢迎关注 web worker 同名公众号获取最新内容。wx 粉丝群请加 Otto 微信: xinbao965 大纲 00:05 博客宣传月片头 01:50 自由闲聊 02:18 绕不开的裁员话题 04:30 Otto的疫情、出差深圳的感受 06:10 刘威的日常 06:40 小白菜的日常 07:30 刘威在折腾 Angular + 微前端 MonoRepo N​ 08:30 未来说不定可以专门讨论微前 09:00 小白菜在尝试 vue3 + react 的选型方案 11:15 刘威开始面试小白菜选型思考、深入探讨业务方案 15:32 小白菜的业务诉求+刘威的过来人经验 22:18 我们的 webworker.tech 网站上线了！未来还可以挖坑 24:35 百度辣鸡不自动收录，Google已经收录3条了 ​25:00 还开通了阿里域名邮箱 25:25 我们参与了博客月活动，预告两个嘉宾 27:30 口播互动，欢迎互动参与！ ​​

前端主播：辛宝 Otto 刘威 Franky 小白菜 Cabbage 嘉宾： iTab 浏览器扩展 作者 XD 你使用 iTab 插件吗？这款好看又爆火插件的背后有没有什么有趣的故事？作者本人从这款产品中收获到了什么？本期播客我们邀请到了 iTab 背后的作者 XD！一起来聊 iTab 和背后的故事。 iTab 作者 XD 的 启动界面 《Web Worker 播客》是一档几个前端程序员闲聊的音频播客节目。我们将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为两个主播是前端程序员，目前会以前端为视角来切入。你可以在小宇宙、苹果播客、喜马拉雅、网易云音乐等平台订阅收听 web worker，也欢迎关注 web worker 同名公众号获取最新内容。wx 粉丝群请加 Otto 微信: xinbao965 XD 的工作台 XD 的宠物猫 大纲 00:40 opening 01:20 本次嘉宾 iTab 的作者 XD 01:30 iTab 这款产品的定位 03:55 如何平衡用户需求和产品功能 04:25 对 iTab 未来的规划 06:25 想优化 iTab 的启动速度，做了哪些工作 08:35 iTab 的实现技术栈和技术细节，请感受十分钟技术的热情 22:00 关注性能要不要用 lighthosue 跑个分 24:20 聊聊你用 CSS 画的 iPhone 手机 26:45 从 css 样式到原子样式到可变字体 29:10 iTab 目前的用户情况怎么样？ 33:00 维护 iTab 花了多少精力，如何平衡 36:55 印象深刻的用户，帮忙维护产品文档、维护服务器、提供赞助 39:40 iTab 目前的成本如何能控制得住吗 43:15 你对 iTab 的现状满意吗？ 44:55 对细节和极致的追求，也是对现状的一个出发点 48:40 XD 的审美和那些年做设计的时光 52:00 当初学前端时候有没有走弯路，怎么过来的 56:10 灵魂拷问：产品盈利吗怎么考虑持久做下去 59:45 iTab 最初的想法、经验和收获 64:15 对 Node.js 也进行了学习和使用 69:10 野蛮成长也有烦恼 拓展链接： * iTab 官网 * XD 用 CSS 画的 iPhone 地址 * iTab 特别鸣谢的朋友们 * 刘威推荐的前端数据库 rxDB * 刘威提到的可变字体动画 * tailwind 如何优化尺寸 * 构建网站的 astro * 性能指标参考

前端主播：辛宝Otto 刘威Franky 小白菜Cabbage Chrome 最新版已经到达 v100 了！作为天天和浏览器打交道的前端主播们有很多话想说：那些年的浏览器，兼容性，互联网历史......这一期我们没有聊很多干货，但是收获很多笑声和欢乐！立刻收听，让我们听起来吧！ 《Web Worker播客》是一档两个前端程序员闲聊的音频播客节目。我们将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为两个主播是前端程序员，目前会以前端为视角来切入。你可以在小宇宙、苹果播客、喜马拉雅、网易云音乐等平台订阅收听 web worker，也欢迎关注 web worker 同名公众号获取最新内容。wx 粉丝群请加Otto微信: xinbao965 上图为浏览器市场占有率 2011-2022 年变化趋势 时间轴： 00:37 opening 01:20 播客话题的缘由 01:50 浏览器厂商曾经互送版本蛋糕 引申A 引申B 引申C 02:30 版本上去了新功能反而不关注了 03:45 devTools 可选中文了 04:50 曾经 firefox 市场占有率超过 chrome 浏览器市场占有率变化 05:50 巨头的微信 x5 内核 07:00 小白菜面试我 Safari 的日期兼容性问题，我答上来了 07:40 时代在变化，新程序员会更幸福，吧？并不是 08:18 主播门用过的浏览器之 UC 浏览器 08:55 甚至回忆起了 5元30M 的时代 11:40 返璞归真的无广告夸克浏览器 13:20 主播回忆起了海豚浏览器 14:25 当初用 chrome 的理由 15:00 曾经 firefox 的插件 firebug 和那些特性 时代的眼泪 16:30 夸夸 Microsoft Edge 了 20:00 让人头疼的浏览器兼容性问题 23:50 新时代 Safari 的兼容性问题 25:00 Date 和 Decorator 的更新提案，从 ts 提案到 vue2.7 29:20 浏览器厂商勇者斗恶龙 34:40 主播继续聊历史 XHTML 36:50 百度曾经搞过类似 AMP 的 MIP 39:50 百度开发者网站 41:30 节目的闲聊本心！ 43:40 节目彩蛋 附录： chrome 为 v100 做了一个专题页，回顾了100个瞬间 上图为 2012 年我和海豚浏览器的邮件交流 ​

前端主播：辛宝 Otto、 刘威 Franky 嘉宾：霍春阳 HcySunYang 知乎、推特，友情出镜春阳的猫猫：艾里。 作为 Web Worker 播客第二季第一期，我们❤独家❤邀请❤到了重磅嘉宾 霍春阳HcySunYang，作为 vuejs 的核心成员，他深度参与 vue3 代码的维护，提交次数仅次于尤雨溪！这次他来了，带着他的新书《vue.js 设计与实现》来了！立刻收听，听听他是如何进行前端学习、写新书已经对未来生活的向往的吧！ 注意注意：小宇宙活动专享，等到下一期节目发出的时候，主播会在本期评论区找四个顺眼的评论每人送一本书《vue.js 设计与实现》新书！（比如夸节目好、主播帅、嘉宾牛逼，在节目未盈利的情况下让我掏钱可心疼呢！） 霍春阳的工位 《Web Worker播客》是一档两个前端程序员闲聊的音频播客节目。我们将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为两个主播是前端程序员，目前会以前端为视角来切入。你可以在小宇宙、苹果播客、喜马拉雅、网易云音乐等平台订阅收听 web worker，也欢迎关注 web worker 同名公众号获取最新内容。wx 粉丝群请加Otto微信: xinbao965​ 00:51 opening 01:37 欢迎新人 02:42 最近在忙什么 04:46 是全职在开源吗? 06:15 聊聊之前在字节的经历 07:18 聊聊上学的经历 13:35 如何支配自己的时间 16:10 介绍下新书 19:10 你的猫叫啥 19:36 如何阅读你的书 24:20 对新人开源有什么建议 25:56 按需开源 27:21 为什么加入前端 28:57 学习新语言的路径 31:08 悄悄透露在干的事情 38:00 技术焦虑与对萌新程序员的建议 39:10 要早早学习计算机的基础知识 40:12 去年、今年和未来 43:00 vue3 reactive or ref ？ 46:35 新书的自来水 补充额外内容： Vue CONF 2021，Vue.js 核心团队成员霍春阳（HcySunYang），曾就职于美团点评、字节跳动等公司，目前主要负责 Vue3 的维护。 分享主题 ： Vue3 在编译优化方面做的努力，把 Vue SFC编译到 X ​ ​

前端主播：辛宝 Otto、 小白菜 Cabbage 嘉宾：刘威 Franky Web Worker 播客已经做到第十期了，这次我们邀请了一个老朋友作为新的嘉宾刘威 Franky。同时我们还邀请了刘威的老朋友 小白菜 作为面试官（不是）。我们采访一下刘威是如何进行前端程序员的个人成长、系统学习的。同时我们也对 Web Worker 的未来样子做了展望和吹牛逼。来听听看第一季的最后一集 Web Worker 播客有什么有意思的内容吧！ PS:Otto 的忏悔：这一集我的声音有点漏电不好挽救 😭 刘威的工位 《Web Worker》是两个前端程序员闲聊的音频播客节目。节目将围绕程序员领域来瞎聊，聊资讯、聊职场、聊技术选型...... 只要是和 web 开发有关的都可以聊。因为两个主播是前端程序员目前会以前端为视角切入。 wx 粉丝群请加 Otto 微信: xinbao965 ​00:50 Opening 02:00 刘威的新身份 02:30 刘威最近怎么样 04:15 做播客的契机 04:45 与小白菜的认识 06:25 小白菜眼中的刘威 06:15 刘威的跑路之路 09:30 刘威的前端入坑 11:01 刘威是怎么系统学习的 15:02 小白菜的成长 17:10 实用主义者 18:40 对于新的技术如何学习，学到什么程度 20:34 会用什么笔记工具 22:45 刘威对新人程序员的建议 25:44 提到了 Github Trending/ Hacker News/ console.dev/ producthunt 26:39 英语对程序员的重要性 29:21 跳出中文搜索引擎 33:00 对新的一年有技术上什么期待和目标 35:15 对过去9期的评价 40:05 对未来的展望 46:00 未来我们博客会发生的变化 53:20 希望我们可以做到100期 ​