每日前端签到（第九十六天）

第九十六天（2018-11-7）

• [html] 请描述一下cookies、sessionStorage和localStorage的区别？
• [css] 说说你对低版本IE的盒子模型的理解
• [js] 你是如何更好地处理Async/Await的异常的？
• [软技能] 请列举出多种减少页面加载时间的方法

题目一：
cookie常常用于存储用户重要的信息，用于验证用户的合法性
比如用户名，用户id，token
cookie产生于服务器，在浏览器以字符串的形式保存
后面两者是浏览器本身的storage
前者关闭标签页面当前session会话就是关闭了，sessionStorage也消失
而localStorage会一直保存
题目二：
一个CSS盒子由四部分组成，由内到外依次是：content、padding、border、margin。

所谓盒子模型定义的是盒子宽高的计算方法，IE盒子模型的宽高为content、padding、border之和。而W3C盒子的宽高仅为content。从页面布局来说前者实际上更实用一点，这也是后来W3C提供box-sizing属性用于切换盒子模型的原因。
题目三：
关于两种写法优劣的，可以看看一下这篇外网文章How to write async await without try-catch blocks in Javascript。文章作者可能也是这种写法的创始者，他从go-lang编程中获得灵感，使用ts造了相应的轮子：await-to-js。

题目四：
• 缓存利用： 缓存 Ajax，使用 CDN、外部 JavaScript 和 css 文件缓存，添加 Expires 头，在服务器端配置 Etag，减少 DNS 查找等。
• 请求数量．合并样式和脚本，使用 css 图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。
• 请求带宽：压缩文件，开启 GZIP 。
• css 代码：避免使用 css 表达式、高级选择器、通配选择器 。
• JavaScript 代码：用散列表来优化查找，少用全局变量，用 innerHTML 代替 DOM 操作，减少 DOM 操作次数，优化 JavaScript 性能，用 setTimeout 避免页面失去响应，缓 存 DOM 节点查找的结果，避免使用 with (with 会创建自己的作用域， 增加作用域链的 长度），多个变量声明合并。
• HTML 代码：避免图片和 iFrame 等 src 属性为空 。 src 属性为空，会重新加载当前页面 ， 影响速度和效率 ， 尽量避免在 HTML 标签中写 Style 属性。