Day 30. Goal × 微结语

https://ithelp.ithome.com.tw/upload/images/20211015/20139359amYC4SVRvt.png

一天过一天,终於走到了今天(撒花~

从最一开始的 Pre-Start 篇章:带读者们认识 WYSIWYG 、浏览器的 contenteditable 属性、 execCommand api

Compare 篇章 : 从头梳理了历史的脉络介绍了不同世代编辑器的特色。选了几个市场上的热门 Libraries 做比较 —— 他们属於哪一世代的编辑器、各自有着什麽样的特色、用了什麽工具去实作底层的架构、又各自拥有哪些优缺点是开发者可以依照自身开发上的需求去做选择的。

最後到 Slate 篇章

  • 从头介绍了它的 Interfaces 与延伸出来的 Custom-Types 的实作
  • 它与『遍历』相关的功能,也一并介绍了 JS Iterator & Iterable protocol 的背景知识
  • JS Immutable 的议题以及它与 immer.js 的搭配
  • 完整 Operation 的流程 —— General transform & Locations transform 的实作细节与使用到的辅助函式
  • Slate Normalizing —— normalize & normalizeNode 的实作细节以及整个 Slate 编辑器的完整运作流程图
  • Transform methods references 等等。

笔者其实最一开始是打算完整解析 slate 的所有 packages 的,包含 slate-react 、 slate-hyperscript 、 slate-history 。但写到後来发现自己还是太高估 30 天可以介绍到的量了(其实是高估自己产出文章的速度 XD 边写边研究真的是一个不小的挑战),希望未来有机会回头挑战它们!

不过其实 slate package 里面也还有很多其他内容可以研究,如果把 Interfaces 、 Transforms 里所有的 method apis 的实现逻辑都一并梳理清楚的话不知道还需要花上几十篇文章 ...


来说说之後的小计画吧!

毕竟也算是费尽了千辛万苦才走完了这 30 天,文章写完就这麽丢着也是怪可惜的!

刚好因为自己就在外商上班,对於朝向国外发展这件事也颇感兴趣,也一直都想要试着去经营英文的 Blog 等。

所以接下来会试着将这 30 篇的内容浓缩翻译成一整篇短系列的英文文章,然後再顺着定期地产出英文技术文章,暂时先把这件事当作短期规划,希望能维持成为一个习惯~

同时也附上本人的 TwitterMedium 帐号。怎麽能忘本呢?!铁人赛都写完了该经营与定期产出的文章还是要接着继续的

  • Twitter 平时会分享一些网页技术相关的内容,可能是一串 thread 也可能是一些转推等等的(或是废文 XD)

  • Medium 除了技术文章之外也会放上一些生活纪录/成长相关的文章。

    我喜欢文字,也因此期许自己能成为写得出充满温度的字句的人。

    周遭的人事物会变,过往的经历却不会。

    那份纪录当下的感触会在未来无论何时的阅读中浮现,即便只是几行字几张图。

最後非常感谢一路读到今天的读者们,希望各位能在阅读的过程中确实吸收到对自己有帮助的新知,也希望文章中的问答形式能确实解答出读者心中的疑惑,对整个系列的任一单元或是对这系列本身有任何想法都欢迎联络我给予任何意见或回馈!

最後的最後来附上 Slate 的 Slack 讨论版 ,许多使用上的问题都能在里头找到解答,对於 Slate 的开发甚至是 contribute 有兴趣的读者们不妨上前看看。

那这次的铁人赛就到这边告一个段落喽~我是 Ian 我们下篇文章见!


<<:  Day 30 - 开发流程(下) Web 开发流程 & 铁人赛心得

>>:  7款初学者必知的室内设计软件

JavaScript Day 6. let or const or var

let 与 var var - 函式作用域 let、const- 区块作用域 JavaScript ...

卡夫卡的藏书阁【Book30】- Kafka - Sum up

“One of the first signs of the beginning of under...

D30. 学习基础C、C++语言

D30. 心得 虽然之前已经有学过一些C语言,但经过这30天的自学还是学到很多东西,像是C语言之前我...

Day29. 范例:运输系统 (抽象工厂模式)

本文同步更新於blog 前情提要:铁路运输系统,参考范例:运输系统(工厂方法模式) <?p...

【Day27】为爬虫加上通知 - 透过 POSTMAN 了解 LINE Notify 如何使用

爬虫完成後没发出通知,就像是黯然销魂饭少了洋葱 为什麽通知很重要? 在爬虫的运作完全自动化的状态下...