Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。 因为尚未决出最终的标准架构，各大浏览器的实现细节各有不同。这里我们以 Chro…

这里要按自己公司的产品或者自己的项目来决定了。下面是我对公司的产品提出的三个“埋点方案”，可参考，但不一定适合你们。 因为我们产品，主要页面都是居中布局，所以这种“埋点”可以满足我们产品的80%页面。垂直“埋点”，也就是在X,Y轴上埋，看图 因为，垂直埋点可以解决居中布局的页面…

首先这是一份面向面试的算法题，题目主要选自leetcode中hot 100 | 腾讯精选50题 | 精选Top面试题 | 剑指offer | 面试中遇到的一些算法题,全文122题，基本涵盖了前端面试中的算法题分类。因为个人能力有限，所以题目几乎是easy | mid，并且搬运了…

最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless，其实早已和前端有了渊源，并且将对前端开发模式产生变革性的影响。本文主要就根据个人理解和总结，从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

去年，我开始了基金定投理财。 没错，就我这兜里的几个铜崩也敢叫嚣着也"搏一搏，单车变摩托"了。 结果今年年初疫情来袭，全球股市大跌，恐慌中我疯狂低位抛售美基，裤兜里本来就不多的铜崩就更孤影形单了。 后来仔细想想，投资肯定有涨有跌跌跌跌跌跌跌，这都是浮亏，只要我不撒手，我就永远不…

文章首发自我的 Github，欢迎关注。 面试题只能应对 1 - 2 面，刷题固然重要，但是对于项目相关的准备也是必须的。一般来说目前面试题能准备的范围如下： 以上是大致范围，大家可以照着把题目归类，当然除了这些还会有些别的，比如说设计模式等等的问题。另外会刷面试题只是一部分，…

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…