当前互联网产品竞争激烈的环境下，前端研发在一个产品的生产链上承担了越来越重要的角色。作为直达用户的一层应用，跟安卓IOS的原生App一样，可以说是直接衡量一个项目产品好坏的第一道关口。 和原生应用不同的是，前端应用在运行环境方面存在太多不可控的复杂因素，并没有一个相对稳定运行环…

通过一些平常可能关注不多的点，进行一堆试探，最后回到我们非常耳熟的优化方式中。 1. 图片相关概念 🌰：对于页面进行缩放，我们并没有改变页面内元素的宽高px情况，但是缩放之后页面元素会放大，这是通过是什么实现的。 像素：它是图像显示的基本单元，既不是一个确定的物理量，也不是一…

1. While While 语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。 2. do...While do...while 循环与 while 循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。 3. for 普通 for 循环，经常用的数…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

谁关心性能问题？毫无疑问是你的用户。把网站的速度加快几秒甚至几百毫秒都会让你的用户高兴。至少他们会不那么愤怒。道理很简单，只需用常识判断，都不用看统计数据。 例如，文件大小压缩到50%对某些 2G 手机会产生巨大影响，但对 T1 线路（注：T1 是一种数据传输速率标准，是北美标…

这篇：前端监控平台系列：JS SDK（已开源）文章已经讲的很清楚怎么劫持原生的函数，并拿到我们想要的信息，如果页面正常运行时则记录用户行为栈，如果页面报错时则上报该错误并将用户行为栈一并上报，这样有助于开发者更快的定位线上问题。 获取用户行为，比如click事件，在web端是可…

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。 我在 构建、网络、资源加载、运行时、服务端、功能组织等多个方面都进行了优化，准备做一个系列，分章节给大家分享下…

web-resource-timing可以帮助你快速获取到用户在进入页面到浏览器获取的所有资源耗时和各种详细的数据信息，并且支持订阅模式，实时获取资源加载的数据信息。 ​ OriginData 未经处理的原始数据对象。 ​ 注意：这个数据类型的返回源于：创建对象是传入的配置项内…