使用webstorm做为前端开发工具已经3年多时间了，抽空来记录下我常用的一些插件和配置，欢迎各位感兴趣的开发者阅读本文。

实现 Web 推送的痛点之一就是触发一个推送消息是极其“繁琐”的，应用程序需要按照 Web 推送协议向推送服务发送 POST 请求。为了使推送能够跨浏览器使用，你还需要使用 VAPID (即应用服务器密钥)——需要在 header 中设置一个值来证明你的应用能够向用户发送消息。…

数组的创建有三种方式：构造函数方式、字面量方式、ES6新增的Array.of()方法创建。 方法的作用是将一组值（即传进来的参数）转换为数组。 这个方法弥补了构造函数创建数组的不足。可以实现创建只有一个number类型元素的数组。 （一）. 原型上的方法 参数的类型可以是任意类…

前两天跟一个哥们唠嗑，讨论怎么实现uber, 滴滴的验证码输入的效果。 有打算一个input然后两条线段之间用白背景的线段遮住实现，用letter-spacing控制字间距。 但是控制数字间距吃力点，效果不佳便放弃。 这样就实现了 点击label触发 input焦点，调用键盘。…

JavaScript 是单线程的，有了 event loop 的加持，Node.js 才可以非阻塞地执行 I/O 操作，把这些操作尽量转移给操作系统来执行。 我们知道大部分现代操作系统都是多线程的，这些操作系统可以在后台执行多个操作。当某个操作结束了，操作系统就会通知 Node…

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…

在做用户实名验证时，常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案，大家可以根据自己的项目实际情况，选择适合的方案。 居民身份证号码，正确、正式的称谓应该是“公民身份号码”。根据【中华人民共和国国家标准 GB 11643-1999】中有关公民身份号码的规定，公…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…

避免命名冲突：JavaScript本身是没有命名空间，经常会有命名冲突，模块化就能使模块内的任何形式的命名都不会再和其他模块有冲突。 更好的依赖处理：使用模块化，只需要在模块内部申明好依赖的就行，增加删除都直接修改模块即可，在调用的时候也不用管该模块依赖了哪些其他模块。 模块成…