显而易见，这里主要包含两方面的影响因素。 所以进行前端优化的方式，通常是针对围绕两个方面进行优化，即尽可能的减少资源传输时间和dom渲染时间。 展开来讲每一种优化方式都能对应跟多具体的行为，对于服务器优化，vue和react生态体系下都给出了较为成熟的解决方案。比如Vue提出的…

本文不成文，谨慎阅读。 《前端面试总结点线面》系列是为了收拢杂而乱的前端领域知识，由点及线，再涉及面，目的是为帮助广大前端同学复习巩固或查漏补缺或增删改查，为了更好的建立前端领域知识体系，为了更好的为前端面试做好准备，从而做一个合格、进步的前端开发工程师。 DOMContent…

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

必生这种情况是因为可点击区域未应用于整个元素。 为了更加清楚，请参见下图，左图可点击区别(圈红部分)明显比右图的小很多，所以右图的实现用户体验会更好。 对于本文，会介绍一些事例，并通过事例演示如何增加可点击区别，提高用户体验。 WCAG全称Web Content Accessi…

导读：我们每天都与代码打交道，但当被问道什么是好的代码时，很多人可能会先愣一下，然后给出的回答要么比较空泛，要么比较散，没办法简单明了地概括出来。显然，这个问题并没有唯一的标准答案，谁都可以谈论自己的理解，今天谈谈我对于好代码的理解。 衡量代码质量的唯一有效标准：WTF/min…

我前段时间参与了一个react为主的大前端项目，覆盖Web、Android、Ios三个平台。由于整个业务逻辑侧重在手机端，且Web端也是到了项目中期才开始启动，我分别以react-native和react分开建了两个项目。 可是，后端微服务集群是同一个，两个项目调用的API大多…

在进入基准测试部分之前需要一些性能测试的概念科普，帮助更好地阅读测试结果。 点击数：指Web Server收到的HTTP请求数。 点击率：单位时间每秒用户向Web Server提交的HTTP请求数。 一般指的是CPU、内存、磁盘读写等的瓶颈，为服务器硬件瓶颈。 一般指的是开发人…

文本内容主要包含：HTML，CSS，JavaScript。 在web页面里，每个字符都是要从服务器获取的，本文档主要讲述如何提升文本内容的加载速度。 如果你为了减小资源大小采取了一些措施，而影响到可读性，一定要记住当你直接修改线上代码的时候，之后可能无法理解当初为什么这么改。 …

当我作为面试官和一些候选人聊这个话题的时候, 我得到的答案五花八门, 比如谈目录规范, 编码规范, 做个脚手架, 增加单元测试, CodeReview 等等, 我的直觉告诉我这些和前端工程管理有关系, 但这些一定不是前端工程管理的本质, 但是当我们理不清本质的时候, 可以试着从…