求职技巧

【面试真题】初级WEB前端开发面试题,你能答出来吗?(四)

时间:2021-12-01 10:07:26  作者:张老师

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

6161

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


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


18.CSS 都有哪些选择器?


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


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


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


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


二. 上期答案公布

441

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 结构是不可分割的。


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


相关文章
热门文章
招生对象

精彩专题

更好的了解北大青鸟

更多咨询