CSS

1. 盒模型组成是什么？，box-sizing 有什么作用

下图为标准盒子（W3C 标准）

1. 盒模型：margin(外边距) padding(内边距) border(边框) content(内容)

2. box-sizing:content-box / border-box / inherit 有以下三个属性

   • content-box:指定元素的宽度和高度（最小/最大属性）适用于 box 的宽度和高度，元素的填充和边框布局和绘制指定宽度和高度除外.
   • border-box:指定宽度和高度（最小/最大属性）确定元素边框 box，对元素指定宽度和高度包括 padding 和 border 的指定，内容的宽度和高度减去各自双方该边框和填充的宽度从指定的“宽度”和“高度”属性计算
   • inherit:指定 box-sizing 属性的值，应该从父元素继承

HTML

1.HTML5 特性有哪些？语义化的做法有哪些，具体指的什么？

HTML5 新特性常用解释

1. 多媒体，用于媒介回访的 video 和 audio 元素
2. 图像效果，用于绘画的 canvas 元素， svg 元素等
3. 离线存储，对本地离线存储能够更好的支持，比如：loaclstorage, Cookilse 等
4. 设备兼容性特性，HTML5 体提供了数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连
5. 连接特性，更有效的连接工作效率，是的基于页面的实时聊天，更快的网页游戏体验，更优化的在线交流得以实现，同时拥有了更有效的推送技术，Server-Sent Event 和 WebScockets 就是其中共两个特性，这两个特性能够帮助我嫩实现服务器数据，实时“推送”到客户端。以 WebScockets 为示例

javaScript

1.js 的基本类型有哪些？引用类型有哪些？null 和 undefined 的区别

基础数据类型

undefined、null、boolean、number、string

引用数据类型

function、object、array

null 和 undefined 的区别

PurgeCSS

• 1. PurgeCSS 删除未使用的 CSS 代码