0324错题总结

1、css

 解析： link和@import的区别

1）link是xhtml标签，无兼容性问题；@import在css2.1提出，低版本浏览器不支持。

2）link可以加载css，js；@import只能加载js

3）link加载的内容是与页面同时加载；@import需要页面网页完全载入以后加载

4）link方式样式的权重高于@import的。

用法：

1）link的写法

( rel属性用于定义链接的文件和html文档之间的关系。StyleSheet的意思就是样式调用，rel=StyleSheet指定一个固定或首选的样式而rel="Alternate StyleSheet"定义一个交互样式。 )

​<link href="index.css" rel="stylesheet"/>

2）@import的写法

<style type="text/css">
    @import url('index.css')
</style>

 

2、媒体查询--针对不同媒体类型定义不同的而样式（响应式页面）

print用于打印机和打印机预览

没有mouse和key选项

3、BFC

BFC是块级格式化上下文，创建BFC的元素是一个独立的盒子，不过只有Block-level box可以参与创建BFC, 它规定内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。

内部的Box会在垂直方向，从顶部开始一个接一个地放置。

Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加。

每个元素的margin box的左边，与包含块border-box的左边相接触（对于从左往右的格式化，否则相反）。即使存在浮动也是如此。

BFC的区域不会与float box叠加。

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。

计算BFC的高度时，浮动元素也参与计算。

3、HTML5规范

A、id为纯数字

B、使用button元素必须指明type的属性值

C、html5可以省略结束标记的元素有

dd 、 dt、 li、 p、optgroup、 option、rt(标签定义字符（中文注音或字符）的解释或发音)、 rp、 thead、 tfoot、tr、td、th

D、input应该放到最前

5、html5

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

6、

Ajax的优势：1、可搜索性 2、开放性 3、费用 4、易用性 5、易于开发

Flash的优势：1、多媒体处理 2、 兼容性 3、矢量图形 4、客户端资源调度

Ajax的劣势：1、可能破坏浏览器的后退功能 2、使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中

Flash的劣势：1、二进制格式 2、格式私有 3、flash文件经常很大，用户第一次使用的时候需要忍耐较长的等待时间 5、性能问题

 

7、优化CSS图片加载

A、减少对服务器请求

B、体积小，矢量

C、体积小，矢量，集成度高

D、减少对服务器请求

8 css选择器的n从0开始

 

9、hsl(色相，饱和度， 明度)

 

red = 0 = 360;  green = 120;  blue = 240 

100%明度是白色， 0%明度是黑色，50%明度是一般的

10、document对象方法

A、window.onload

C、children是ParentNode的一个刻度属性，返回一个节点的子元素，是一个动态更新的HTMLCollection。

D、AJAX不是js的规范，用js执行异步网络请求。现代浏览器依赖XMLHttpRequest对象