web前端面试题[收集].pdfVIP

一、 html+css 部分、 （1）css 盒模型，可能会要求手写一个布局， 这个布局基本上用到的 css 是 margin 的负值， boxing-sizing ：border-box ，布局尽量往这方面想。浏览器布局的基 本元素是盒，在 w3c 的标准模式下， width=width ，但是在怪异模式下， width=border*2+padding*2+width; 其中后代元素的 width ：100%；参照的是右 边的那个 width ， （2）html5 的新特性 1、标签语义化，比如 header ，footer ，nav ，aside ，article ，section 等，新 增了很多表单元素，入 email ，url 等，除去了 center 等样式标签，还有除去了 有性能问题的 frame ，frameset 等标签 2、音视频元素， video ，audio 的增加使得我们不需要在依赖外部的插件就可以 往网页中加入音视频元素。 3、新增很多 api ，比如获取用户地理位置的 window.navigator.geoloaction ， 4 、websocket websocket 是一种协议，可以让我们建立客户端到服务器端的全双工通信，这就 意味着服务器端可以主动推送数据到客户端， 5、webstorage ，webstorage 是本地存储，存储在客户端，包括 localeStorage 和 sessionStorage ，localeStorage 是持久化存储在客户端， 只要用户不主动删 除，就不会消失， sessionStorage 也是存储在客户端，但是他的存在时间是一 个回话，一旦浏览器的关于该回话的页面关闭了， sessionStorage 就消失了， 6、缓存 html5 允许我们自己控制哪些文件需要缓存，哪些不需要，具体的做法如下： 1、首先给 html 添加 manifest 属性，并赋值为 cache.manifest 2、cache.manifest 的内容为 : CACHE MANIFEST #v1.2 CACHE : // 表示需要缓存的文件 a.js b.js NETWORK: // 表示只在用户在线的时候才需要的文件，不会缓存 c.js FALLBACK / /index.html // 表示如果找不到第一个资源就用第二个 资源代替 7、web worker ，web worker 是运行在浏览器后台的 js 程序，他不影响主程序 的运行，是另开的一个 js 线程，可以用这个线程执行复杂的数据操作，然后把 操作结果通过 postMessage 传递给主线程， 这样在进行复杂且耗时的操作时就不 会阻塞主线程了。 （3）对 html5 的语义话的理解 html5 的语义化指的是用正确的标签包含正确的内容，比如 nav 标签，里面就应 该包含导航条的内容， 而不是用做其他的用途， 标签语义化的好处就是结构良好， 便于阅读，方便威化，也有利于爬虫的查找，提高搜索率。 （4）cookie ，sessionStorage ，localeStorage 的区别 cookie 是存储在浏览器端，并且随浏览器的请求一起发送到服务器端的，它有 一定的过期时间， 到了过期时间自动会消失。 sessionStorage 和 localeStorage 也是存储在客户端的，同属于 web Storage ，比 cookie 的存储大小要大有 8m， cookie 只有 4kb ，localeStorage 是持久化的存储在客户端，如果用户不