ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。在打磨了近 3 年之后，通过字节内部大量业务沉淀和验证，我们开源了 ArcoDesign 设计系统。

我们开发经常会用到浏览器，但是浏览器的一些机制我们还不是很了解，代码如何在浏览器中运行？如何渲染布局？事件触发时浏览器在做什么？很多我们了解的浏览器知识可能不够完善，我们来深入的探讨一下。1.浏览器输

正值 tuple&record 进入 stage2，正好将放了半年的草稿更新一波。 对于比较复杂的 React 单页应用，性能问题和 UI 一致性问题是我们必须要考虑的问题，这两个问题和 React 的重渲染机制息息相关。本文重点讨论如何控制重渲染来解决 React …

SSH 是 Secure Shell 的缩写，耿直地翻译过来可以称作安全外壳协议。我们可以借助 SSH 协议连接到远程服务器并完成身份校验操作，也就是说使用了 SSH 密钥进行身份验证可以免去每次都输入密码的繁琐操作，同时账户安全性也得到大幅提高。 以 Centos 为例，SS…

现在搞前端的应该没人不知道啥是SPA，啥是SSR了吧。SPA就是所谓的单页面应用，即路由跳转时不刷新页面；SSR是很早就有的东西了，比如jsp、asp，即服务端渲染，给到浏览器的是已经渲染好的html文件了，切换路由的时候也会刷新页面。到底应该用哪个取决于团队需求，基本上除了重…

依然是这个简单的项目。 由于使用JS+CSS不能实现圆角的效果（如下图，主要使用到了CSS3的transform属性），所以特地研究了一下怎么使用canvas来100%复原设计稿。 第一眼看到canvas相关的API文档时，感觉有点头大：东西实在太多了，想要一下子学会似乎问题不…

到这里是正常情况就结束了。

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 为了实现上述特点，Vite 要求项目完全由 ES Module 模…

动画是 ReactJs 应用程序中一个热门话题，我们有很多方法可以创建不同类型的动画。例如，很多开发人员就喜欢使用 css 动画。但如果你想创建更复杂的动画，你可以关注 GreenSock 。GreenSock 是最具影响力的动画平台，同时，它给 React 提供了很多用于创建…