在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同学都知道强缓存

这种方式就是在一个元素上面直接绑定了一个点击onclick事件，此事件为DOM 0级标准。同时，这个事件的优先级是最高的。 使用这种形式也是可以给一个DOM元素添加上一个事件。这个也是DOM 0级标准。 以上两种方式都是存在一个弊端的，就是一个元素只能添加一个事件。第一种就不用…

前端录制回放系统，顾名思义就是录制用户在网页中的各种操作，并且支持能随时回放操作，可用于异常监控和错误上报...

1884年在华盛顿召开的一次国际经度会议（又称国际子午线会议）上，规定将全球划分为24个时区（东、西各12个时区）。规定英国（格林尼治天文台旧址）为中时区（零时区）、东1-12区，西1-12区。每个时区横跨经度15度，时间正好是1小时。 上述时区定义其实是理论时区。理论时区的时…

（给前端大全加星标，提升前端技能） 作者：SHERlocked93 https://segmentfault.com/a/1190000012960187 大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间，页面的渲染就会出现卡…

采集商品曝光... 前端：产品要看隔壁老王昨天... 埋点代码书写复杂，复杂度大于业务代码，成为开发者的一个大负担。 概念：所谓的代码埋点就是在你需要统计数据的地方植入N行代码，统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。 …

最近项目需求总是有HTML页面生成图片功能，所以就想记录一下自己在过程中遇到的问题，并加深印象，日后如果忘了也可以回顾。我们项目使用的是html2canvas插件，还有其他插件，例如dom-to-image、rasterizehtml，可以根据需求使用。 由于像素比（DPR =…

2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 渲染性能优化指南

Chrome 是程序员的标配了，而从全球的市场份额来看，它在全球市场的份额已经超过 60%。 在 Chrome 10 周年之际，官方发布了一个系列文章，用图解的方式，很清晰的讲解了现代浏览器的运行原理，Chrome 之所以这么好用，这么快，是有原因的。 这个系列，一共 4 篇文…