这篇文章精选了16款前端开发必备工具，覆盖设计、动画、字体、代码编辑及跨浏览器测试等领域，帮助开发者提升效率、简化流程、激发灵感。不论你是新手还是资深开发者，这些工具都能在开发过程中为你提供实用支持。

最近翻看张鑫旭大佬的博客，发现了一篇不错的文章，于是就把大佬的代码拷贝下来学习了下，作为多年前端的我居然看的不是很懂，自信息大大受打击了，于是把其中关键部分写出来，方便日后学习。

不知道大家会不会有这种感觉，经常是觉得自己学的技术没有用，担心自己能不能胜任工作。因为我们通常学的都是基础的，老师教完之后做几道题目会做考试过了代表学过了。 因此我想找一些“好玩又有用的技术”，我们共同学习成长. 首先推荐简单介绍一下这款实用的app，扫描全能王，当然还有其他类…

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。…

一些常见是nginx使用场景，包括：自动适配PC/移动端、限制访问设备、前端单页面应用404问题、防盗链、动静分离、权限控制等nginx配置介绍

小程序的模块化采用了Commonjs规范。也就是说，我需要提供一个monitor.js文件，并且该文件需要支持Commonjs，从而可以在小程序的入口文件app.js中导入： 但是考虑到代码量，为了降低耦合度，我还是倾向于把代码拆分成不同模块，最后把所有JS文件打包成一个mon…

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

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM

通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件，里面储存着打包前的位置信…