nuIl

飞书、谷歌、石墨、腾讯表格都是使用 canvas 来实现的，表格中的富文本也都是使用 canvas 来渲染的，这篇文章将讲解如何使用 canvas 来渲染富文本。

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。

2022年已接近尾声，在这一年中，你经历过哪些酸甜苦辣？跟着掘金一起，盘点自己的2022吧！还有超多好礼等你来拿！

腾讯文档智能表格的界面是用 Canvas 进行绘制的，进行了 Canvas 分层，今天来介绍一下 Feature 层的设计。

flex 是 w3c 在 2009 年提出的响应式布局，现在已经得到所有主流的浏览器支持，也是当下前端开发主流的布局方式。 flex 凭借其布局属性适配不同的屏幕，提高开发效率，减适配问题。在如此优秀的响应式能力下，隐藏了什么设计和多少的复杂度，什么样的情况下会触发多次排版。了…

前端常见的搜索、分页、选项卡等切换场景中，由于网络不确定性，先发出的请求不一定先响应，这会造成竞态问题。本文提供「取消」或「忽略」两种对过期请求竞态问题处理的方案。

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～

当我们开发一个canvas应用的时候，出于效率的考量，免不了要选择一个渲染引擎（比如PixiJS)或者更强大一点的游戏引擎（比如Cocos Creator、Layabox)。 渲染引擎通常会有Sprite的概念，一个完整的界面会由很多的Sprite组成，如果编写复杂一点的界面，…

G2（图表引擎） 4.0 和 G6（图分析引擎） 3.4版本已经替换了 G（2D 渲染引擎）4.0，这个版本最大的改进是支持了局部渲染，在一些场景下例如节点的状态改变、图形的个体动画等方面性能提升巨大。G 4.0 从开始重构到现在稳定经历了半年的不断完善，遇到了各种各样的问题，…