前端面试Html篇

div.dataset.commentNum;//10需要注意的是，data-组合属性后用连字符隔开的多个单词，获取时使用驼峰式。并非所有浏览器都支持.dataset属性，只有Chrome和Opera在测试的浏览器中支持它。5.请描述cookies、sessionStorage和localStorage的区别。☆☆☆回答sessionStorage、localStorage、cookies都是存储在浏览器端的数据。使用本地数据，可以避免浏览器和服务器之间不必要的数据传输。sessionStorage和localStorage由HTML5WebStorageAPI提供，可用于在Web请求之间保存数据。Cookie将被发送到服务器端。其他两个不会。每个域名的存储容量比较小（每个浏览器不同，大约4K）所有域名的存储容量是有限的（每个浏览器不同，大约4K）有数量限制（每个浏览器不同）会随请求发送到服务器LocalStorage永久存储单个域名的存储容量比较大（推荐5MB，不同浏览器）整体不限SessionStorage只在session内有效，存储容量较大（建议不限制），但实际上每个浏览器都不一样）sessionStorage的概念很特殊，引入了一个“浏览器窗口”的概念。sessionStorage是始终存在于同一来源的同一窗口（或选项卡）中的数据。也就是说，只要浏览器窗口没有关闭，即使刷新页面或者进入另一个同源页面，数据仍然存在。sessionStorage在窗口关闭时被销毁。不同窗口同时“独立”打开，即使是同一个页面，sessionStorage对象也不一样6.请解释之间放置CSS在之前？你知道有哪些例外吗？答：浏览器从上到下依次解析html文档。把css文件放在头部，css文件可以先加载。避免先加载body内容，导致页面先乱后闪。将javascript文件放在最下面的原因是：如果把javascript文件放在头部，就意味着要等到所有的javascript代码都下载、解析、执行完毕，才开始渲染页面内容。这会导致呈现页面时出现明显的延迟，从而使窗口空白。为了避免此类问题，所有的javascript文件一般都放在body元素中页面内容的后面。对于页面加载的问题，先加载页面，再加载效果，提升用户体验。8.什么是渐进式渲染？答：从具体的使用场景切分渲染。不同的Level其实对应着不同的页面内容。论坛就是一个比较明显的例子。想象一个论坛：网页的静态部分，HTML固定内容，比如导航栏和底页顶屏的内容，比如某主题页顶屏看不到的内容论坛，比如在主题下回复一定数量后切换路由才会显示的页面，比如导航的另一个页面。对于这样的情况，显然有几种可能的选择渲染拆分方案全部在客户端渲染1,2,3在服务器端渲染，4等到用户点击从浏览器抓取1,2在客户端渲染服务端，评论由客户端加载只有1条呈现在服务端，动态数据全部由客户端抓取。对于这些解决方案，服务器的性能开销是不同的，形成了一个梯度。最后一种情况，服务器预编译页面，几乎没有渲染负担。根据实际的Scenarios，可以设计更多的Level..只是没那么简单。9.你知道其他基于HTML的模板引擎吗？答：现在市场上最火的就是翡翠。如果您有兴趣，可以从Node.js转到jade-HTML模板引擎10。H5有哪些新功能？答：drag&drop,pattern,datalist,download,prefetchanddns-perfetchandlayoutattributessection,article,nav等。记住：很多面试官只列出新标签