轩枫阁

前言

轩枫阁V3主题已上线，本文将介绍本站V3主题关于加载优化的内容。

图片优化

关于图片，这里使用传统的优化方式。本站使用的图片主要有各类图标、大图、文章配图、文章内容图等。

雪碧图

使用雪碧图Sprite，将各图标合并成一张图，可以减少HTTP请求数。

开发过程中，使用单个图标，结合tmt-workflow，在发布时将图片合并。同时移动端支持2倍雪碧图，只需同时将2x图标放至slice目录即可。 查看全文

前言

HTML5提供了本地存储的API：localstorage对象和sessionStorage对象，实现将数据存储到用户的电脑上。Web存储易于使用、支持大容量（但非无限量）数据同时存储，同时兼容当前所有主流浏览器，但不兼容早期浏览器。

存储API

localStorage和sessionStorage通常被当做普通的JavaScript对象使用：通过设置属性来存储字符串值，查询该属性来读取该值。除此之外，这两个对象还提供了更加正式的API。

• 调用setItem()方法，将对应的名字和值传递出去，可以实现数据存储
• 调用getItem()方法，将名字传递出去，可以获取对应的值
• 调用removeItem()方法，名称作为参数，可以删除对应的数据
• 调用clear()方法，可以删除所有存储的数据
• 使用length属性以及key()方法，传入0~length-1的数字，可以枚举所有存储数据的名字

查看全文