宸继人才十大面试技巧帮你入职名企.docxVIP

宸继人才：十大面试技巧帮你入职名企每一位程序员在web前端的面试中都会遇到很多技术问题，今天宸继人才发展中心web前端培训导师season为大家总结10个常见的web前端面试题，希望大家能够在面试时能更加胸有成竹。　　1.HTML5?为什么只需要写？　　html5不基于SGML(标准通用语言)，因此不需要对DTD(文档类型定义)进行引用，但需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式运行)　　而html4.01基于SGML，所以需要对DTD进行应用，才能告知浏览器文档所使用的文档类型。　　2.页面导入样式时，使用link和@import有什么区别？　　1).link属于XHTML标签，而@import是CSS提供的；　　2).页面被加载的时，link会同事被加载，而@import引用的CSS会等到页面被加载完再加载；　　3).import只有在IE5以上才能被识别，而link是XHTML标签，无兼容问题;　　4).link方式的样式的权重@import的权重　　3.简述一下你对HTML语义化的理解？　　HTML语义化是指根据内容的结构化(内容语义化)，选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。　　HTML语义化的主要目的是：　　1).为了在没有css的情况下，页面也能呈现出很好地内容结构、代码结构　　2).有利于用户体验　　3).有利于SEO和搜索引擎建立良好的沟通。　　4).方便其他设备解析以意义的方式来渲染网页、5).便于团队开发和维护，增加可读性。　　4.常见的浏览器内核有哪些？　　IE浏览器的内核：Trident、　　Mozilla的Gecko、　　Chrome的Blink(WebKit的分支)、　　Opera内核原为Presto，现为Blink　　5.xhtml和html有什么区别　　HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言　　最主要的不同：　　XHTML元素必须被正确地嵌套。　　XHTML元素必须被关闭。　　标签名必须用小写字母。　　XHTML文档必须拥有根元素　　6.行内元素有哪些?块级元素有哪些?CSS的盒模型?　　块级元素：div p h1 h2 h3 h4 form ul　　行内元素: a b br i span input select　　Css盒模型:内容，border ,margin，padding　　7.前端页面有哪三层构成，分别是什么?作用是什么?　　结构层Html表示层CSS行为层js　　8.标签上title与alt属性的区别是什么?　　Alt当图片不显示是用文字代表。　　Title为该属性提供信息　　9.你如何对网站的文件和资源进行优化?　　文件合并　　文件最小化/文件压缩　　使用CDN托管　　缓存的使用　　10.解释jsonp的原理，以及为什么不是真正的ajax　　动态创建script标签，回调函数　　Ajax是页面无刷新请求数据操作