在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。 什么是 Tree Shak

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

如果只是 Babel 可能真没有必要,问题是其背后的原理在我们开发中应用过于广泛了,包括不限于: eslint jshint stylelint css-in-js prettier jsx vue-template uglify-js postcss less 等等等等,从模…

前言一本秘籍闯宇宙，那么这边秘籍是什么呢？那就是git秘籍，初学者对于git只知道git提交的三条命令吧！其实git的招式还有很多，足够让你去探索一番！让我们掌握这本秘籍闯宇宙去吧！

这是我参与新手入门的第2篇文章 背景 现如今，git在我们的日常工作和学习中使用的非常频繁，特别是在公司中和同事协同开发的时候，如果你不熟悉git的基本操作，那么你的日常工作就会寸步难行（当然，也不绝

虽然前端开发作为 GUI 开发的一种,但是存在其特殊性,前端的特殊性就在于“动态”二字，传统 GUI 开发，不管是桌面应用还是移动端应用都是需要预先下载的,只有先下载应用程序才会在本地操作系统运行,而前端不同,它是“动态增量”式的,我们的前端应用往往是实时加载执行的,并不需要预…

Webpack5自带，不用安装。暂时忘记UglifyjsPlugin ParallelUglifyPlugin和环境变量吧 cache不再单独配置。遵循webpack的cache设置（与optimization同级） sourceMap不再单独配置。遵循webpack的devt…

Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 JavaScript 中，还有“变量提升”和“函数提升”，JavaScript 会将变量和函数的声明提升到当前作用…