前端知识点

1. Doctype的作用

• 告诉浏览器以何种规范去解析页面

2. div+css布局较table布局有何特点

• 方便后期维护
• 页面加载速度更快、页面结构更清晰、显示更加整洁

3. 渐进增强与优雅降级的区别

• 渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，在针对高版本的浏览器追加功能和效果，相较于更合理的设计规范
• 优雅降级：针对最高级最完善的浏览器来设计网站，把测试对象限定为主流浏览器，对于低版本浏览器只能保证“简陋却无妨”的浏览体验

4. 为什么利用多个域名来储存网站资源会更有效

• CDN缓存更方便
• 突破浏览器并发限制
• 节约带宽
• 优化页面响应速度
• 防止不必要的安全问题

5. cookie、sessionStorage和localStorage的区别

• sessionStorage是用于本地储存一个回话级别的（session）中的数据，只能存在与同一个回话中的页面才能访问，并且访问结束也随之销毁
• localStorage是用于本地持久化储存，除非主动删除，否则永久有效

 web storage和cookie的区别

cookie是大小受限制，只有4k左右容量
cookie在每次请求一个新页面的时候cookie都会被发送过去，浪费带宽
cookie不能进行跨域调用
cookie的作用是与服务器进行交互

web storage拥有setItem， getItem, removeItem,clear等方法
web storage仅仅是为了本地“储存数据而生”

6. src与href的区别

• src用于替换当前元素
• href 用于当前文档和引用资源之间确立联系

7. 如何理解HTML结构语义化

• 旨在当样式丢失时，页面也可以结构清晰
• 屏幕阅读器会根据标记来读取网页
• 易于搜索引擎爬虫的读取识别
• 便于团队开发与维护

8. 从前端角度出发网站SEO需要考虑哪些方面

• Meta 标签的优化
• 链接交换与链接广泛度
• 合理的标签使用

9. 外边距重叠的结果

• 两个相邻的外边距都为正数时，折叠结果为较大的值
• 两个相邻的外边距都为负数时，折叠结果为两者绝对值的较大值
• 两个相邻的外边距一正一负时，折叠结果为两者相加的和

10. rgba（）和opacity的透明效果有什么不同

• rgba（）作用于元素的颜色和背景色
• opacity作用于元素以及元素内的所有内容的透明度

11. 取小数 指定位数

function(value,length) {
    return Math.round(Number(value) * Math.pow(10, length)) / Math.pow(10, length)
}