<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lefex的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lefex</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lefex]]></copyright><item><title><![CDATA[＜span class=“js_title_inner“＞vibe coding 指南＜/span＞]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/157650242</link><guid>https://blog.youkuaiyun.com/lefex/article/details/157650242</guid><author>lefex</author><pubDate>Thu, 15 Jan 2026 22:42:43 +0800</pubDate><description><![CDATA[2. 关注语言的训练数据：Rust、Elixir这类新语言的训练数据较少，AI的支持力度可能不足，选的时候要谨慎。1. 优先选成熟框架：比如Ruby on Rails，有20年的规范积累，AI对其支持也更完善，开发效率高。3. 尝试新的AI模型：每次有新的AI模型发布，都去尝试一下，利用新模型的优势提升开发效率。5. 用测试划定开发边界：我参考一些创始人的做法，先写测试用例，以此明确开发的范围和标准。2. 找参考案例做指引：给AI提供可运行的参考示例，让它照着案例的思路开发，降低试错成本。]]></description><category></category></item><item><title><![CDATA[vibe coding 指南]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/157001263</link><guid>https://blog.youkuaiyun.com/lefex/article/details/157001263</guid><author>lefex</author><pubDate>Thu, 15 Jan 2026 22:42:43 +0800</pubDate><description><![CDATA[2. 关注语言的训练数据：Rust、Elixir这类新语言的训练数据较少，AI的支持力度可能不足，选的时候要谨慎。1. 优先选成熟框架：比如Ruby on Rails，有20年的规范积累，AI对其支持也更完善，开发效率高。3. 尝试新的AI模型：每次有新的AI模型发布，都去尝试一下，利用新模型的优势提升开发效率。5. 用测试划定开发边界：我参考一些创始人的做法，先写测试用例，以此明确开发的范围和标准。2. 找参考案例做指引：给AI提供可运行的参考示例，让它照着案例的思路开发，降低试错成本。]]></description><category></category></item><item><title><![CDATA[Univer初体验]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/144639478</link><guid>https://blog.youkuaiyun.com/lefex/article/details/144639478</guid><author>lefex</author><pubDate>Sat, 21 Dec 2024 11:30:54 +0800</pubDate><description><![CDATA[Univer的目标是实现Office三件套，代码质量非常高，目前实现了excel编辑器，完成程度非常高，word和ppt编辑器估计正在加班实现当中，还处于半成品。这个开源项目对于采用canvas实现word编辑器有很大的参考价值，代码采用的协议是Apache-2.0，可以商用，而且有一个创业团队正在做这件事情，如果真能做成，那真了不起。对于国内一些小企业可以轻松实现office的编辑。相比普通的富...]]></description><category></category></item><item><title><![CDATA[MediaHub中的卡片实现进展汇报]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/140924271</link><guid>https://blog.youkuaiyun.com/lefex/article/details/140924271</guid><author>lefex</author><pubDate>Sun, 04 Aug 2024 22:57:10 +0800</pubDate><description><![CDATA[今天刚从家赶到北京，北京和内蒙的温度差别真的太大了。给大家简单汇报一下目前MediaHub的进展：上节卡片需求我们分析了gamma中卡片的设计，经过几天的开发以及前期的积累，开发进度超预期，功能基本上已经开发完成，还剩2个功能需要开发，整体效果如下：在开发过程中核心技术点总结一下：1.卡片布局实现MediaHub 采用 chakra-ui 作为 UI 组件库，不得不说这个组件库是我用过最好用的，整...]]></description><category></category></item><item><title><![CDATA[Gamma复刻之卡片重要交互分析]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/140745678</link><guid>https://blog.youkuaiyun.com/lefex/article/details/140745678</guid><author>lefex</author><pubDate>Sat, 27 Jul 2024 20:48:26 +0800</pubDate><description><![CDATA[从2023年开始陆陆续续花了很多业余时间，复刻了Gamma这款产品，给它起来一个新的名字MediaHub。Gamma的伟大之处在于它能够把文档、PPT（简单版）、网页融为一体，让你能够写出漂亮的文档，这样可以把文档也能用来演示，在很多场景就不用专门来做个PPT了。MediaHub整体效果图（功能仅仅简单实现，技术方案跑通而已）：MediaHub一个非常重要的设计是卡片，把你想表达的内容放到一个卡片...]]></description><category></category></item><item><title><![CDATA[使用Docker在Mac上部署OnlyOffice，预览编辑word、excel、ppt非常好]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/139788634</link><guid>https://blog.youkuaiyun.com/lefex/article/details/139788634</guid><author>lefex</author><pubDate>Tue, 18 Jun 2024 08:55:46 +0800</pubDate><description><![CDATA[前端编辑word、ppt文档，开源免费方案并没有找到合适的，像wps、石墨文档都是自研的方案。实现过程中wps采用的svg方案，而石墨文档采用的是canvas，它们均是自己来实现编辑器，不依赖浏览器提供的编辑器（contenteditable）。在实现过程中，其实可以参考一些开源方案，比如OnlyOffice。端午节的时候在mac上使用docker部署了OnlyOffice，体验了一下，无论是对o...]]></description><category></category></item><item><title><![CDATA[39k的Quill编辑器，5年后起死回生，发布了2.0，了不起]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/137985772</link><guid>https://blog.youkuaiyun.com/lefex/article/details/137985772</guid><author>lefex</author><pubDate>Fri, 19 Apr 2024 08:22:22 +0800</pubDate><description><![CDATA[很早之前，我写过一篇文章 quill已死，谨慎使用，现在看来它复活了。正如作者所说，开源最大的障碍是可持续性，尤其是编辑器这种项目，有永远改不完的bug，需要投入巨大的精力。Quill能够活过来，我猜最重要的原因是它背靠一个盈利的公司Slab。Slab这家公司是Quill的作者创办的，公司的核心产品就是文档编辑，把公司需求与社区结合起来能够保证Quill持续迭代，开源的好处也能够让业界帮你找出编辑...]]></description><category></category></item><item><title><![CDATA[wangeditor与deaftjs的停止维护，2024编辑器该如何做技术选型（一）]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/137705406</link><guid>https://blog.youkuaiyun.com/lefex/article/details/137705406</guid><author>lefex</author><pubDate>Fri, 12 Apr 2024 08:55:15 +0800</pubDate><description><![CDATA[wangeditor暂停维护的声明：wangeditor是国内开发者开发的编辑器，用户也挺多，但是由于作者时间关系，暂停维护。deaft的弃坑的声明：draft是Facebook开源的，但是也弃坑了，说明设计的时候存在很大的问题，不然也不会从一个坑跳到另一个坑。那么2024年编辑器该如何进行技术选型？编辑器这条路太卷了，开源编辑器有十几个，但是每个都会有一些问题，如果想做深入开发，做成类似飞书这种...]]></description><category></category></item><item><title><![CDATA[飞书裁员，有看机会的大佬吗？]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/137533586</link><guid>https://blog.youkuaiyun.com/lefex/article/details/137533586</guid><author>lefex</author><pubDate>Mon, 08 Apr 2024 22:49:13 +0800</pubDate><description><![CDATA[网上看到的消息，大概率是真的，飞书各个方向的裁员情况：视频会议(VC)：前端60%，服务端40%，云文档(CCM): 前端跟服务端都裁50%，即时通信工具（IM）:iOS端25%，PC端45%，安卓端（因为和鸿蒙兼容）不裁员，平台研发：20%，主端套件产品经理：60%邮件（Mail）研发90%用户研究：100%，全线撸掉飞书和我目前所在的团队做的事情比较匹配。我所在的部门属于百度文库，目前主要...]]></description><category></category></item><item><title><![CDATA[编辑器的一些碎碎念]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/136494197</link><guid>https://blog.youkuaiyun.com/lefex/article/details/136494197</guid><author>lefex</author><pubDate>Tue, 05 Mar 2024 09:29:12 +0800</pubDate><description><![CDATA[做编辑器将近2年时间，越深入发现坑越多，社区中也没有比较好的资料，基本都是非常浅的资料，比如如何接入、API介绍之类的。前端编辑器开源的非常多，至少有10+ 个，不过目前知名的主要有Slate、ProseMirror、Quill、Lexical，但是当你深入这些编辑器总会遇到一些问题。因为我一直使用Quill，就聊一些Quill的问题吧。Quill在Safari浏览器上表现的非常糟糕，但是业务场景...]]></description><category></category></item><item><title><![CDATA[Quill编辑器在Safari浏览器中的一个坑]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/131266618</link><guid>https://blog.youkuaiyun.com/lefex/article/details/131266618</guid><author>lefex</author><pubDate>Sat, 17 Jun 2023 10:26:08 +0800</pubDate><description><![CDATA[最近使用 Quill 时在Safari下遇到一个坑，内容输入后，在某些浏览器版本无法删除。这个坑有2个”特色“：第一：打开调试面板后，该问题自动消失这让调试起来非常困难，只能通过把日志信息写入到DOM中进行调试。还有一种手段，观察有问题和无问题的DOM结构，找出差异点。第二：使用React来渲染编辑器，该问题也不会存在我有一个编辑器demo使用的是React，使用了Quill最新的SDK，在这个项...]]></description><category></category></item><item><title><![CDATA[体验了一把ChatGPT4]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/130050991</link><guid>https://blog.youkuaiyun.com/lefex/article/details/130050991</guid><author>lefex</author><pubDate>Sun, 09 Apr 2023 13:08:30 +0800</pubDate><description><![CDATA[不得不说ChatGPT对我的学习效率有极大的提升，它就像一位老师，不管有什么问题，都可以得到很好的答案。但是前段时间gpt3.5账号被封了，最近搞了个gpt4。市面上目前好像没啥可以白嫖的账号，基本都是免费使用几次，然后需要付费才能使用。使用gpt4能做哪些有用的事情呢？一、翻译对于有些英文文档，可能只能理解90%的内容，剩下的内容只能靠翻译软件，但是翻译软件翻译出来的内容有时候非常差。相比于翻译...]]></description><category></category></item><item><title><![CDATA[条件渲染]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/129980349</link><guid>https://blog.youkuaiyun.com/lefex/article/details/129980349</guid><author>lefex</author><pubDate>Wed, 05 Apr 2023 21:23:58 +0800</pubDate><description><![CDATA[组件经常需要根据不同条件显示不同内容。在React中，你可以使用类似于if语句、&amp;&amp;和?:运算符的JavaScript语法有条件地呈现JSX。你将学到：如何根据条件返回不同的JSX如何有条件地包含或排除一段JSX在React代码库中常见的条件语法快捷方式有条件地返回JSX假设你有一个PackingList组件，渲染多个项目，这些项目可以标记为已打包或未打包：functionIte...]]></description><category></category></item><item><title><![CDATA[使用JSX编写标记]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/129848800</link><guid>https://blog.youkuaiyun.com/lefex/article/details/129848800</guid><author>lefex</author><pubDate>Wed, 29 Mar 2023 07:20:01 +0800</pubDate><description><![CDATA[JSX是JavaScript的语法扩展，它允许你在JavaScript文件中编写类似HTML的标记。虽然还有其他编写组件的方式，但大多数React开发者都喜欢JSX的简洁性，大多数代码库也使用它。你将学到：为什么React将标记和渲染逻辑混合在一起JSX与HTML的区别如何使用JSX显示信息JSX：将标记放入JavaScript中Web是由HTML、CSS和JavaScript构建的。多年来，We...]]></description><category></category></item><item><title><![CDATA[导入和导出组件]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/129828467</link><guid>https://blog.youkuaiyun.com/lefex/article/details/129828467</guid><author>lefex</author><pubDate>Tue, 28 Mar 2023 07:23:50 +0800</pubDate><description><![CDATA[组件的魔力在于它们的可重用性：你可以创建由其他组件组成的组件。但是，随着你嵌套越来越多的组件，将它们拆分到不同的文件中非常有意义。这样可以让你保持文件易于扫描，并在更多地方重用组件。你将学到：什么是根组件文件如何导入和导出组件何时使用默认和命名导入和导出如何从一个文件中导入和导出多个组件如何将组件拆分为多个文件1.根组件文件在“你的第一个组件”中，创建了一个名为“Profile”的组件和一个呈现它...]]></description><category></category></item><item><title><![CDATA[React学习笔记]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/129807381</link><guid>https://blog.youkuaiyun.com/lefex/article/details/129807381</guid><author>lefex</author><pubDate>Mon, 27 Mar 2023 07:09:51 +0800</pubDate><description><![CDATA[平时使用React比较少，但是最近在搞Lexical编辑器，不得不系统学习一遍React。最近React官方文档进行了升级，体验变得更好了。打算从官方文档开始学习，每天发一篇官方文档的翻译，用一个月的业余时间系统学一遍。言归正传你的第一个UI组件组件是React的核心概念之一，它们是构建用户界面(UI)的基础，这使它们成为开始学习React的理想起点！你将学习以下内容：什么是组件组件在React应...]]></description><category></category></item><item><title><![CDATA[React Or Vue]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/128029481</link><guid>https://blog.youkuaiyun.com/lefex/article/details/128029481</guid><author>lefex</author><pubDate>Sat, 19 Nov 2022 11:54:50 +0800</pubDate><description><![CDATA[前端生态不得不说非常强大，不断有新的框架出现，总的来说前端正变得越来越好。随着框架的不断出现，技术选型也是一件很头疼的事情。最近在研究编辑器相关的知识，编辑器有很多开源库，比较出名的有 Slate 和 Lexical，它俩的目标都是做编辑器框架，以满足更复杂的编辑场景，类似飞书、语雀这种场景。Slate开源有6年之久，基于 react 实现；Lexical 最近由facebook开源，虽然不管 ...]]></description><category></category></item><item><title><![CDATA[石墨文档编辑器用的是开源库吗？]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/125364916</link><guid>https://blog.youkuaiyun.com/lefex/article/details/125364916</guid><author>lefex</author><pubDate>Sun, 19 Jun 2022 15:54:01 +0800</pubDate><description><![CDATA[石墨文档是一款非常优秀的在线编辑器，在做编辑器的时候，发现石墨文档用的是 Quill，不过肯定是在 Quill 的基础上进行了二次开发，对源码进行了大量的修改。那我们简单聊聊 Quill，以及我在做在线编辑遇到的一些坑。Quill 是一款开源的编辑器，star32k，目前已经处于停止维护的状态，能满足 90% 的编辑场景需求，支持公式、图片、文本等常用编辑功能，但官方并没...]]></description><category></category></item><item><title><![CDATA[正式成为 ECharts  Committer]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/125039107</link><guid>https://blog.youkuaiyun.com/lefex/article/details/125039107</guid><author>lefex</author><pubDate>Sun, 29 May 2022 10:41:25 +0800</pubDate><description><![CDATA[ECharts是前端非常知名的图表库，最初由百度开源，2018年已捐赠给Apache 基金会孵化， GitHub 截图如下：那么什么是 ECharts Committer？简单概括为：表示项目社区对你的贡献有充分的认可获得对项目的“写权限”，表示项目社区对你的信任获得 xxx@apache.org 邮箱，表示对你开源的贡献我想成为EChartsCommitter ...]]></description><category></category></item><item><title><![CDATA[关于研究自动埋点的一个新发现]]></title><link>https://blog.youkuaiyun.com/lefex/article/details/124580785</link><guid>https://blog.youkuaiyun.com/lefex/article/details/124580785</guid><author>lefex</author><pubDate>Wed, 04 May 2022 11:11:29 +0800</pubDate><description><![CDATA[前段时间做过一个小调研：你还在手动埋点？手动跑数据？，后面就一直关注这个方面的知识，各家的方案都不同。数据统计这件事情，大厂99%都是自研，也不会使用第三方服务。数据统计这件事情不只是前端的事情，而且要涉及到后端，核心需要做两件事情：第一，前端需要上报数据；第二，后端能够把数据保存好，能够快速获取数据；当需要分析数据的时候，能够快速地通过平台直接查看，每次做需求的时候，能...]]></description><category></category></item></channel></rss>