Web Worker-前端程序员都爱‪听‬ Web Worker

导语新节目要来了，顺利的话我们打算明天发一期新播客！这一次“校招大满贯” - 开翼会从自身经历出发，围绕校招进行一番输出和讨论，按照时间维度悉心分析不同阶段的准备工作，希望在这个寒冷的招聘季能帮助到各位。无论你是在校生、初入职场还是职场老江湖，都可以从这次讨论中得到不同的感受，也欢迎加入讨论聊聊自己当年踩过的坑。
介绍Kaiyi
个人网站 kaiyi.cool qwerty learner github.com这期节目我们围绕校招展开闲聊，校招大满贯选手开翼分享了自己的校招经历和准备方法，讲述了在校招中如何打破信息壁垒，如何面对困惑以及应对策略。
大家可以通过节目结合自己的实际经历了解校招流程和准备策略，解决自己的校招困惑。节目中提到了校招前的准备时间线和关键点、如何去大厂实习的方法和策略、如何准备面试和实习、秋招和春招的区别以及应对方法、选择offer时需要考虑哪些因素。
时间轴00:00 校招大满贯选手分享校招经历和经验
05:41 校招该如何准备？不同时间节点应该去做什么？
11:35 校招生什么时候开始准备算法？不同类型的公司对算法有什么要求？
19:26 如何获取大厂实习机会？建立的投递策略是什么？
27:59 面试的小技巧和tooltips以及什么才算高效的实习？
36:09 实习和工作的意义到底是什么？这段实习经历哪些才是不可获取的。
41:47 打破实习和校招的信息壁垒，校招就是信息战！
51:53 如何避免校招被鸽？
01:03:43 恭喜你！进入主动环节，如何选择你的筹码！
01:10:36 最后的上岸机会，如何把握住春招？
01:16:56 人生不是一次招聘，更不是一次考试。保持好心态，在你的时区内永远不晚！

问卷调查大家好，这里插播一条消息Web worker将制作一起面向学生和应届生以技术学习、自我培养、投递策略、笔试面试准备和技巧为主题的经验分享播客我们希望一站式的去解决校招生遇到的绝大多数问题所以我们希望尽可能去收集大家感兴趣的问题包括但不限于上述的领域可以使学生和工作1-3年时期遇到的任何问题、有价值的问题我们也会之后邀请更多的嘉宾去回答感谢大家的支持问卷链接可以在本期节目的show notes、Web Worker的官网、听友群等渠道去获取。
校招播客话题收集 wj.qq.com
节目介绍这一期的web worker是关于在线下听友会面基的活动，通过即兴的freestyle录制来深入交流和了解每个人的背景和故事。小型聚会没有太多压力，可以在轻松愉快的氛围中进行交流和提问。参加线下活动可以交到朋友，锻炼自己的表达能力，对于内向的人来说是一个不错的机会。在大型会议中，参与者可以见到网友，交流思想，结识新朋友，并且线下交流具有很大的价值和机会。昆仑潮的疯狂星期六活动作为一个线下交流的机会，虽然存在一些问题，但组织者提出了固定时间的聚会的想法，并讨论了如何吸引更多人参与。技术会议可以带来了解行业动态和趋势、结交更多的朋友和大V、参加各种活动等收获。中文技术内容发展过程中存在质量差距和翻译问题，但中国人有有趣的灵魂，只要找到正确的方式，就能产生更好的内容。技术内容分享平台的发展面临着挑战，需要筛选和推荐适合个人需求的文章，根据层次的不同进行推荐和分发。信息爆炸时代面临的挑战包括内容筛选和推荐的问题，可以应用AI加推荐算法，并探讨了用户和平台的角度上的信息筛选和用户满意度的重要性。未来好的内容和讨论氛围将只在垂直领域或精英化领域存在。
图一 听友大合照
图二 声湃轩录音间
时间轴00:00 opening 在开始之前插播一条问卷
00:45 新一期webworker 来了，本次是一次线下闲聊。
04:29 主播和嘉宾们分享了自己在线下参加听友会的感受
05:45 开翼分享组织线下活动疯狂星期六感受 大家也分享了自己的看法
16:45 总结组织线下活动的心理感受，大家对线下组织进行复盘
21:45 没有固定的时间会让大家更加自由愿意参加线下活动
26:40 参加大型会议的时候的感受什么让你会影响深刻
28:07 在线下活动中社恐需要熟悉的人或者熟悉的领域会更加愿意做分享
35:13 专业的角度聊聊中的不同角色
40:45 不是喝多了才能结交真的朋友！
43:11 人海中各个都是孤岛，迈出这一步才能产生奇妙的链接
45:53 大家讨论为什么看起来似乎中文的内容相对外文差一些
48:45 后发制人，从计算机相关的交流聊聊为什么中文资料不如英文
52:44 面向国际化和更大的平台致大家在语言的选择下有倾向性
54:59 在限定领域情况下再去讨论是不是。
01:07:45 在信息爆炸的现在，怎么去做内容筛选和推荐
01:21:45 AI 对于信息筛选的作用和讨论，大家分享了自己对于ai 推荐的态度
## 参与人员
剪辑：代码之外RandyshowNote：小白菜金句挖掘者-爆款标题打造者：小白菜

