前端笔试面试题目总结

1、精品word文档值得下载值得拥有希望对一起奋战找工作的战友们有帮助列举3个以上http请求头，响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值，列举4个以上说明解析ajax的意思，同步和异步的区别，异步请求有哪些状态，如何创建一个异步请求，异步请求完成过程，说下IE与其他浏览器的差异如何实现跨域请求，AJAX跨域的解决办法html有哪些常用标签，大概多少个，如何分类的,html5有哪些新增标签前端优化提高客户端响应速度的方法，至少10条以上平常用哪些开发工具，用什么插件，了解哪些类库，是否熟悉php,nodejs,看过哪些书网页设计中可以使用哪些图像格式，说下它们的优缺点一个元素

2、结点有哪些公共属性，哪些事件属性，各举5个以上盒模型一一外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。布局的方式有哪些使用缓存的方式有哪些，说下各种方式的优缺点与发展过程怎么实现一个元素的居中display,position 的属性值有哪些元素的属性简写，如font,background,html5有哪些新功能，都有哪些新的JS API,列举5条以上介绍几个css3的属性,选择器有哪些css的基本语句构成是，有哪些选择器，css3新增的有哪些CSS8I入样式的方式有哪些，link 和import的区别是，如何计算样式的优先级你做的页面在哪些流览器测试过？这些浏览

