前端—每天5道面试题（十一）

前端—每天5道面试题（十一）

前端—每天5道面试题（十一）

每天进步1% 不多 就1%

一、简述对 Web 语义化的理解？

就是让浏览器更好的读懂你写的代码，在进行 HTML 结构、表现、行为设计时，尽量使用语义化的标签，使程序代码简介明了，易于进行 Web 操作和网站 SEO，方便团队协作的一种标准，以图实现一种“无障碍”的 Web 开发。

二、合理的页面布局中常听过结构与表现分离，那么结构是什么？表现是什么？

结构是 html，表现是 css

三、你能描述一下渐进增强和优雅降级之间的不同吗？

渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带，举个例子：

a{display： block；width： 200px；height： 100px；background：aquamarine；/*我就是要用这个新 css 属性*/transition： all 1s ease 0s；/*可是发现了一些低版本浏览器不支持怎么吧*//*往下兼容*/-webkit-transition：all 1s ease 0s；-moz-transition：all 1s ease 0s；-o-transition： all 1s ease 0s；/*那么通常这样考虑的和这样的侧重点出发的 css 就是优雅降级*/}a：hover{height： 200px；}/ *那如果我们的产品要求我们要重低版本的浏览器兼容开始*/a{/*优先考虑低版本的*/-webkit-transition：all 1s ease 0s；-moz-transition：all 1s ease 0s；-o-transition： all 1s ease 0s；/*高版本的就肯定是渐进渐强*/transition： all 1s ease 0s；}

“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。“渐进增强”观点则认为应关注于内容本身。

四、display： none；与 visibility： hidden 的区别是什么？

display：none； 使用该属性后，HTML 元素（对象）的宽度、高度等各种属性值都将 “丢失”；visibility：hidden； 使用该属性后，HTML 元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。

五、Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

如何触发两种模式？

DOCTYPE 不存在或形式不正确会导致 HTML 和 XHTML 文档以混杂模式呈现触发严格模式

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。