小胡子哥详述淘宝首页性能优化

浏览器默认的缓存是放在内存内的，内存里的缓存会因为进程的结束或者说浏览器的关闭而被清除，而存在硬盘里的缓存才能够被长期保留下去。很多时候，我们在network面板中各请求的size项里，会看到两种不同的状态：from memory cache 和 from disk cache…

可以在空闲时间预获取页面可视区域（以下简称视区）内的链接，加快后续加载速度。 预获取视区内的 URL（使用<link rel=prefetch>或 XHR）。 可根据请求优先级进行控制（若支持 fetch() 可进行切换）。 该项目旨在为网站提供一套解决方案，预获取处于用户视区…

之前没太理解redux，在使用时总是照葫芦画瓢，看项目里别人如何使用，自己就如何使用，这一次彻底学习了下官方文档，记录。 在学习redux初时，有三个概念需要了解。 根据action，来指定store中的state如何改变。 在reducer更新state时，不能改变原有的st…

Shape Detection API 的发布已经有一些时日，其主要的提供的能力是给予前端直接可用的特征检测的接口（包括条形码、人脸、文本检测）。本文将简单的对其进行介绍，对前端进行人脸检测进行普适性的讲解。（本文不讲算法～望轻拍） 人脸检测（Face Detection）算是…

MAX,MIN，COUNT, AVG）等。这些函数和其它函数的根本区别就是它们一般作用在多条记录上。简单举个例子：SELECT SUM(sal) FROM emp，这里的SUM作用是统计emp表中sal（工资）字段的总和，结果就是该查询只返回一个结果，即工资总和。通过使用GRO…

文档对象模型或者说我们熟悉的“DOM”，web网页的一个界面。它本质上是允许程序读取和操作页面的内容，结构和样式的页面API。 接下来一一分解。 浏览器如何从源HTML文档转到在视口中显示样式化和交互式页面称为“关键渲染路径”。 这些步骤大致可分为两个阶段。第一阶段涉及浏览器解…

作为前端开发人员，这些年来你一直在开发单体应用，即使你已经知道这是一个不好的做法。 您将代码划分为组件，使用 require 或 import 并将package.json中定义的npm包或已安装的子git仓库添加到项目中，但最终构建了一个整体。 是时候改变它了。 除了已经实现…