Godiswill

原文链接 导读 性能，一直都是前端孜孜不倦探讨的话题。说到生命周期想必大家都不陌生，这都是 React 、Vue 等框架设计的核心理念，它大致都提供了数据初始化、DOM 加载、资源释放等时机钩子供大家

最近在做网易的一些招聘工作。收到了大量的简历，综合来看大部分人对简历明显重视不足。 导致的结果是海投，大点的厂子连简历初筛都过不了。 笔者也曾经经历过，自己写的简历自己都看不下去。后来痛定思痛，反复面试反复改不下 10 次，后来投大厂没有卡在简历初筛过。 现在把总结的经验分享给…

本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。 以前有 JSX 语法，必须引入 React。React 1…

关键性能指标。忽略页面卸载时间、重定向时间。 来进行一个综合性的考量，确保在用户交互整个过程都尽量最优。 首包，可以大致看出当前的网络情况，一般 DNS 消耗时间比较大，可以做些 dns-prefetch。 条件好的，由于网络原因，可以对移动端做些传统的 DNS 机制切换到 h…

最近在捯饬一个前端性能上报分析的项目，前端由 react 全家桶，打包部署公司有专门的发布系统，这块就没什么顾虑。 前端团队的后端没有什么规范或通用流程，就想自己先技术选型从0到1，决定使用 egg + mongodb，后续也许会追加 nginx + redis + Kafka…

最近做 web 性能采集分析，一直觉得跟用户交互无关的采集都放在 onLoad 或 DOMContentLoaded 中很不合理。 一番搜索，发现 web 页面也是有生命周期的。一番研究，解决了如何避免干扰用户采集信息的困惑。 提供了一系列的生命周期钩子函数，方便开发者能够在不…

作为一个前端，在开发过程即便十分小心，自测充分，在不同用户复杂的操作下也难免会出现程序员意想不到的问题，给公司或个人带来巨大的损失。 这时一款能够及时上报错误和能够帮助程序员很好的解决错误的前端错误监控系统就必不可少了。 接下来我们就聊聊常见的错误发生与处理。 ... 可以阅读…

采集的数据分为 HTML 解析加载过程的数据和 HTML 内资源加载的信息数据。 navigation 新增了资源大小和 serverTiming，可以分析资源是否压缩是否过大过小和离线应用处理时间。 fpt 猜测的白屏时间，有了 paint time 可以获取更精准的白屏、灰…

单一数据源，创建一个 Redux store 来以存放应用中所有的 state。应用中应有且仅有一个 store。 State 是只读的，唯一改变 state 的方法就是触发 action，action.type 作为逻辑说明。 使用纯函数来执行修改，reducers 来描述 …

获取主页 html 数据，应该使用 performance.timing，而不是 performance.getEntriesByType('resource')[0]。 performance.getEntriesByType('resource') 表示当前 HTML 文档…