3、器的内核分别是什么？经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？常用到哪些类库，是否了解jq的实现，说一下对jq代码的理解，基本的架构或者jQuery.fn.init中都做了哪些判断，是否了解sizzle,前端页面由层级结构是怎样的，分别是什么？作用是什么？是否了解 MV(M型，在前端如何实现MVC精品word文档值得下载值得拥有精品word文档值得下载值得拥有简单介绍一下js的语法特点，数据类型说一下字符串,数组的常用方法js的继承方式js的运算符与优先级创建对象的方法JSONW JSONP勺区另IDO邮点的选择有哪些方法，有哪些元素集合可直接选取，如果选择一个节点有父节点，

4、子节点，兄弟节点（nextSibling 与nextElementSibling,IE与其他浏览器的差别）简单介绍DOW点层级节点怎样添加、移除、移动、复制、创建和查找节点IE与FF的JS兼容性都知道哪些IE事件流与其他浏览器事件流特点，绑定事件的差异正则表达式是否熟悉，有哪些元字符，何为分组，捕获,零宽断言，零宽度正预测先行断言，零宽度正回顾后发断言，如何实现贪婪匹配与懒惰匹配，简单写下邮箱验证、URL 佥证严格模式与混杂模式一一如何触发这两种模式，区分它们有何意义是否理解这些英文简写：HTML,CSS,XML,XHTML,E4X,Xpath,HTTP, W3C, WHATWG,MIME,E

5、CMA,BOM,DOM,URL,URI说下下面这些单词的来源与使用：Angular;Backbone;Console;Dir;Express;Grunt;Haslayout;Jsonp;Kissy;Mediaquery;Npm;Opacity;Querystring;Referer;Seajs;Trim;Vim;精品word文档值得下载 值得拥启 Fork;Iconfont;Localstorage;Prototype;Underscore;Worker;精品word文档值得下载值得拥有Xss;Yslow;Zepto;（淘宝控制台）HTML&CSS对WebB准的理解、浏览器内核差异、兼容性、h

6、ack、CSS8本功：布局、盒子模型、选择器优先级及使用、HTML5 CSS3移动端适应JavaScript :数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、 Nodejs、JSON ajax等。其他：HTTP安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO UED架构、职业生涯作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：此条由王子墨发表在前端随笔1、DO解构一一两个节点之间可能存在哪些关系以及如何在节点之间任意移动。2、DOMM乍一一如何添加、移除、移动、复制、创建和查找节点等。3、

7、事件 一一如何使用事件，以及IE和标准DOMJT件模型之间存在的差别。4、XMLHttpRequest这是什么、怎样完整地执行一次 GET青求、怎样检测错误。5、严格模式与混杂模式一一如何触发这两种模式，区分它们有何意义。精品word文档值得下载值得拥有精品word文档值得下载值得拥有6、盒模型 一一外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型7、块级元素与行内元素 一一怎么用CSSg制它们、以及如何合理的使用它们8、浮动元素一一怎么使用它们、它们有什么问题以及怎么解决这些问题。9、HTMUf XHTM二者有什么区别，你觉得应该使用哪一个并说出理由。10、JSON 作用、

8、用途、设计结构。HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义 ？行内元素有哪些？块级元素有哪些？空(void)元素有那些？介绍一下CSS的盒子模型？link 和import的区别是？CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？如何居中div ?如何居中一个浮动元素？浏览器的内核分别是什么？html5有哪些新特性、移除了那些元素？如何处理 HTML珈标签的浏览器兼容问题？如何区分 HTML精品word文档值得下载值得拥有精品word文档值得下载值得拥有HTML 5语义化的理解？HTML5勺离线储存？（写）描述一段语义的html代码吧。

9、iframe有那些缺点？请描述下 cookies , sessionStorage 和 localStorage的区另U?CSS列出display 的值，说明他们的作用。position 的值，relative 和absolute定位原点是?CSS3t哪些新特性？一个满屏品字布局如何设计？经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用 hack的技巧？为什么要初始化CSS羊式。absolute的containing block计算方式跟正常流有什么不同？position ffi display 、 margin collapse 、 overflow 、float 这些特性相互叠力

10、口后会怎么样？精品word文档值得下载值得拥有精品word文档值得下载值得拥有对BFC规范的理解？css定义的权重解释下浮动和它的工作原理？清除浮动的技巧用过媒体查询，针对移动端的布局吗？使用CSS预处理器吗？喜欢那个？JavaScriptJavaScript原型，原型链？有什么特点？eval是做什么的？null , undefined 的区别？写一个通用的事件侦听器函数。Node.js的适用场景？介绍js的基本数据类型。Javascript 如何实现继承？精品word文档值得下载值得拥有精品word文档值得下载值得拥有1,2,3.map（parseInt） 答案是多少？如何创建一个对象？（画

11、出此对象的内存图）谈谈This对象的理解。事件、IE与火狐的事件机制有什么区别？如何阻止冒泡？什么是闭包（closure ）,为什么要用它？use strict;是什么意思？使用它的好处和坏处分别是什么？如何判断一个对象是否属于某个类？new操作符具体干了什么呢？Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是?JSON的了解？js延迟加载的方式有哪些？ajax是什么？同步和异步的区别？如何解决跨域问题？精品word文档值得下载值得拥有精品word文档值得下载值得拥有模块化怎么做？AMD(Modules/Asynchronous-Definition)、CM

12、D( Common Module Definition )规范区别?异步加载的方式有哪些？.call() 和.apply() 的区别？Jquery与jQuery UI 有啥区别？JQuery的源码看过吗？能不能简单说一下它的实现原理？jquery中如何将数组转化为json字符串，然后再转化回来？针对jQuery的优化方法？JavaScript中的作用域与变量声明提升？如何编写高性能的Javascript ?那些操作会造成内存泄漏？JQuery一个对象可以同时绑定多个事件，这是如何实现的？其他精品word文档值得下载值得拥有精品word文档值得下载值得拥有你遇到过比较难的技术问题是？你是如何解决

13、的？常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？页面重构怎么操作？列举IE与其他浏览器不一样的特性？99%勺网站都需要被重构是那本书上写的？什么叫优雅降级和渐进增强？WE葩用从服务器主动推送Data到客户端有那些方式？对Node的优点和缺点提出了自己的看法？你有哪些性能优化的方法？http状态码有那些？分别代表是什么意思？一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？你常用的开发工具是什么，为什么？对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？精品word文档值得下载值

14、得拥有精品word文档值得下载值得拥有加班的看法？平时如何管理你的项目？如何设计突发大规模并发架构？说说最近最流行的一些东西吧？常去哪些网站？移动端(Android IOS )怎么做好用户体验？你在现在的团队处于什么样的角色，起到了什么明显的作用？你认为怎样才是全端工程师(Full Stack developer ) ?介绍一个你最得意的作品吧？最近在学什么？能谈谈你未来 3, 5年给自己的规划吗？答案仅供参考。如有疑问，欢迎反馈。如果想进一步了解相关知识，可以 google答案中的关键词，或者到 SegmentFault问答平台 交 流。HTML精品word文档值得下载值得拥有精品word文

15、档值得下载值得拥有 Doctype作用？严格模式与混杂模式如何区分？它们有何意义 ？!DOCTYPE*明位于文档中的最前面，处于html标签之前。告知浏览器的解析器， 用什么文 档类型规范来解析这个文档。严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。DOCTYPE存在或格式不正确会导致文档以混杂模式呈现。DO解构一一两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM作一一怎样添加、移除、移动、复制、创建和查找节点。事件一一怎样使用事件以及IE和DOW件模型之间存在哪些主要差别。XML

16、HttpRequest事一这是什么、怎样完整地执行一次 GET青求、怎样检测错误。事格模式与混杂模式一一如何触发这两种模式，区分它们有何意义。盒模型一一外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。块级元素与行内元素一一怎么用 CSS空制它们、它们怎样影响周围的元素以及你觉得应该如何定义 它们的样式。浮动元素一一怎么使用它们、它们有什么问题以及怎么解决这些问题。HTMUt XHTM二者有什么区别，你觉得应该使用哪一个并说出理由。JSON-它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。行内元素有哪些？块级元素有哪些？空（void）元素有那些？对于

17、Web2.0的理解；常用的WEBF发和测试工具（JS, CSS HTML程序脚本）；对于网站优化的理解（SEO, UEO）精品word文档值得下载值得拥有精品word文档值得下载值得拥有 通过哪些网站或者博客了解和交流互联网最新技术；最欣赏哪些网站；对开发框架的理解；请用css实现下列要求的效果：.一个列表包含标题和时间.列表宽度固定，高度自由设置.时间紧跟标题，但标题过长时需要隐藏。HTM卸关. !DOCTYPE标签的定义与用法。.块级元素和行内元素都有哪些？.你真的了解HTML马?雅虎面试题把前面黄底那段拿去搜索下就知道了 （曾在某浪公司面试的时候被问到过，确实是很好的问题）。CSSff关

18、.介绍所知道的CSS hack技巧（如：_,*,+, 9 , important之类）。.介绍CSS盒模型。. CSS层叠是什么？介绍一下。.都知道哪些CSSM览器兼容性问题。.有时会被问到些刁钻点的题，比如 position 值都有哪些，CSS那有哪些新内容.JavaScript基础相关HTTP协议的状态消息都有哪些？（如200、302对应的描述）AJAX是什么？ AJAX的交互模型（流程）？ AJAX跨域的解决办法？同步和异步的区别？简述 JavaScript 封装。JavaScript 继承有哪两种形式形式，进行描述。.在JS中this关键字的使用场合和用法（如在构造函数中、setTim

19、eout中等）。.简述下cookie的操作，还有cookie的属性都知道哪些。. IE 与FF的JS兼容性都知道哪些。精品word文档值得下载值得拥有精品word文档值得下载值得拥有 . DOMft作-怎样添加、移除、移动、复制、创建和查找节点 （这个问题真心是基础题，一般不 会问）。jQuery相关jQuery源码是否尝试去读过？说说基本的架构或者jQuery.fn.init中都做了哪些判断。都知道哪些不好的jQuery书写方式。Sizzle 是否有读过？其它相关的加分项：.都使用和了解过哪些编辑器？都使用和了解过哪些日常工具？.都知道有哪些浏览器内核？开发过的项目都兼容哪些浏览器？.国内外

20、的JS牛人都知道哪些？.瀑布流布局或者流式布局是否有了解.正则表达式有系统学习过吗（看书或网上教程）？有的话就问问简单点的邮箱验证、URL佥证，或 者问问 贪婪匹配与懒惰匹配 的理论知识。. Node.js是否有过尝试？到什么程度？说说个人理解的看法？. HTML5都有哪些新的JS API?.前端优化知识都知道哪些？.基础算法题（如快速排序，能否一两句说说重要的核心原理或者数组消重等）。.是否有接触过或者了解过重构。你用Twitter吗？（在天朝最好问你用微博吗？）?如果用，你都关注那些人？你用Github吗？?如果用，你关注的项目有什么？你关注的博客有那些？你使用那些版本管理系统，比如 Gi

21、t , SVN?你常用的开发环境是怎样的？比如操作系统，文本编辑器，浏览器，及其他工具等。你能描述一下你制作一个网页的工作流程吗？你能描述一下渐进增强和优雅降级之间的不同吗？精品word文档值得下载值得拥有精品word文档值得下载值得拥有?如果提到了特性检测，可以加分。请解释一下什么是语义化的 HTML你更喜欢在哪个浏览器下进行开发？你使用那些开发人员工具？你如何对网站的文件和资源进行优化？?期待的解决方案包括：文件合并文件最小化/文件压缩使用CDNffi管缓存的使用其他为什么利用多个域名来存储网站资源会更有效？?浏览器一次可以从一个域名下做多少资源？请说出三种减低页面加载时间的方法。(加载时

22、间指感知的时间或者实际加载时间)如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做？?建议这个项目使用像EditorConfig( HYPERLINK )之类的规范?为了保持一致性，转换成项目原有的风格?直接使用VIM的retab命令请写一个简单的幻灯效果页面?如果不使用JS来完成，可以加分。你都使用那些工作来测试代码的性能？?例如 JSPerf ( HYPERLINK / /)?例如 Dromaeo ( HYPERLINK / /)?其它。如果今年你打算熟练掌握一项新技术，那会是什么？请谈一下你对网页标准和标准制定机构重要性的理解。什么是FOUC你如何来避免 FOUCHT

23、MLf关问题精品word文档值得下载值得拥有精品word文档值得下载值得拥有文档类型的作用是什么？你知道多少种文档类型？浏览器标准模式和怪异模式之间的区别是什么？使用XHTML勺局限有那些？?如果页面使用application/xhtml+xml会有什么问题吗?如果网页内容需要支持多语言，你会怎么做？?在设计和开发多语言网站时，有哪些问题你必须要考虑？在HTML5勺页面中可以使用XHTML勺语法吗？在HTML叩如何使用 XMLdata-属性的作用是什么？如果把HTML硝作做一个开放平台，那它的构建模块有那些？请描述下 cookies , sessionStorage 和 localStorag

24、e 的区另U?JS相关问题你使用过那些Javascript库？你是否研究过你所使用的JS库或者框架的源代码？什么是哈希表？undefined变量和undeclared变量分别指什么？闭包是什么，如何使用它，为什么要使用它？?你喜欢的使用闭包的模式是什么？请举出一个匿名函数的典型用例？请解释什么是Javascript的模块模式，并举出实用实例。?如果有提到无污染的命名空间，可以考虑加分。?如果你的模块没有自己的命名空间会怎么样？你如何组织自己的代码？是使用模块模式，还是使用经典继承的方法?请指出Javascript宿主对象和内置对象的区别？描述css reset的作用和用途。精品word文档值得下载值得拥有精品word文档值得下载值得拥有 描述下浮动和它的