HTML5 等前端知识精要

主要取材于 https://blog.csdn.net/weixin_44392418/article/details/88806841,供我自己参考,方家忽略。

一、HTML5 新特性

  1. 画布 canvas;
  2. 用以回放媒体的 video 和 audio 元素;
  3. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
  4. sessionStorage 的数据在浏览器关闭后自动删除;
  5. 语义化更好的内容元素,比如 article、footer、header、nav、section 等;
  6. 表单控件,calendar、date、time、email、url 等;
  7. 新的技术 webworker、websocket、geolocation 等;
  8. 移除的元素:
    • 纯表现的元素:basefont、big、center、font 等;
    • 产生负面影响的元素:frame、frameset 等;
  9. IE8/7/6 支持通过 document.createElemet 方法产生新的标签,可以利用这 一特性使其支持 HTML5 新标签。

二、语义化的理解

  • HTML 语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
  • 在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的;
  • 搜索引擎的爬虫依赖标记来确定上下文和各个关键字的权重,利于 SEO;
  • 使阅读源代码的人更容易将网站分块,便于阅读维护理解。

三、jQuery 与 jQuery UI 有啥区别?

  • jQuery 是一个 js 库,主要提供的功能是选择器,属性修改和事件绑定等等。
  • jQuery UI 则是在 jQuery 的基础上,利用其扩展性设计的插件。提供了常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。

四、闭包
由于函数内部定义变量作用域问题,如果外部想用这个内部函数创建的一个变量;那就需要在这个函数内部在创建一个函数,创建的这个函数相当于一个桥梁把内部外部函数的变量抛出,这样就解决了不能访问这个变量的问题,那这个内部函数就称为闭包。

闭包的特性:

  • 函数内再嵌套函数
  • 内部函数可以引用外层的参数和变量
  • 参数和变量不会被垃圾回收机制回收

概括的说,闭包就是能够读取其他函数内部变量的函数,在本质上,它是将函数内部和函数外部连接起来的一座桥梁。

五、typeof 的作用

  1. 对于数字类型的操作数而言,typeof 返回的值是 number。比如说:typeof(1) 返回的值就是 number。对于非常规的数字类型而言,其结果返回的也是 number。比如 typeof(NaN)NaN 在 JavaScript 中代表的是特殊非数字值,但它本身是一个数字类型。在 JavaScript 中,特殊的数字类型还有 Infinity,表示无穷大的特殊值;
  2. 对于字符串类型, typeof 返回的值是 string。比如 typeof("123") 返回的值是 string
  3. 对于布尔类型,typeof 返回的值是 boolean。比如 typeof(true) 返回的值是 boolean
  4. 对于对象、数组、null 返回的值是 object 。比如 typeof(window)typeof(document)typeof(null) 返回的值都是 object
  5. 对于函数类型,返回的值是 function。比如 typeof(eval)typeof(Date) 返回的值都是 function
  6. 如果运算数是没有定义的(比如说不存在的变量、函数或者 undefined),将返回 undefined。比如:typeof(sss)typeof(undefined) 都返回 undefined

六、常见的状态码分别表示什么

1**(信息类):接受到请求并且继续处理

2**(响应成功):表示动作被成功接受,理解和接受

  • 200 – 表示请求被成功完成,请求的资源发送回客户端
  • 202 – 接受和处理,但处理未完成
  • 203 – 返回信息不确定或不完整
  • 204 – 请求收到,但返回信息为空

3**(重定向):为了完成指定的动作,必须接受进一步处理

  • 300 – 请求的资源可在多处得到;
  • 301 – 本页面被永久性转移到另一个 URL;
  • 304 -自从上次请求后,请求的网页未修改过,服务器返回此响应时,不会返回网页内容,代表上次的文档已经被缓存了,还可以继续使用;
  • 305 – 请求的资源必须从服务器指定的地址得到。

4**(客户端错误类)

  • 400 – 客户端请求语法错误,不能被服务器所理解;
  • 403 – 禁止访问,服务器收到请求,但是拒绝提供服务;
  • 404 – 服务器无法取得所请求的网页,请求资源不存在。

七、JavaScript 异步加载方案

八,CSS 选择符有哪些,哪些属性可以继承

  1. id 选择器(#myid
  2. 类选择器(.myclassname
  3. 标签选择器(div, h1, p
  4. 相邻选择器(h1 + p
  5. 子选择器(ul > li
  6. 后代选择器(li a
  7. 通配符选择器(*
  8. 属性选择器(a[rel = "external"]
  9. 伪类选择器(a:hover, li:nth-child
  • 可继承的样式:font-sizefont-familycolorULLIDLDDDT
  • 不可继承的样式:borderpaddingmarginwidthheight

发表评论

电子邮件地址不会被公开。 必填项已用*标注