主要取材于 https://blog.csdn.net/weixin_44392418/article/details/88806841，供我自己参考，方家忽略。
一、HTML5 新特性
- 画布 canvas；
- 用以回放媒体的 video 和 audio 元素；
- 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
- sessionStorage 的数据在浏览器关闭后自动删除；
- 语义化更好的内容元素，比如 article、footer、header、nav、section 等；
- 表单控件，calendar、date、time、email、url 等；
- 新的技术 webworker、websocket、geolocation 等；
- 移除的元素：
- 纯表现的元素：basefont、big、center、font 等；
- 产生负面影响的元素：frame、frameset 等；
- IE8/7/6 支持通过 document.createElemet 方法产生新的标签，可以利用这 一特性使其支持 HTML5 新标签。
二、语义化的理解
- HTML 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
- 在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的；
- 搜索引擎的爬虫依赖标记来确定上下文和各个关键字的权重，利于 SEO；
- 使阅读源代码的人更容易将网站分块，便于阅读维护理解。
三、jQuery 与 jQuery UI 有啥区别？
- jQuery 是一个 js 库，主要提供的功能是选择器，属性修改和事件绑定等等。
- jQuery UI 则是在 jQuery 的基础上，利用其扩展性设计的插件。提供了常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
四、闭包
由于函数内部定义变量作用域问题，如果外部想用这个内部函数创建的一个变量；那就需要在这个函数内部在创建一个函数，创建的这个函数相当于一个桥梁把内部外部函数的变量抛出，这样就解决了不能访问这个变量的问题，那这个内部函数就称为闭包。
闭包的特性：
- 函数内再嵌套函数
- 内部函数可以引用外层的参数和变量
- 参数和变量不会被垃圾回收机制回收
概括的说，闭包就是能够读取其他函数内部变量的函数，在本质上，它是将函数内部和函数外部连接起来的一座桥梁。
五、typeof 的作用
- 对于数字类型的操作数而言，
typeof返回的值是number。比如说：typeof(1)返回的值就是number。对于非常规的数字类型而言，其结果返回的也是number。比如typeof(NaN)，NaN在 JavaScript 中代表的是特殊非数字值，但它本身是一个数字类型。在 JavaScript 中，特殊的数字类型还有Infinity，表示无穷大的特殊值； - 对于字符串类型，
typeof返回的值是string。比如typeof("123")返回的值是string； - 对于布尔类型，
typeof返回的值是boolean。比如typeof(true)返回的值是boolean； - 对于对象、数组、
null返回的值是object。比如typeof(window)、typeof(document)、typeof(null)返回的值都是object； - 对于函数类型，返回的值是
function。比如typeof(eval)、typeof(Date)返回的值都是function； - 如果运算数是没有定义的（比如说不存在的变量、函数或者
undefined），将返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined。
六、常见的状态码分别表示什么
1**（信息类）：接受到请求并且继续处理
2**（响应成功）：表示动作被成功接受，理解和接受
200– 表示请求被成功完成，请求的资源发送回客户端202– 接受和处理，但处理未完成203– 返回信息不确定或不完整204– 请求收到，但返回信息为空
3**（重定向）：为了完成指定的动作，必须接受进一步处理
300– 请求的资源可在多处得到；301– 本页面被永久性转移到另一个 URL；304-自从上次请求后，请求的网页未修改过，服务器返回此响应时，不会返回网页内容，代表上次的文档已经被缓存了，还可以继续使用；305– 请求的资源必须从服务器指定的地址得到。
4**（客户端错误类）
400– 客户端请求语法错误，不能被服务器所理解；403– 禁止访问，服务器收到请求，但是拒绝提供服务；404– 服务器无法取得所请求的网页，请求资源不存在。
七、JavaScript 异步加载方案
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if (script.readyState) { // IE script.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { // Others: Firefox, Safari, Chrome, and Opera script.onload = function() { callback(); }; } script.src = url; document.body.appendChild(script); } |
八，CSS 选择符有哪些，哪些属性可以继承
- id 选择器（
#myid） - 类选择器（
.myclassname） - 标签选择器（
div,h1,p） - 相邻选择器（
h1 + p） - 子选择器（
ul > li） - 后代选择器（
li a） - 通配符选择器（
*） - 属性选择器（
a[rel = "external"]） - 伪类选择器（
a:hover, li:nth-child）
- 可继承的样式：
font-size、font-family、color、UL、LI、DL、DD、DT； - 不可继承的样式：
border、padding、margin、width、height。