王子霏

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

（2）苹果系统设置，偏好设置->安全性，去掉阻止弹窗的复选框就ok了。 【不建议，会改变用户的设置】 （3）在回到函数中生成一个链接，让用户再次点击下，因为链接是无论如何不...

在同一个项目中，一般都是几个人合作开发，每个人的代码风格不同，因此提交到git之前，需要统一下格式，因此才有了这篇文章，分享一下自己的配置过程。希望每个小伙伴都能规范自己的...

为什么要学正则表达式？ 作为一个菜鸟程序员，遇到复杂的正则时往往会求助搜索引擎。虽然能够解决燃眉之急，但往往会有边界值和团队正则不统一的问题。而这种问题往往会被细测测出来，...

目前主流浏览器：IE，Edge，Chrome, Firefox，Opera，Safari。 使用navigator.userAgent来获得以下浏览器类型和版本。 IE =...

在我们做用户授权登录(微信,qq授权)，以及根据对应浏览器做对应的操作的时候，经常会遇到需要判断用户使用的浏览器的需求，以及在需要用户输入信息的时候，有需要验证的一些正则。...

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。...

在网站项目中，有时我们需要对传给后端的数据，比如 token 等进行加密处理。本文是对几种常见的前端加密方法，以及如何使用开源的加密库 crypto-js、JSEncryp...

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。...

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！...

其中涉及到的包执行一下npm install安装一下即可，这里就不赘述了。这里的部分包接下来会重复提到，说明为什么要这样装 babel-polyfill 是为了模拟一个完整...

“用于编写下一代JavaScript的编译器”。随着时间推移，JavaScript也在慢慢进化，新的特性和语法随之出现，然而各个浏览器厂商并没有完全的支持，所以要有个工具，...

在使用 loader 的时候通过include或者exclude属性传入必要的路径和文件，避免全局匹配，可以提升 webpack 构建的速度。 resolve.module...

webpack基本配置，修改代码，自动编译，热更新，文件指纹，代码压缩，webpack 通用配置及构建速度，体积优化，多页面应用，source map 定位源代码，webp...

前言 随着项目越来越复杂，可能你们会有同样的感触，上了趟厕所回来，项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下，如何去优化我们的构建速度。 优化方案 ...

对自己性能优化以及webpack优化进行总结，目前文章对webpack进行了描述，后续会对webpack之前的性能进行总结。...

距离 1.0 稳定版发布到现在快一年啦. 在波折的 2020 年里我彻底重构了 Tiny-Swiper 的核心模块，现在它完美地支持 loop/freeMode 配置项，同...

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演...

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文...

本期就介绍一款webpack速度测量插件，它可以看到每个loader和插件的执行耗时，这样就让你知道优化你的webpack构建速度你的注意力该集中在哪里。...