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

收听方式小宇宙、苹果播客、喜马拉雅
介绍新一期节目来了，主播开翼忙活了几个月，写了一本掘金小册：《从前端到 AI：LangChain.js 入门和实战》，特点是使用前端 js 来编写 AI 应用，不用额外学 Python，都是自家人，我们五一假期就一起录制了本次技术闲聊，科普了一些 AI 基础知识，分享了我们几位主播的技术观点。小册质量很高，推荐大家无脑购买。
购买请使用我的返佣二维码，让 Web Worker 赚点佣金，留着做周边。
另外评论区发几个五折折扣码，随机选两位已经购买的，全额报销费用。
从前端到 AI：LangChain.js 入门和实战
用心的时间轴01:51 opening 久违的闲聊，开翼这次带来这么新话题：langchain.js 他写了一本掘金小册
05:26 主播们听到 LLM/RAG/Agent 等话题的了解和感受。怎么看待交互方案的变化
08:47 科普 RAG 和 Agent 两种开发范式是什么，并举了例子
17:56 langchain 是什么，这是普通程序员，前端程序员不会 Python 也能学习吗？
22:04 openAI 和 langchain 是什么关系，两者是如何结合的
24:57 大模型时代，做应用的价值更高，如何驾驭 AI 的能力和自己的 Idea 结合
27:49 langchain 有没有竞品，他有哪些优势？开源+生态活跃+容易集成
31:07 接入和集成 langchain 的难度有多大，容易造轮子吗？什么是 `LECL`
38:00 langchain 的引擎，除了 openAI 还可以选择什么服务，比如 `llama3`/`phi`
43:59 不同的智能大模型，微调过的小模型是否是未来的趋势，代码开发和自然语言开发需求是否有进一步的演进
48:54 做 LLM 产品的 toB 和 toC 的一些机会，会进一步爆发吗？端云结合，问题分流、场景判断等。
58:49 进一步理解 `Fine-tuning` 微调，他是未来吗，什么场景需要用，什么场景不需要用
01:03:54 进一步理解 prompt 提示词，和 Fine-tuning 的区别
01:06:37 除了使用云端提供的服务，我们本机可以使用 `ollama` 快速体验不同的大语言模型，也推荐 defy
01:09:11 langchain 的发展会和 vue/react 这样发展，还是百花齐放的局面？
01:11:06 为什么推荐大家学习和尝试拥抱 LLM，目前可以做哪些事情来学习和掌握。或许会是未来简历中的一个亮点，人无我有，人有我优。先发优势和后发优势。
01:14:31 技术的演进，总有一些弯路必须要走，比如 token 的爆发，比如 `Scaling Law`
01:16:05 我们提到了 `RAG`/`Agent` 小册中是怎么规划比重的。
01:17:46 few shot /zero shot 是什么，强大的威力在哪里
01:20:56 掘金小册的内容：科普知识和落地实战，这本掘金小册有哪些优势
01:25:09 欢迎通过播客来购买开翼的作品，返佣链接放到 shownotes 里了，你的购买会让开翼和 web worker 变得更好！
01:25:53 总结复盘。

导语新节目要来了，顺利的话我们打算明天发一期新播客！这一次“校招大满贯” - 开翼会从自身经历出发，围绕校招进行一番输出和讨论，按照时间维度悉心分析不同阶段的准备工作，希望在这个寒冷的招聘季能帮助到各位。无论你是在校生、初入职场还是职场老江湖，都可以从这次讨论中得到不同的感受，也欢迎加入讨论聊聊自己当年踩过的坑。
介绍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