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

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。

代码是很难真正意义的完全按照开发者的想法运行的，意外情况总是层出不穷，放任不管显然不是一个合格的开发者该做的事情，错误信息该如何进行处理、收集以及分析显得尤为重要，这篇文章就对于这部分内容进行讨论。 那对于前端同学来说，错误往往会阻塞程序运行，并抛出一个错误，给用户极其不好的体…

首先我们需要通过 DNS（域名解析系统）将 URL 解析为对应的 IP 地址，然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接，随后我们向服务端抛出我们的 HTTP 请求，服务端处理完我们的请求之后，把目标数据放在 HTTP 响应里返回给客户端，拿到响应数据的浏览…

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 本文将带你快速学习 Observer API，对应有 4 个 API： Intersection Observer API：观察可见性 Re

总结整理前端工作中涉及到的优化方案 一、懒加载 1.懒加载的概念 懒加载也称为延迟加载、按需加载，指的是在一个网页中延迟加载大量的图片数据，是一种比较好的网页性能优化方式。当我们一个页面中用到了大量的

性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

一、导读 “异常”一词出自《后汉书．卷一．皇后纪上．光烈阴皇后纪》，表示非正常的，不同于平常的。在我们现实生活中同样处处存在着异常，比如小县城里的路灯年久失修；上下班高峰期深圳的地铁总是那么的拥挤；人