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

No.54 和 ioredis 作者子骅聊 quill 富文本编辑器、开源商业和职场成长
收听方式小宇宙、苹果播客、喜马拉雅、Youtube Music 等

显示器：HP S270n 摄像头：Logitech BRIO 屏幕灯：BenQ ScreenBar 摆件：LaMetric TIME 键盘：Filco MINILA 鼠标：Logitech MX Master 3S 音箱：Bowers & Wilkins MM-1
#介绍这次厉害了，我们邀请到了 子骅@luinlee 加入闲聊，我们围绕 #quill #ioredis 展开了很多，回答了对富文本编辑器的很多困惑。在讨论 ioredis 作为曾经的个人维护作品背后有哪些有趣的故事，最后也讨论开源、商业、职场和生活！欢迎收听
嘉宾子骅

Github github.com X twitter.com Medis目前，我只关注所见即所得的编辑器框架和相关的分布式数据结构。我主要维护 Quill 编辑器，包括 Quill、Parchment 和 Delta。 我创建了 ioredis，这是 Redis 最受欢迎的客户端之一。它于 2023 年被 Redis Ltd.收购。 除此之外，我还涉足制作 macOS 和 iOS 应用程序。Medis 是我开发的一个令人愉快且受欢迎的 Redis GUI 工具。第一个版本是用 Electron 开发的，现在已经用 Swift 重写了。下面是 AI 参与的总结：
本次对话广泛探讨了开源技术的发展、治理以及其在商业环境中的应用，尤其聚焦于 Redis 和 Quill 的具体案例分析。对话内容涵盖了这些开源项目的实际运用经验、面临的挑战以及项目维护的故事，同时还讨论了年轻程序员的成长、技术管理和技术创新对业务的影响。
此外，对话还触及了前端和后端开发中常用工具和技术的选择问题，以及特定技术产品的成功案例分析。通过讨论，突显了开源项目商业化所带来的挑战和机遇，强调了透明度、社区沟通的重要性，以及如何在保障开源项目活跃度的同时实现可持续的商业模式。同时，讨论还涉及到在现代前端开发中对原生动画的依赖、不同平台间的兼容性处理及框架选择的挑战，以及技术管理过程中遇到的挑战与学习经验。
整个对话围绕着开源技术的生存和发展展开，旨在分享经验和洞察，促进技术和社区层面的更好理解和协作。
#时间轴00:00 探讨开源技术与商业化实践：从 Redis 到 Quill
11:13 比较 V2 与 V1 的变化及编辑器框架发展
21:36 深入探讨队列编辑器的技术挑战与应用场景
28:24 探讨开源项目商业化与企业服务
35:54 开源与商业合作：平衡、挑战与策略
41:29 平衡开源维护与新功能开发
48:38 开源项目被收购与社区维护的思考
59:23 Redis 的发展历程与 Node.js 的创新应用
01:10:33 追求原生模拟带来的挑战与转变：从 Medis 到 Swift
01:15:43 探索前端开发的学习与实践：原生动画与框架选择
01:20:25 探索开源项目的成功标准与技术管理挑战
01:29:49 远程工作的日常与挑战

收听方式小宇宙、苹果播客、喜马拉雅、
介绍这次厉害了，这是一期【付费节目】，希望可以得到各位的鼓励和支持。你现在听到的是前 6 分钟内容。
【Kaiyi 的实力】本硕 985、本科前不会写代码。大学期间 985 专业前三，深度参与学生会、社团，拿过国家奖学金，我去德国交流过，发表过国际顶级学术论文。在技术工程上，我有 15k star 的开源项目。国内大厂和外企都拿到了 offer，外企包括亚马逊和 hulu，目前在知名外企。
可以收听免费节目《No.51 价值 1000r 的校招咨询：Kaiyi 带你勇闯校招》，了解开翼的一些心得，本期主要讲实操和落地。
【节目内容】校招之光的 Kaiyi 延续之前校招的话题，不仅给学生党准备了校招和初入职场的贴心建议，还给一到三年工作经验的开发同学能力提升的最佳路径；软硬结合，硬实力如何规划学习进度，软实力如何应对职场的选择和困惑。让你从学生成长为更好的 Web Worker。
【收听方式】本期内容全平台发试听版本和部分片段，完整内容发布在 #公众号：WebWorker 的付费文章上，关注公众号回复“校招”即可收到。
【收费价格】请 Kaiyi 吃一顿麦当劳套餐 13.9 元。包含一个半小时完整音频内容、对应精修总结文字稿。
节目的全部收入由主播开翼捐给节目做周边。
时间轴00:00 校招生与职业发展：把握正确路径，实现自我成长
本期节目重点探讨了校招生在大学期间及以后的职业发展中如何选择并培养自己的能力，以提高未来的就业竞争力。首先强调了明确技术方向的重要性，建议听众考虑自己的兴趣所在，并深入研究该领域的最新动态和技术，从而做出合适的选择。此外，也提醒听众，在追求个人兴趣的同时，不应忽视基础学科的学习，如数据结构和高等数学，这些将是未来职业生涯的基石。节目中还提到，实践经验和项目经验对于技能的提升同样重要，鼓励听众通过参与项目或实验来增强自己的实战能力。最后，强调了自我责任感的重要性，鼓励听众主动探索和规划自己的职业道路，以实现最佳的发展结果。
07:52 构建全面工程能力：从 0 到 1 的全栈学习路径
对于希望进入编程领域的个人而言，重要的是构建一个从 0 到 1 的全面工程能力学习路径。初始阶段，应该专注于理解基础知识和基础框架，如 React 和 Java 或 Spring Boot，避免深入特定技术细节以免造成困惑。寻找一个综合性的课程，帮助理解和实践完整的前端和后端项目流程至关重要。这有助于构建对整个技术领域的宏观认识，并通过实践中的项目经验解决实际问题。同时，积累一定的实践经验后，尝试独立完成类似淘宝网站的开发任务，将极大增强工程能力和自信心。记住，编程的学习曲线陡峭，初期的重点应该是构建实践途径而非过分追求深入细节。最后，强调实操的重要性，通过几千行代码的实际编写来巩固所学，以期达到就业市场的高标准。
12:52 如何在 GitHub 上累积有价值的编程项目
讨论了如何通过在 GitHub 上发布并维护自己的项目来累积对求职有帮助的成果。重点在于选择合适的技术栈、详细记录项目开发过程中的技术和思维决策，并将这些项目以清晰的方式呈现出来，以展示个人的学习能力和技术实力。此外，还提到了在编写简历时应突出技术栈而不过于深入描述项目业务细节的重要性。
17:44 如何准备算法面试：策略与技巧
对于没有 ACM 背景的人来说，准备算法面试时应该涉及各个领域的基础题目，并重点刷练出现频率高的热门题目。重要的是理解和掌握各种算法的思想

收听方式小宇宙、苹果播客、喜马拉雅
介绍新一期节目来了，主播开翼忙活了几个月，写了一本掘金小册：《从前端到 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