13个你应该知道的 Webpack 优化技巧
在这篇文章中,我将从三个方面分享一些我常用的技巧:提高优化速度,压缩打包文件的大小,改善用户体验。无论是自己的日常开发,还是准备面试,都应该掌握一些关于 Webpack 的优化技巧。
如何统一前端项目的 Node 版本和包管理器?
成员机器 Node.js 版本不统一: 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意,在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
多项目node版本自动切换工具-Volta
每一个前端项目都依赖不同的node版本,随着项目仓库的增多,已经记不清哪个仓库用的是哪个版本的node了,只有在项目安装依赖时发现报错,才会想起来排查默认node环境与项目默认node版本是否匹配,遗憾的是
JS计算两个日期之间的天数
利用毫秒差,由于1秒等于1000毫秒,60秒等于1分钟,60分钟一小时,一天24小时。所以毫秒差除以(60×60×1000×24)等于天数。
TypeScript与JavaScript的区别
TypeScript 是一种由微软开发的自由和开源的编程语言,是一种非常受欢迎的 JavaScript 语言扩展,它也是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程
JavaScript框架的四个时代
我选择的第一个框架实际上是 Angular 1。在我遇到路由器的一些问题之前,已经建立了一个相当大的应用程序,并使用FuelPHP的后端--每当重新渲染子路由/出口时,它就会闪烁
如何设计一个优雅的缓存函数
在项目中你有优化过自己写过的代码吗?或者在你的项目中,你有用过哪些技巧优化你的代码,比如常用的函数防抖、节流,或者异步懒加载等。今天一起学习一下如何利用函数缓存优化你的业务项目代码。
面试官直呼内行!如何实现一个比较完美的reduce函数?
reduce() 方法对数组中的每个元素按序执行一个由用户提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。
EcmaScript 2022 正式发布,有哪些新特性?
在ES2017中,引入了 async 函数和 await 关键字,以简化 Promise 的使用,但是 await 关键字只能在 async 函数内部使用。尝试在异步函数之外使用 await 就会报错:SyntaxError - SyntaxError: await is only valid in async function。