文章

1、React 19 - Part 1: The Backstory; My journey writing a framework from scratch!

该文章是一篇关于作者从零实现一个 React 19 框架的详细分享,介绍了背景、过程、技术细节以及一些挑战和收获。

2、React 19 - Part 2: The Code; How it works under the hood!

本文详细介绍了 React 19 的代码结构和工作原理,包括构建步骤、页面、RSC Register、组件和资产的处理方式,以及 Runtime 的工作方式。

3、Building web-based terminal components with Termino.js

本文介绍了 Termino.js 及其使用案例,并提供了一个演示项目的设置过程。文章还探讨了 Termino.js 的定制和高级使用案例,介绍了 Termino.js 的优点和潜在问题,并回答了有关基于网页的终端的常见问题。最后,提到了 Termino.js 的替代品。

4、Object structure in JavaScript engines

这篇文章深入探讨了JavaScript引擎中对象的内部结构和优化机制,重点介绍了对象的属性如何以键值对的形式存储,并讨论了隐藏类、对象形状、属性存储方式(内部与外部属性)以及快速与慢速属性的概念。通过实验和实例分析,文章揭示了对象属性的顺序、数组的特殊处理方式以及非标准操作对性能的影响,为开发者提供了理解和优化JavaScript代码的宝贵知识。

5、DevTools Tips & Tricks

这篇文章提供了一系列的浏览器开发工具(DevTools)的技巧和窍门,旨在帮助前端开发者更高效地利用这些工具。文章涵盖了多个主流浏览器的DevTools使用技巧,包括如何检查悬停时出现的弹出元素、使用日志点进行调试、模拟可折叠设备、自动完成样式输入、切换颜色格式、捕获高分辨率屏幕截图、检查事件流、查看和复制样式变化、使用实时表达式以及调试水平滚动条等问题。这些技巧旨在解锁DevTools的全面潜力,提升开发者的工作效率,并提供了相关资源链接以便读者进一步探索。

工具 & 库

quill.js

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

quill 近期更新到 2.0 版本了,用过的朋友可以考虑升级。