牛客网-HTML5、CSS3错题集（01）

 =========================================================================

各位看官为方便大家在看错题时有先做一遍的习惯，本人将解析放前，答案放后。这样不小心往下滑一点也不会看到答案哒~，避免影响大家思考...(#^.^#)

=========================================================================

1.单选（）

解析：

答案：C

=========================================================================

 2.单选（）

解析：

preload 属性设置或返回是否在页面加载后立即加载音频/视频；

autoplay 属性设置或返回音视频是否在加载后即开始播放；

buffered 属性返回用户已缓冲音视频的时间范围；

controller 属性返回音视频的当前媒体控制器；

答案：A

=========================================================================

3.多选（）

解析：

display:none可以理解为看不见摸不着
visibility：hidden可以理解为看不见摸得着

repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。

reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。

display:none改变了dom的结构，所以产生了reflow

visibility:hidden没有改变dom结构，触发repaint

答案：A B

=========================================================================

 4.多选（）

解析：

JSON的描述性没有XML好。JSON与JS交互更加方便，更容易解析处理，更好的数据交互；相比XML数据体积小，传递更快。

进阶：

JSON 和 XML 优缺点的比较

【XML】的优缺点

优点：

（1）格式统一，符合标准；

（2）容易与其他系统进行远程交互，数据传输比较方便。

缺点：

（1）XML文件庞大，文件格式复杂，传输占带宽；

（2）服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；

（3）客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；

（4）服务器端和客户端解析XML花费较多的资源和时间。 

【JSON】的优缺点

优点：

（1）数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；

（2）易于解析，客户端JavaScript可以简单的通过eval_r()进行JSON数据的读取；

（3）支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；

（4）在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；

（5）因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。

缺点：

（1） 没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；

（2）JSON格式目前在Web Service中推广还属于初级阶段

更加详细介绍：JSON 和 XML 优缺点的比较 - AlinaXia - 博客园

答案：A B D

=========================================================================

希望本人的错题集，可以帮助大家差缺补漏，拒接踩坑，从兔做起

今天刷了两套HTML、CSS，绝了！正确率都是40%...

 2022-03-16