小庄zzz的博客

深入浅出地介绍了 AST（抽象语法树）的概念和应用。通过实现一个简易版的 ESLint 工具，展示了如何使用 Babel 工具链解析、遍历和修改 JavaScript 代码。文章不仅讲解了理论知识，还提供了实战案例，帮助读者理解 AST 在代码转译、检查和优化中的重要作用。对想了解前端编译原理的开发者来说，是一份很好的入门指南。

首屏加载动画：当页面加载完成后，逐个触发元素进入视口时添加动画效果，增添页面的过渡效果。注意，在使用动画效果时要注意性能和用户体验，避免过多或复杂的动画效果影响页面加载速度和流畅度。当元素进入视口并与视口的交叉区域达到预设的阈值时，回调函数会被触发。滚动加载动画：当页面滚动到某个特定区域时，触发该区域内的元素添加动画效果，提高用户体验。图片懒加载动画：当图片进入视口时，添加动画效果显示图片，提升页面的视觉吸引力。页面动画当元素进入视口时触发动画效果，为页面增添交互与吸引力。来访问触发动画效果的元素。

适用于控制单个元素的属性变化有四种Tween的动画方式- 这是一种最常用的tween动画，就是让元素从初始状态变化到目标状态。- 有点像to方法的逆向变化，就是让元素从目标状态变化到初始状态。- 需要自己定义两个状态的数据，然后从前一个变化到后一个。- 直接设置成想要的状态，没有任何过度与动画效果。

之前更新过一篇Webpack，没想到颇受好评，很快就阅读量就破万了hhh，应读者私信的要求，决定继续更新Webpack进阶系列的文章！进入今天的主题 ——HMR。

之前更新过一篇Webpack，没想到颇受好评，很快就阅读量就破万了hhh，应读者私信的要求，决定继续更新Webpack进阶系列的文章！进入今天的主题～开发时我们运行的代码是经过webpack编译后的，所有css和js合并成了一个文件，并且多了其他代码。此时如果代码运行出错，那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。所以我们就需要想办法去用加准确的错误提示，来帮助我们更好的开发代码,所以这个时候就需要用到SourceMap。

前端面经八股手戳源码系列，从底层带你实现防抖和节流，复盘应用场景

js执行上下文详解

前端速通面经八股，大叔都看得懂的系列

前端八股文速通，大叔都能看得懂系列

前后端分离是一种架构模式，说通俗点就是后端项目里面看不到页面。