北京的线下互动等下，节目开始之前插播一条消息，Web Worker 播客马上迎来第五十期节目了，我们几个主播打算在 24年 3 月 31 日周日的下午 2 点，在北京的昆仑巢举办一次线下听友交流会，大家一起见见面吹吹牛，共同认识一些新朋友，感兴趣请看 showNotes 了解更多，后续我们也会定期举行线上线下活动，希望通过播客，能够让我们建立更多人和人之间的链接


节目介绍🥳 WebWorker新一期播客发布了！这一次我们重新学习和认识 Electron。 本次邀请到了 #electron_vite 组织负责人 @cao_xie 大佬。

我们和他一起聊聊 Electron，Vite，ESM 三项技术如何交织演进，还谈到了开源、tauri、前端进阶、平衡工作与生活等有趣经历，欢迎收听！

electron-vite electron-vite.github.io Github Repo github.com electron forge github.com vite-plugins Github Repo
时间轴00:00 Web Worker 打算搞一次线下活动！01:20 正片开始，我们和小白菜 smart 邀请到了草鞋没号！02:10 草鞋没号的自我介绍，Electron Vite 的作者，作者知乎地址03:00 草鞋没号和播客的历史嘉宾 BlackHole 黑洞线下线上认识了04:20 Electron 和 Vite 是不同的技术，什么契机让嘉宾决定将两者结合起来？06:00 主播们使用 electron 时候感受如何？07:51 嘉宾做了都哪些工作，性能、效率、开发体验如何？解决了大家不知道如何打包的痛点，提升了开发的体验12:00 Electron-Vite 项目发展如何，未来如何规划？和 Electron Forge 是什么关系？两者如何进行选择，差异点有哪些？最容易的上手方式就是通过 Vite 官方脚手架来创建项目15:50 如何区分和选择使用 Electron-Vite 还是 Electron Forge？小而精、大而全？20:30 对我们的借鉴意义：和相同方案的差异化的竞争，比如通过插件化体系、整套解决方案的选择。21:45 对于 Electron-Vite 这个项目，嘉宾想澄清一些事情，项目发展和社区认可、官方集成。参与开源希望做更优质、透明的工作。25:00 从这件事情说开去，先谈参与开源的感受和想法。26:30 我们提到的 Forge 到底是什么，和 Electron Builder 是什么关系？和 Electron-Vite 是什么关系？背后的故事31:55 谈及 Forge 和 Builder 我们能想到什么？如何推广、扩大项目的受众、项目的影响力。33:00 Electron Forge 和 Electron Builder 未来如何规划和发展？Forge 是官方主力支持。比如 23 年 QQ 的 mac 版本、Vite 的 clear-screen 背后的小故事37:00 2024 年了 Electron 和 ESM 的结合进展如何了？背后的复杂技术点是什么？有哪些有趣的故事？42:00 细讲 Electron 中 C++ 的部分和 Node 结合使用的背后故事，复杂的东西在哪里？点名 Electron v28 和 Forge v7.346:30 vite-plugins 仓库做了哪些工作，延伸在 B 站分享了两个视频，Vite / require / cjs /e sm 加载会有全新的认识48:20 嘉宾对 ESM / Vite / Electron 三个方向都有大量的实践和努力。关联 D2 分享活动中的奇妙链接。51:00 从 breaking change 的技术选择说开去，社区的不同声音53:10 除了写代码，围绕运营、推广还做了哪些工作？比如线下、线上，感受如何？线下活动有哪些好处？真实感、人和人的链接60:48 工作多久了？工作累不累，平时忙什么？公司业务和开源如何平衡和实践的？草鞋没号最近在玩《塞尔达 王国之泪》，感觉很解压。64:10 目前在学什么新东西，未来想做点什么？我们绕不开的 AI ，ChatGPT 和 CodeCopilot 给我们程序员带来的感受、Rust 的学习和实践。可能是一个非常好的学习材料。69:40 对在校生、刚入行的年轻人有哪些过来人经验、踩坑经历？屏蔽一些噪音，主题式、链路式学习。ps:草鞋没号是跨专业来做的程序员。7

