web前端面试题目汇总x5_qckba.docxVIP

最新前端开?发工程师面?试题——HTML部?分   　　1、Docty?pe作用? 严格模式与?混杂模式如?何区分？它们有何意?义?  　　（1）、 声明位于文?档中的最前?面，处于 标签之前。告知浏览器?的解析器，用什么文档?类型 规范来解析?这个文档。?  　　（2）、严格模式的?排版和 JS 运作模式是???以该浏览器?支持的最高?标准运行。  　　（3）、在混杂模式?中，页面以宽松?的向后兼容?的方式显示?。模拟老式浏?览器的行为?以防止站点?无法工作。  　　（4）、DOCTY?PE不存在?或格式不正?确会导致文?档以混杂模?式呈现。  　　2、行内元素有?哪些？块级元素有?哪些？?  　　（1）CSS规范?规定，每个元素都?有disp?lay属性?，确定该元素?的类型，每个元素都?有默认的d?ispla?y值，??比如div?默认dis?play属?性值为“block?”，成为“块级”元素；??span默?认disp?lay属性?值为“inlin?e”，是“行内”元素。??  　　（2）行内元素有?：a b span img input? selec?t stron?g（强调的语气?）??块级元素有?：div ul ol li dl dt dd h1 h2 h3 h4…p?? 　　3、link 和@impor?t 的区别是？  　　（1）link属?于XHTM?L标签，而@impor?t是CSS?提供的;  　　（2）页面被加载?的时，link会?同时被加载?，而@impor?t引用的C?SS会等到?页面被加载?完再加载;  　　（3）impor?t只在IE?5以上才能?识别，而link?是XHTM?L标签，无兼容问题?;  　　（4）link方?式的样式的?权重 高于@impor?t的权重.?  　　4、浏览器的内?核分别是什?么?   　　IE浏览器?的内核Tr?ident?、Mozil?la的Ge?cko、Chrom?e的Bli?nk（WebKi?t的分支）、Opera?内核原为P?resto?，现为Bli?nk；   　　5、HTML5?有哪些新特?性？如何处理H?TML5新?标签的浏览?器兼容问题?？如何区分 HTML 和 HTML5?？   　　HTML5? 现在已经不?是 SGML 的子集，主要是关于?图像，位置，存储，多任务等功?能的增加。 　 　　绘画 canva?s????用于媒介回?放的 video? 和 audio? 元素?? 本地离线存?储 local?Stora?ge 长期存储数?据，浏览器关闭?后数据不丢?失；??sessi?onSto?rage 的数据在浏?览器关闭后?自动删除??语意化更好?的内容元素?，比如 artic?le、foote?r、heade?r、nav、secti?on?? 表单控件，calen?dar、date、time、email?、url、searc?h????新的技术w?ebwor?ker, webso?ckt, Geolo?catio?n  　　6、对语义化如?何理解？  　　用正确的标?签做正确的?事情！  　　HTML语?义化就是让?页面的内容?结构化，便于对浏览?器、搜索引擎解?析；在没有样式?CCS情况?下也以一种?文档格式显?示，并且是容易?阅读的。搜索引擎的?爬虫依赖于?标记来确定?上下文和各?个关键字的?权重，利于 SEO。使阅读源代?码的人对网?站更容易将?网站分块，便于阅读维?护理解。  　　7、HTML5?的离线储存?有几种方式?？  　　local?Stora?ge长期存?储数据，浏览器关闭?后数据不丢?失；sessi?onSto?rage??数据在浏览?器关闭后自?动删除。  　　8、ifram?e有那些缺?点？  　　ifram?e会阻塞主?页面的On?load事?件；  　　ifram?e和主页面?共享连接池?，而浏览器对?相同域的连?接有限制，所以会影响?页面的并行?加载。使用ifr?ame之前?需要考虑这?两个缺点。如果需要使?用ifra?me，最好是通过?javas?cript?动态给if?rame添?加src属?性值，这样可以可?以绕开以上?两个问题。  　　9、请描述一下? cooki?es，sessi?onSto?rage 和 local?Stora?ge 的区别？  cooki?e在浏览器?和服务器间?来回传递。 sessi?onSto?rage和?local?Stora?ge不会s?essio?nStor?age和l?ocalS?torag?e的存储空?间更大；sessi?onSto?rage和?local?Stora?ge有更多?丰富易用的?接口；ses