Web前端常见题目及答案

HTML1、Doctype作用?严格模式与混杂模式如何区分？它们有何意义?!DOCTYPE声明位于文档中的最前面，处于html标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。行内元素有：span,strong,em,br,img,input,label,select,textarea,cite块级元素有：div,p,form,ul,i,ol,dl,form,address,fieldset,hr,menu,table知名的空元素：brhrimginputlinkmeta鲜为人知的是：areabasecolcommandembedkeygenparamsourcetrackwbr3、介绍一下CSS的盒子模型？4、link和@import的区别是？link属于XHTML标签，而@import是CSS提供的;页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是XHTML标签，无兼容问题;link方式的样式的权重高于@import的权重.5、CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？6、如何居中div？如何居中一个浮动元素？居中div{margin:0auto;}居中浮动元素7、浏览器的内核分别是什么?IE浏览器的内核Trident、Mozilla的Gecko、Safari的WebKit、Chrome的Blink（WebKit的分支）、Opera内核原为Presto，现为Blink。8、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？9、语义化的理解？10、HTML5的离线储存？11、(写)描述一段语义的html代码吧。12、iframe有那些缺点？13、请描述一下cookies，sessionStorage和localStorage的区别？CSS1、列出display的值，说明他们的作用。position的值，relative和absolute定位原点是？2、CSS3有哪些新特性？3、一个满屏品字布局如何设计?4、经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？5、为什么要初始化CSS样式。6、absolute的containingblock计算方式跟正常流有什么不同？7、position跟display、margincollapse、overflow、float这些特性相互叠加后会怎么样？8、对BFC规范的理解？9、css定义的权重10、解释下浮动和它的工作原理？清除浮动的技巧11、用过媒体查询，针对移动端的布局吗？12、使用CSS预处理器吗？喜欢那个？JavaScriptJavaScript原型，原型链?有什么特点？eval是做什么的？null，undefined的区别？写一个通用的事件侦听器函数。Node.js的适用场景？介绍js的基本数据类型。Javascript如何实现继承？[1,2,3].map(parseInt)答案是多少？如何创建一个对象?（画出此对象的内存图）谈谈This对象的理解。事件、IE与火狐的事件机制有什么区别？如何阻止冒泡？什么是闭包（closure），为什么要用它？“usestrict”;是什么意思?使用它的好处和坏处分别是什么？如何判断一个对象是否属于某个类？new操作符具体干了什么呢?Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？JSON的了解？js延迟加载的方式有哪些？ajax是什么?同步和异步的区别?如何解决跨域问题?模块化怎么做？AMD（Modules/Asynchronous-Definition）、CMD（CommonModuleDefinition）规范区别？异步加载的方式有哪些？.call()和.apply()的区别？Jquery与jQueryUI有啥区别？JQuery的源码看过吗？能不能简单说一下它的实现原理？jquery中如何将数组转化为json字符串，然后再转化回来？针对jQuery的优化方法？JavaScript中的作用域与变量声明提升？如何编写高性能的Javascript？那些操作会造成内存泄漏？JQuery一个对象可以同时绑定多个事件，这是如何实现的？其他你遇到过比较难的技术问题是？你是如何解决的？常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？页面重构怎么操作？列举IE与其他浏览器不一样的特性？99%的网站都需要被重构是那本书上写的？什么叫优雅降级和渐进增强？WEB应用从服务器主动推送Data到客户端有那些方式？对Node的优点和缺点提出了自己的看法？你有哪些性能优化的方法？http状态码有那些？分别代表是什么意思？一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？你常用的开发工具是什么，为什么？对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？加班的看法？平时如何管理你的项目？如何设计突发大规模并发架构？说说最近最流行的一些东西吧？常去哪些网站？移动端（AndroidIOS）怎么做好用户体验?你在现在的团队处于什么样的角色，起到了什么明显的作用？你认为怎样才是全端工程师（FullStackdeveloper）？介绍一个你最得意的作品吧？最近在学什么？能谈谈你未来3，5年给自己的规划吗？