随笔分类 -  React

摘要:接口定义 能够对于文字、段落乃至任何元素的精准定位 并做出增删改查,都是在开发一款富文本编辑器时一项最基本也是最重要的功能之一。让我们先来看看Slate中对于如何在文档树中定位元素是怎么定义的[源码]: /** * The `Location` interface is a union of the 阅读全文
posted @ 2023-10-02 23:49 爱喝可乐的咖啡 阅读(503) 评论(0) 推荐(1) 编辑
摘要:源码架构 首先来看下最核心的slate包下的目录: 可以看到,作为一个开源富文本库,其源码是相当之少。在第一篇文章中说过,Slate没有任何开箱即用的功能,只提供给开发者用于构建富文本所需的最基本的一套schema及操作API。因此源码的体量自然就要少许多。 我们来预览上图中各个目录下文件所负责的功 阅读全文
posted @ 2023-02-27 10:20 爱喝可乐的咖啡 阅读(515) 评论(0) 推荐(2) 编辑
摘要:笔者从大学时期就开始接触的前端,在刚去实习的时候就被导师安排去做内网的一个小富文本工具。之后从毕业后干的第一份工作游戏客户端,到现在做着可视化相关的前端工作,都有在做富文本相关的内容。可以说是和**富文本编辑器(Rich Text Editor)**有着不解之缘。 WYSIWYG 如无特别指出,该系 阅读全文
posted @ 2023-02-23 20:17 爱喝可乐的咖啡 阅读(499) 评论(1) 推荐(1) 编辑
摘要:前言 前些天在看Dan Abramov个人博客(推荐阅读,站在React开发者的角度去解读一些API的设计初衷和最佳实践)里的一篇文章,其重点部分的思想就是即使不使用Memo(),也可以通过组合的方式来减少组不必要的渲染。 作者在放出代码讲述结论的时候并没有细说原理只是一笔带过,所以笔者自己想着从R 阅读全文
posted @ 2023-01-02 23:35 爱喝可乐的咖啡 阅读(1033) 评论(1) 推荐(2) 编辑
摘要:今天本来正在工位上写着一段很普通的业务代码,将其简化后大致如下: function App(props: any) { // 父组件 const subRef = useRef<any>(null) const [forceUpdate, setForceUpdate] = useState<num 阅读全文
posted @ 2022-10-27 22:28 爱喝可乐的咖啡 阅读(417) 评论(0) 推荐(0) 编辑
摘要:本文不是关于Slate.js使用入门的文章,如果还不了解该框架,建议先阅读下官方的文档:Slate官网文档 关于Slate的一些特性 不同于其他编辑器类的库,Slate并不提供譬如粗体、斜体、字体色等开箱即用的功能 Slate只是提供了一套自己定义的核心数据模型,以此一些操作数据和选区相关的API 阅读全文
posted @ 2021-07-08 20:08 爱喝可乐的咖啡 阅读(3788) 评论(0) 推荐(3) 编辑
摘要:最近撸React的代码时踩了个关于事件处理的坑,场景如下:在监听某个元素上会频繁触发的事件时,我们往往会对该事件的回调函数进行防抖的处理;防抖的包装函数大致长这样: debounce = (fn, delay) => { let timer: any = null; return function( 阅读全文
posted @ 2020-09-12 18:21 爱喝可乐的咖啡 阅读(393) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示