新的一期又来了,上期的面试题,各位同学找到答案了吗?现在下来有三期了呢,我们把面试题积少成多,不知不觉就会发现,我们自身的面试题储存量变得很多呢,为了同学们的面试更加顺利。今天还是给大家准备了五道面试题哦~
11.知道的网页制作会用到的图片格式有哪些?
12.知道什么是微格式吗?谈谈理解。在前端构建中应该考虑微格式吗
13.在 css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次 js请求一般情况下有哪些地方会有缓存处理
14.一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
15.你如何理解 HTML 结构的语义化
答案将在下期结尾展示,大家可以在此之前自行查找答案呦~。
接下来小优要为大家公布上期答案了,各位看官准备好了吗?
二. 上期答案公布
6 、 你 能 描 述 一 下 渐 进 增 强 和 优 雅 降 级 之 间 的 不 同 吗? ?
答;渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。
区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。
7 、为什么利用多个域名来存储网站资源会更有效?
答: CDN 缓存更方便突破浏览器并发限制节约 cookie 带宽节约主域名的连接数,优化页面响应速度防止不必要的安全问题
8 、请谈一下你对网页标准和标准制定机构重要性的理解。
答: 网页标准和标准制定机构都是为了能让 web 发展的更‘健康’,开发者遵循统一的标准,降低开发难度,开发成本,SEO 也会更好做,也不会因为滥用代码导致各种 BUG、安全问题,最终提高网站易用性。
9 、请描述一下 cookies ,e sessionStorage 和 和 e localStorage 的区别?
答:sessionStorage (session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是一种持久化的本地存储,仅仅是会话级别的存储。而 localStorage 用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。web storage 和 cookie 的区别Web Storage 的概念和 cookie 相似,区别是它是为了更大容量存储设计的。Cookie 的大小是受限的,并且每次你请求一个新的页面的时候 Cookie 都会被发送过去,这样无形中浪费了带宽,另外 cookie 还需要指定作用域,不可以跨域调用。除此之外,Web Storage 拥有 setItem,getItem,removeItem,clear 等方法,不像 cookie需要前端开发者自己封装 setCookie,getCookie。但是 Cookie 也是不可以或缺的:Cookie的作用是与服务器进行交互,作为 HTTP 规范的一部分而存在 ,而 Web Storage 仅仅是为了在本地“存储”数据而生。
10 、简述一下 c src 与 与 f 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 方式。