fi3ework

在基础架构部门，你会负责分布式计算、分布式存储、研发平台等基础设施的研发和优化，将会支撑着今日头条、抖音、西瓜视频等多款明星产品的高速发展。团队技术氛围浓厚，积极拥抱开源和创新的软硬件架构，构建一系列基础设施引导研发活动的最佳实践，为整个公司的发展保驾护航。 如果自己直接官网投…

#13459），但直到今天也没有进展。因为 Ant-Design 是一套设计语言，所以 antd 会引入一套 fork 自 normalize.css 的浏览器默认样式重置库。 下图为 antd 的 CSS 打包时的依赖关系，这张图有助于我们理清怎样才能避免把 base.les…

如果你想要浏览器在你访问某个域名前先执行 DNS 解析，那么你使用 preconnect 和 prefetch-dns 都是可以的，这将会节省关键渲染路径的时间。本文主要分析这两者的区别，结论无法一句话概括。

今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…

我们都知道 JavaScript 是一门单线程语言，这意味着同一事件只能执行一个任务，结束了才能去执行下一个。如果前面的任务没有执行完，后面的任务就会一直等待。试想，有一个耗时很长的网络请求，如果所有任务都需要等待这个请求完成才能继续，显然是不合理的并且我们在浏览器中也没有体验…

在 上一篇文章 中介绍了前端路由的实现及 react-router-v4（以下简称 rr4） 的源码分析，目前阶段 rr4 已经基本垄断了 react 生态圈的路由，虽然 v4 版本成功完成了一切皆组件的蜕变，但其实它本身还有诸多问题，比如 keep-alive。 keep-a…

react-router 目前作为 react 最流行的路由管理库，已经成为了某种意义上的官方路由库（不过下一代的路由库 reach-router 已经蓄势待发了），并且更新到了 v4 版本，完成了一切皆组件的升级。本文将对 react-router v4（以下简称 rr4） …

## 关键路径 ### 浏览器加载流程 浏览器在渲染页面时需要将 HTML 标记转化成 DOM 对象 ![](https://developers.google.cn/web/fundamentals/performance/critical-rendering-path/

HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。 HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。