青蛙king的博客

性能优化之道：- 预加载- 懒加载- 资源体积减少- 接口请求缓存- 第三方库异步 / 按需加载

目录一、HTML5 应用缓存二、Cookie三、Storage1、sessionStorage2、globalStorage3、localStorage四、IndexedDB（了解）一、HTML5 应用缓存二、Cookie三、Storage1、sessionStorage2、globalStorage3、localStorage四、IndexedDB（了解）.....................

一个PWA应用首先是一个网页，可以通过Web技术编写出一个网页应用。随后添加上AppManifest和ServiceWorker来实现PWA的安装和离线等功能。PWA全称ProgressiveWebApp，即渐进式WEB应用。这些特性将使得Web应用渐进式接近原生App。..............................

懒加载又叫延迟加载，主要指页面中图片、视频等大型资源文件的懒加载。对页面中的图像做懒加载处理时，用户滚动到图像之前，可视区域外的图像是不会加载的。这与图像预加载正好相反。懒加载的原理（以图片的懒加载为例说明一下）......

一、link 标签预加载二、JavaScript 代码预加载三、本地存储缓存预加载

1、命名“名副其实”——只做有意义的命名，规则如下：可读 可搜索 为相同类型的变量使用统一命名 在解构中命名 力求精简，不添加不必要的上下文 属性、变量名、类名使用名词，函数名使用动词2、函数短小 只做一件事 函数名使用动词，要能够说明它要做什么 函数的参数不应该超过三个 函数式编程优于指令式编程3、注释4、格式化5、对象和数据结构6、单元测试...