前端秘籍：JS性能优化技巧；越来越受欢迎的yarn ；GCanvas 渲染引擎介绍；Tab设计总结
Posted 创宇前端
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端秘籍：JS性能优化技巧；越来越受欢迎的yarn ；GCanvas 渲染引擎介绍；Tab设计总结相关的知识，希望对你有一定的参考价值。
前端
JavaScript性能优化技巧：概述
确保在真实网络条件下测试您的网站在低端设备上的性能。您的网站应该尽快加载并且互动。将你的代码压缩，分成更小的，可管理的 bundle，并且尽可能地异步加载。在服务器端，确保它具有HTTP/2启用更快的并行传输和 gzip/Brotli压缩，以大幅度减少您的JS的传输大小。
移动端：长按二维码识别 | PC端：t.cn/RY0XWES
Node.js
为什么越来越多的开发者开始使用 yarn
Yarn 解决了 Npm 不确定依赖关系，网络问题导致 npmjs 被关闭以及并行下载等问题，如果你还没有开始使用 yarn 建议阅读这篇文章。
移动端：长按二维码识别 | PC端：t.cn/RY0b8jZ
可视化
GCanvas 渲染引擎介绍
GCanvas 提供了一套类似于 H5 Canvas 标准的 javascript API。基于这套 API 可以方便的去做图形绘制、动画渲染等，开发的体验与 H5 Canvas 是完全一样的。用一句话来概括 GCanvas，即遵循 W3C 标准，移动端的跨平台的高性能图形渲染引擎。
移动端：长按二维码识别 | PC端：t.cn/R9fhR4p
设计
Tab设计总结
今天这篇文章来给大家分析一下tab。其实tab隶属于产品导航体系的一部分，所以你要了解tab，必须要它放在导航体系中来分析。希望这篇文章可以帮助大家以后更合理的去使用tab。
移动端：长按二维码识别 | PC端：t.cn/RYSjyaR
以上是关于前端秘籍：JS性能优化技巧；越来越受欢迎的yarn ；GCanvas 渲染引擎介绍；Tab设计总结的主要内容，如果未能解决你的问题，请参考以下文章