Ha

在目前火热的 AI Coding 概念的背后，前端工具链也在蓬勃发展。目前新一代工具如Rolldown、Rspack、Bun等已经不局限于只做 Webpack 那样的打包工具，而是统一的前端工具链。

在渲染列表时我们通常会一次性将所有列表项渲染到`DOM`中，在数据量大的时候这种操作会造成页面响应缓慢，因为浏览器需要处理大量的`DOM`元素，而此时我们通常就需要虚拟滚动来实现性能优化。

如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。 经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖呢？让我们来一层层的剥开它的糖衣。 这篇文章的目的就是带大家理解清楚async和generator之间到底…

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截目标对象target的某些行为（如属性查找、赋值、枚举、函数调用等）。 vue2.0 用 Object.d…

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

本章内容将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案

这是我参与8月更文挑战的第20天，活动详情查看：8月更文挑战 前言 昨天写了一篇文章，是关于iframe的跨域通信问题，是嵌套iframe，由于跨域导致不能与主页面通信的问题，然后提出了几种解决方案。

情况一 未配置 没有指定默认格式化插件 情况二 匹配文件类型失败 这种情况常出现在使用框架如vue中的js或者ts后缀文件使用无效

7月22日观看了第二届稀土开发者大会尤大关于 《2022 Web 前端生态趋势》 的主题分享，记录如下，有时间的同学可以观看大会的回放。