Webpack动态导入实现原理

7 月 21 日
阅读 3 分钟
185
经过 webpack 编译及打包后,有了打包文件 bundle.js 以及拆分出来的 1.js,接下来直接查看打包后的代码如何实现动态导入的首先来看下 bundle.js 文件里面的内容我们这里可以看到有一个 webpackJsonCallback 的函数,上方还有注释,这个函数就是用于加载 chunk 的 jsonp 的回调函数的定义,至于是加载什么 chunk,一步步...

Webpack Source Map配置解析与最佳实践

7 月 21 日
阅读 9 分钟
313
Source Map 的概念在前端工具链中已存在多年,随着前端工程化的兴起,Source Map 的重要性日益增加,在越来越多的前端项目里被使用。

Webpack的诞生与问题解决之道

7 月 3 日
阅读 6 分钟
184
在早期的前端技术标准根本没有预料到前端行业会有今天的发展,在设计上存在很多缺陷,随着web应用复杂性增加,网页已经从展示简单的文案和图像逐渐演变为功能复杂、交互密集的应用程序,这种变化推动了前端模块化的发展,以应对以下几个挑战:

使用setTimeout来实现SetInterval

2023-10-28
阅读 1 分钟
221
我们知道setInterval以一定频率来执行一个函数,但是这样有一个问题,加入执行的这个函数相当耗时,超过了我们给定的周期时间,setInterval还会按照约定的时间来执行下次任务吗?

了解JavaScript中的生成器函数(Generator)

2023-10-28
阅读 8 分钟
703
在JavaScript使用异步操作时,在async和await还没有被JavaScript官方正式推出时,那么异步操作解决方案就只有回调函数和Promise。

JS实现页面导航与内容相互锚定

2023-10-19
阅读 8 分钟
2.5k
在日常的学习和工作中,经常会浏览的这样一种网页,它的结构为左侧是侧边栏,右侧是内容区域,当点击左侧的侧边栏上的目录时,右侧的内容区域会自动滚动到该目录所对应的内容区域;当滚动内容区域时,侧边栏上对应的目录也会高亮。

了解JavaScript中的Promise

2023-10-15
阅读 12 分钟
575
JavaScript在执行异步操作时,我们并不知道什么时候完成,但是我们又需要在这个异步任务完成后执行一系列动作,传统的做法就是使用回调函数来实现,下面举个常见的例子。