介绍李瑞丰
个人网站 liruifengv.com Github github.com Astro 官方文档 astro.build
本次邀请到了 Astro Maintainer 瑞丰加入闲聊，一起来讨论他参与维护和使用 Astro 的心得，带来了大量知识科普。我们一起讨论了参与开源、拥抱开源，参与开源协作带来的快乐。
如果你想了解 Astro 是什么，怎么用，如何参与文档维护，如何参与开源，不要错过！

本期节目介绍了 Astro 框架及其特点，插件的使用场景和技术细节。Astro 是一个元框架，可以无缝迁移到各种前端框架和组件，并提供了大型的基于 MD 编码和各种框架的生态系统。Astro 框架用于构建静态网站和动态交互式应用，具有灵活性和可扩展性。插件提供了优秀的纯文档渲染和一些交互能力。节目还讨论了开源组织和项目的结构和治理规则，以及如何参与开源项目和鼓励自己不断进阶。介绍了技术文档的方法论和写作技巧，以及前端生态中的问题和挑战。参与开源可以获得满足感、丰富精神世界，并拓宽技能和眼界。对于前端程序员，参与开源是重要的能力之一。
时间轴01:05 开场，这次邀请到了瑞丰，这是瑞丰的基本介绍，各位主播对瑞丰的印象
04:59 Astro 是什么？是一个前端开发框架，有一些亮点和优势，擅长的应用场景
08:52 提到 Astro 我们绕不开 island 岛屿架构，岛屿架构是什么意思
11:22 辛宝尝试回顾 Astro 的基础概念，Astro 是一个标准的 web 框架，也是一个技术栈不绑定的 Vite 项目，适合做内容驱动的网站。
13:33 大家使用 Astro 感受如何？应用场景有哪些？
16:10Astro 是如何兼容和支持 Vue 的？Astro 集成的概念。Astro 接入 React 和 Vue 怎么样？现有项目迁移容易吗？
33:10Astro 为什么这么快？岛屿架构是怎么做到的。
40:12 瑞丰日常参与维护 Astro 文档， 是 Astro 核心贡献者，Astro 布道师，感受如何？参与开源的感受如何，Astro 是怎么维护开源和社区的。
46:36 和 electron 那一期节目类比，优秀的开源协作是如何进行的，如何吸纳和激励贡献者。
51:16 如何尝试参与开源，新手和老手的不同感受。从修改错别字开始，理解开源、参与开源。57:36 如果我想参与 Astro 的文档维护，想提交 PR 我该怎么做？瑞丰亲自指导。
01:00:13 绕不开的 Astro Docs 做的很棒，文档协作氛围特别好，背后有趣的观点和故事。格外重视文档建设，有哪些落地实践？
01:07:13 技术文档如何组织？辛宝提到了自己学到的知识点 Guide / Doc / Playground/ Reference
01:14:04 第一部分阶段总结\n01:14:36 瑞丰的开源日常，每天忙什么。做了一个叫 SayHub 的公众号01:15:57 闲聊 Deno 发了一个 JSR 的新东西，他是什么，有什么用
01:21:18 瑞丰的技术栈又宽又深，怎么做到的？擅长 Node.js/Golang/Deno 等
01:24:05 瑞丰的工作、日常和爱好。工作和爱好都是 Coding
01:25:09 讨论工作有意义吗，工作之外通过参与开源，收获满足和充实
01:26:29 瑞丰对在校生、年轻的前端新手有哪些过来人经验
## 参与人员
剪辑：Smart、辛宝

