茶泡饭

尽管通常将 JavaScript 归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统中移植。 在传统编译语言的流程中，程序中的一段源代码在执行之前会经历三个步骤，统称为“编译”。 将由字符组成的字符串…

不占用JS主线程； 可以利用硬件加速； 浏览器可对动画做优化（元素不可见时不动画减少对FPS影响） 下面让我们来看一个动画效果，在该动画中包含了几个堆叠在一起的球并让它们沿相同路径移动。最简单的方式就是实时调整它们的 left 和 top 属性。我们可以使用JavaScript…

在vue中，patch过程，是以新的虚拟dom为基准，改造旧的虚拟dom。 接下来，我们逐个击破。 一. update 在执行render函数，返回虚拟dom之后，vue会执行update方法，去更新视图。其主干代码如下： 前面章节，我们分析了组件化实践。setActiveIn…

大家都知道，js是单线程语言，而且dom的操作（如插入、删除等）所带来的性能损耗是巨大的，比如我们对一个ul连续插入100w条li，会发生什么呢？

你能简述一下 Vue 模板编译过程吗？.vue 这种单文件组件的方便不言而喻，那它是怎么变成浏览器识别的HTML的来了解一下吧？

本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、use…

为什么要有 event loop？它和渲染引擎、JS 引擎的关系？requestAnimationFrame 是什么任务？requestIdleCallback 在什么时候执行？本文都会给你答案。

最早的时候页面是服务端渲染的，也就是 PHP、JSP 那些技术，服务端通过模版引擎填充数据，返回生成的 html，交给浏览器渲染。那时候表单会同步提交，服务端返回结果页面的 html。 后来浏览器有了

为什么这些个网站UI做的这么漂亮啊？为什么它们的细节这么细啊？交互好、实现棒，很难叫人不收藏啊！！毕竟收藏了，下次都是会来学的🐶