新的一期又来了，上期的面试题，各位同学找到答案了吗？现在下来有四期了呢，我们把面试题积少成多，不知不觉就会发现，我们自身的面试题储存量变得很多呢，为了同学们的面试更加顺利。今天还是给大家准备了五道面试题哦~

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

17.有哪项方式可以对一个 DOM 设置它的 CSS 样式

18.CSS 都有哪些选择器？

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

20.超链接访问过后 hover 样式就不出现的问题是什么？如何解决？

答案将在下期结尾展示，大家可以在此之前自行查找答案呦~。

接下来小优要为大家公布上期答案了，各位看官准备好了吗？

二. 上期答案公布

11 、知道的网页制作会用到的图片格式有哪些？

png-8，png-24，jpeg，gif，svg。

但是上面的那些都不是面试官想要的最后答案。面试官希望听到是 Webp。（是否有关注新

技术，新鲜事物）

科普一下 Webp：WebP 格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。

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

微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。

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

答案：dns 缓存，cdn 缓存，浏览器缓存，服务器缓存。

14 、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。

图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。如果图片为 css 图片，可以使用 CSSsprite，SVGsprite，Iconfont、Base64 等技术。如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。

15 、你如何理解 L HTML 结构的语义化？

去掉或样式丢失的时候能让页面呈现清晰的结构：

html 本身是没有表现的，我们看到例如<h1>是粗体，字体大小 2em，加粗；<strong>是加粗的，不要认为这是 html 的表现，这些其实 html 默认的 css 样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点，但是浏览器都有有默

认样式，默认样式的目的也是为了更好的表达 html 的语义，可以说浏览器的默认样式和语义化的 HTML 结构是不可分割的。

很多问题其实答案很简单，但是背后的思考和逻辑不简单，要做到知其然还要知其所以然。最后小优祝大家学业有成~步步高升~