window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

使用video标签对象加载视频文件（此处我们并不需要视频文件完全加载，第一帧数据可用即可）。 在上一节的video标签对象加载视频文件完后，即可直接通过video标签对像来获取尺寸和播放时长等信息。 在第一步加载视频文件的基础上，通过canvas对象来绘制视频的第一帧信息，并将…

前端日常开发中，会遇见各种各样的cli，比如一行命令帮你打包的webpack，一行命令帮你生成vue项目模板的vue-cli，还有创建react项目的create-react-app等等等等。这些工具极大地方便了我们的日常工作，让计算机自己去干繁琐的工作，而我们，就可以节省出大…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 1. 什么是babel ? 2. 可靠的工具来源于可怕的付出 3. Babel担任的角色 即使你自己没有使用它，但你的依赖很可能正在使用 Babel。…

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

我们在构建表单时, 有时需要处理数组嵌套对象类型的数据结构， Table 组件非常适合此类数据的展示，如下图中的备货信息。用户可以在允许范围内添加、删除备货信息，且每一条备货信息都有一些必填项，那么，

本文对React的核心原理进行分析, 包括JSX、Diffing、Fiber、Time Slice等, 并且对React原理的学习方法进行了总结和建议.

自己做了一个网站，开发好好的，部署到服务器上去后，打开的时候白屏了好长时间才展示，这可不能忍，必须优化掉！

前几天面试baidu的时候，面试官问：你都知道什么meta标签？用处是什么？尽可能多的说出来。我：嗯……