介绍很荣幸这期节目中我们邀请到了 rrweb 的作者 Aryu，听他聊聊开源产品背后的思考，聊聊做视频背后的故事，聊聊技术人员应具备的软实力。
本次闲聊可以分成下面几个部分，对应嘉宾不同的身份定位：
国际化成熟项目的创作者，在技术开源、社区协作、商业发展有深入实践 低代码作品、AI 作品作者，有大量专业、深入实践 平衡生活、开源和工作的技术团队 leader，通晓职场软技能 B 站 UP 主 @ Koala聊开源 幕后技术顾问因此我们从不同角度进行主题闲聊，聊到了大家都关心的一些问题。
如何看待赞助对开源项目前期、中期以及更长远发展的一个价值？
如何看待开源项目商业化以及没做商业化的原因？
我们现在的技术是要朝着接近AI思考方式的路线去走会更容易推进我们我们技术的发展
LLM会多大程度的去改变我们程序员的一个工作和就业的一些情况？
如何平衡工作、个人生活以及维护开源贡献的呢？你是怎么安排自己的时间呢？
作为一个职业人，作为一个程序员，作为一个开源的发起人，你认为哪些软技能是重要的？
相关链接
作者 github github.com
rrweb mp.weixin.qq.comrrweb 背后的故事，视频 www.bilibili.com
低代码 sunmao github.comvx.dev github.com背后逆向思路 juejin.cn最近新版基于 github workflow github.com
b 站 Koala聊开源 space.bilibili.com

介绍过去的 2023 年，老外世界服的前端都在用什么技术栈？2024 年前端发展的趋势是什么？
2023 JavaScript Rising Stars 调查项目通过汇总过去一年和前端有关的 GitHub 开源项目 Star 数的增长情况，给出了一份答卷。
作为国内的前端，有些项目不熟悉不了解，但是又充满好奇怎么办？这一次我们和海老师、川哥、smart 一期闲聊，看看都有哪些项目、背后有哪些有趣的故事！
欢迎来到第 8 版 JavaScript Rising Stars，这里可以看到 2023 年 JS 生态系统的趋势。让我们看看你复制粘贴的一组 UI 组件是如何席卷世界的
时间轴00:00 2023 年 javascript 升级最快的前端开源项目
介绍 2023 年 js 中升级最快的前端开源项目和增长情况。我们一期讨论了前端领域的趋势和新技术产品的出现，以及前端生态的发展方向。
07:47 前端组件库的发展与趋势
介绍了前端组件库的发展趋势，着重提到了 shandcn，并介绍了 headless UI 的概念和技术。讨论还涉及了 CSS 生态的统一趋势，以及 headless UI 的自定义能力和应用场景。
19:47 前端开发工具趋势分析
分析了国际服上前端开发工具的热度趋势以及一些优秀工具的特点。其中包括 Bun 和 node.js 的比较，以及它们在功能、性能和生态方面的优势。此外，还介绍了手写绘图虚拟白板 excalidraw 和 TLdraw 等工具的应用和增长趋势。最后，提到了 next.js 作为一个基于 react 的框架在前端开发中的应用和受欢迎程度。Next.js 作为 React 的替代品，已经成为国际服的开发标准。
supabase 是 Firebase 的替代品，提供后端服务开发和托管功能，也在国内有一定应用。
39:31 国外国际服务和国内有差异的一个地方
本文讨论了 React 框架在过去一年的生长情况以及其在国际服务中的影响力。介绍 tarui 框架和 drizzle ORM 框架的特点和发展情况。此外，还提到了 HTMLX 框架的复古风格和作者在推广框架方面的活动。
54:26 开源项目流行度榜上前十五名及趋势分析

本文介绍了开源项目流行度榜上前十五名项目的增长趋势和相关内容。其中，React 以其巨大的声量和生态成为无可争议的第一名。紧随其后的是 HTMX 和 Vue 3，它们在选择和生态系统方面具有一定的竞争力。此外，svelte 和 Million 也受到了关注，尤其是 Million 通过优化方案实现了比 Solid 更好的性能，值得关注。
65:45 前端框架和构建工具的生态相关概述