其实，最早接触 Headless UI 是在去年，碰巧看到了一个非常前沿且优秀的组件库 ---- Chakra UI，这个组件库本身就是 Headless UI 的实践者，同时也是 CSS-IN-JS

我们沿着上一篇文章(React技术1-集成react router)的内容进行集成 less 和 css mmodule。 现在应该 90% 的前端开发都会使用 .less 文件来进行样式编写。可能对于 css module 有些陌生。那么就要先来讲解一下使用使用这两个技术的好…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

大多数设备的刷新频率是60次/秒，也就是1秒钟的动画是由60个画面连在一起生成的，所以要求浏览器对每一帧画面的渲染工作要在16ms内完成。当渲染时间超出16ms时，1秒钟内少于60个画面生成，就会有不连贯、卡顿的感觉，影响用户体验。 JavaScript：JavaScript实…

微前端是最近一个很火的话题，前端就跟谈恋爱一样，真的是“合久必分，分久必合”。微前端不是炫技，而是一个解决方案。 举个例子，公司内部有很多的系统，比如说人力系统、财务系统、工时管理、项目管理、论坛等等，当公司有新人入职时，短时间内他要记住全部的地址比较难。 如果地址不太多，存浏…

最近好多事情，最近前端分享会也如期而至，有幸这次分享会，正好周末有时间，做个总结吧。 这次想分享的就是算法与数据结构，刷了一段时间题目，逛了逛LeetCode，看了很多关于这个方面的文章，有所感悟，准备做个记录吧。 当你想花时间去了解学习一件对你来说，很苦难的事情的时候，我们需…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，这篇文章可以很好的带你入门前端监控。

postMessage 提供了底层通信能力，有不少优秀的开源库在此基础上进行了封装，以供开发者更便捷地使用。比如1.4k start 的 postmate 就提供了父页面与 iframe 子页面间基于 Promise 的 postmessage 通信能力封装。 而这篇文章要介绍…