目录

一、div+css 的布局较 table 布局有什么优点？

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

三、请谈一下你对网页标准和标准制定机构重要性的理解。

四、为什么利用多个域名来存储网站资源会更有效？

五、请描述一下 cookies，sessionStorage 和 localStorage 的区别？

六、简述一下 src 与 href 的区别

七、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？（了解）

八、在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始， 一次 js 请求一般情况下有哪些地方会有缓存处理？

九、谈谈以前端角度出发做好 SEO 需要考虑什么？

十、CSS 都有哪些选择器？

十一、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？

十二、什么是响应式设计

一、div+css 的布局较 table 布局有什么优点？

改版的时候更方便 只要改 css 文件。

页面加载速度更快、结构化清晰、页面显示简洁。

表现与结构相分离。

易于优化（seo）搜索引擎更友好，排名更容易靠前。

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

渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（由低向高进行兼容）

优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。（由高向低进行兼容）

区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。

“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被直接忽略。

“渐进增强”观点则认为应关注于内容本身。内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在。

三、请谈一下你对网页标准和标准制定机构重要性的理解。

        网页标准和标准制定机构都是为了能让 web 发展的更‘健康’，开发者遵循统一的标准，降低开发难度，开发成本，SEO 也会更好做，也不会因为滥用代码导致各种 BUG、安全问题，最终提高网站易用性。

四、为什么利用多个域名来存储网站资源会更有效？

CDN 缓存更方便 突破浏览器并发限制

节约 cookie 带宽

节约主域名的连接数，优化页面响应速度

防止不必要的安全问题

五、请描述一下 cookies，sessionStorage 和 localStorage 的区别？

六、简述一下 src 与 href 的区别

src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。

src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。

<script src =”js.js”></script>

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js 脚本放在底部而不是头部。

href 是 Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）

或当前文档（链接）之间的链接，如果我们在文档中添加

<link href=”common.css” rel=”stylesheet”/>

那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。

这也是为什么建议使用 link 方式来加载 css，而不是使用@import 方式。

七、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？（了解）

微格式是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。

优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。

八、在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始， 一次 js 请求一般情况下有哪些地方会有缓存处理？

 dns 缓存，cdn 缓存，浏览器缓存，服务器缓存

九、谈谈以前端角度出发做好 SEO 需要考虑什么？

Meta 标签优化：主要包括主题（Title)，网站描述(Description)，和关键词（Keywords）。

十、CSS 都有哪些选择器？

css2

基础选择器: 通配符选择标签选择器类名选择器多类名选择器id

复合选择器: 交集并集子代后代

伪类选择器: lvha

css3

属性选择器、伪类选择器（:）、伪元素选择器（::）

十一、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？

最基本的：设置 display 属性为 none，或者设置 visibility 属性为 hidden

技巧性：设置宽高为 0，设置透明度为 0，设置 z-index 位置在-1000

十二、什么是响应式设计

响应式网站设计是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。

基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。

要在meta标签中表明 viewport 

最后

以上就是阔达蜜蜂为你收集整理的H5C3 查漏补缺一、div+css 的布局较 table 布局有什么优点？二、你能描述一下渐进增强和优雅降级之间的不同吗?三、请谈一下你对网页标准和标准制定机构重要性的理解。四、为什么利用多个域名来存储网站资源会更有效？五、请描述一下 cookies，sessionStorage 和 localStorage 的区别？六、简述一下 src 与 href 的区别七、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？（了解）八、在 css/js 代码上线之后开发人员经常会优化性能，从用户的全部内容，希望文章能够帮你解决H5C3 查漏补缺一、div+css 的布局较 table 布局有什么优点？二、你能描述一下渐进增强和优雅降级之间的不同吗?三、请谈一下你对网页标准和标准制定机构重要性的理解。四、为什么利用多个域名来存储网站资源会更有效？五、请描述一下 cookies，sessionStorage 和 localStorage 的区别？六、简述一下 src 与 href 的区别七、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？（了解）八、在 css/js 代码上线之后开发人员经常会优化性能，从用户所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。