前端面试中经常问的性能优化相关的问题

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

前段时间组内同学在开发运营页的过程中，遇到一个有趣的问题：移动端页面采用 rem自适应布局，图片在垂直方向展示时会出现莫名的间隙（如下图所示）。几位同学纷纷提出不同的解决方案，但为什么会出现这种问题呢？秉着知其然且知其所以然，借此行文一篇，大致梳理行内元素视觉格式化方面理论。 …

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

欢迎star。 如果有错误的地方欢迎指正。 浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。 说到深浅拷贝，必须先提到的是JavaScript的数据类型，之前的一篇文章Ja…

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

一、关于上手。 1. 关于ant design Pro的介绍，自己看官网，大致上可以理解为ant design（组件库） + ant design Pro （完整的项目）+ dva（路由+数据流管理）的组合拳。总之这个Pro是一个已经帮你打通了从搭建到测试打包发布的一整套完整的…

JavaScript数组去重，一个老生常谈的问题了，但这次是解锁多种JavaScript数组去重姿势。 双重循环去重实现比较容易。 基本思路：如果索引不是第一个索引，说明是重复值。 基本思路：先对原数组进行排序，然后再进行元素比较。 基本思路：利用了对象的key不可以重复的特性…