最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

w3c 有两个版本的规范，本文基于 第二版本 介绍。 工欲善其事，必先利其器。要想使页面更快，那么准确测量出性能数据也是很重要的。 我们来看一下，在一个web页面的生命周期之内，我们基于 Performance Timeline可以得到哪些性能指标。 getEntries 得到…

谷歌在今年3月推出了Android 10.0的首个测试版，昨天，Android 10.0的正式版正式向外发布，而最先尝到新版本的自然是亲儿子Pixel手机。 根据Android官网的介绍，Android 10.0将聚焦于隐私可控、手机自定义与使用效率，此版本主要带来了十大新特性…

Tencent CDC（https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/）

当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。 丰富的 feature：丰富的组件，自定义主题，国际化。 文档 & demo：提…

如图所示，将整个前端项目按照业务线拆分出多个子项目，每个子项目都是独立的仓库，只包含了单个业务线的代码，可以进行独立开发和部署，降低了项目维护的复杂度。 采用这套方案，使得我们的前端项目不仅保有了横向上（多个子项目）的扩展性，又拥有了纵向上（单个子项目）的复用性。那么这套方案具…

今天来聊一聊前端面试中出现频率比较高的一种有序数据的算法——「二分查找」。 你可以先思考一下如何回答上边的问题🤔，然后带着答案来阅览接下来的内容。 最简单粗暴的方法就是直接遍历数组，然后找到对应的值把index返回回来，但这种方法的弊端就是如果运气不好，要找的值在数组的末尾，…

在面试中，常常会遇到一些手写XXX之类的面试题，因此好好总结一下，对于巩固我们的原生js的基础是非常必要的。 尽管在网上已经有了非常多的总结文章，但在我看来有一个普遍的问题，那就是把原理性的东西过于复杂化了。如果站在面试官的角度，他的目的是在最短的时间内考察出面试者对于JS语言…

这些资源在 WebKit 中都有不同的类表示，公共基类是 CachedResource。其中 HTML文本的类型为 MainResource，对应的资源类型叫 CachedRawResource类。 基本思想是建立一个缓存池，优先从缓存池中读取数据。这里的所说的缓存池是内存缓存…