前端笔试面试题目总结

第一篇：前端笔试面试题目总结

希望对一起奋战找工作的战友们有帮助

列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举4个以上说明

解析ajax的意思,同步和异步的区别,异步请求有哪些状态,如何创建一个异步请求,异步请求完成过程,说下IE与其他浏览器的差异 如何实现跨域请求,AJAX跨域的解决办法

html有哪些常用标签,大概多少个,如何分类的,html5有哪些新增标签 前端优化提高客户端响应速度的方法,至少10条以上

平常用哪些开发工具,用什么插件,了解哪些类库,是否熟悉php,nodejs,看过哪些书

网页设计中可以使用哪些图像格式,说下它们的优缺点

一个元素结点有哪些公共属性,哪些事件属性,各举5个以上

盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。布局的方式有哪些

使用缓存的方式有哪些,说下各种方式的优缺点与发展过程 怎么实现一个元素的居中

display,position的属性值有哪些 元素的属性简写,如font,background, html5有哪些新功能,都有哪些新的JS API,列举5条以上 介绍几个css3的属性,选择器有哪些

css的基本语句构成是,有哪些选择器,css3新增的有哪些

CSS引入样式的方式有哪些,link和@import的区别是,如何计算样式的优先级 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？

常用到哪些类库,是否了解jq的实现,说一下对jq代码的理解,基本的架构或者 jQuery.fn.init 中都做了哪些判断,是否了解sizzle, 前端页面由层级结构是怎样的，分别是什么？作用是什么？是否了解MVC模型,在前端如何实现MVC 简单介绍一下js的语法特点,数据类型 说一下字符串,数组的常用方法 js的继承方式

js的运算符与优先级 创建对象的方法

JSON与JSONP的区别

DOM结点的选择有哪些方法,有哪些元素集合可直接选取,如果选择一个节点有父节点,子节点,兄弟节点(nextSibling与nextElementSibling,IE与其他浏览器的差别)简单介绍DOM节点层级

节点怎样添加、移除、移动、复制、创建和查找节点 IE与FF的JS兼容性都知道哪些

IE事件流与其他浏览器事件流特点,绑定事件的差异

正则表达式是否熟悉,有哪些元字符,何为分组,捕获,零宽断言,零宽度正预测先行断言,零宽度正回顾后发断言,如何实现贪婪匹配与懒惰匹配,简单写下邮箱验证、URL验证

严格模式与混杂模式——如何触发这两种模式，区分它们有何意义

是否理解这些英文简写:HTML,CSS,XML,XHTML,E4X,Xpath,HTTP, W3C, WHATWG, MIME,ECMA,BOM,DOM,URL,URI 说下下面这些单词的来源与使用: Angular;Backbone;Console;Dir;Express;Fork;Grunt;Haslayout;Iconfont;Jsonp;Kissy;Localstorage;Media query;Npm;Opacity;Prototype;Querystring;Referer;Seajs;Trim;Underscore;

Vim;Worker;Xss;Yslow;Zepto;(淘宝控制台)HTML&CSS：

对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应

JavaScript：

数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。

其他：

HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯

作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：

此条由 王子墨 发表在 前端随笔

1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。

3、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。

4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。

5、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。

6、盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型

7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们

8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

10、JSON —— 作用、用途、设计结构。HTML

Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

介绍一下CSS的盒子模型？

link 和@import 的区别是？

CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？

如何居中div？如何居中一个浮动元素？

浏览器的内核分别是什么?

html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

语义化的理解？

HTML5的离线储存？

(写)描述一段语义的html代码吧。

iframe有那些缺点？

请描述一下 cookies，sessionStorage 和 localStorage 的区别？ CSS

列出display的值，说明他们的作用。position的值，relative和absolute定位原点是？

CSS3有哪些新特性？

一个满屏 品 字布局 如何设计?

经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？

为什么要初始化CSS样式。

absolute的containing block计算方式跟正常流有什么不同？

position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？

对BFC规范的理解？

css定义的权重

解释下浮动和它的工作原理？清除浮动的技巧

用过媒体查询，针对移动端的布局吗？

使用 CSS 预处理器吗？喜欢那个？

JavaScript

JavaScript原型，原型链 ? 有什么特点？

eval是做什么的？

null，undefined 的区别？

写一个通用的事件侦听器函数。

Node.js的适用场景？

介绍js的基本数据类型。

Javascript如何实现继承？ [“1”, “2”, “3”].map(parseInt)答案是多少？

如何创建一个对象?（画出此对象的内存图）

谈谈This对象的理解。

事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？

什么是闭包（closure），为什么要用它？

“use strict”;是什么意思 ? 使用它的好处和坏处分别是什么？

如何判断一个对象是否属于某个类？

new操作符具体干了什么呢?

Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？

JSON 的了解？

js延迟加载的方式有哪些？

ajax 是什么?

同步和异步的区别?

如何解决跨域问题?

模块化怎么做？

AMD（Modules/Asynchronous-Definition）、CMD（Common Module Definition）规范区别？

异步加载的方式有哪些？

.call()和.apply()的区别？

Jquery与jQuery UI 有啥区别？

JQuery的源码看过吗？能不能简单说一下它的实现原理？

jquery 中如何将数组转化为json字符串，然后再转化回来？ 针对 jQuery 的优化方法？

JavaScript中的作用域与变量声明提升？

如何编写高性能的Javascript？

那些操作会造成内存泄漏？

JQuery一个对象可以同时绑定多个事件，这是如何实现的？

其他

你遇到过比较难的技术问题是？你是如何解决的？

常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

页面重构怎么操作？

列举IE 与其他浏览器不一样的特性？

99%的网站都需要被重构是那本书上写的？

什么叫优雅降级和渐进增强？

WEB应用从服务器主动推送Data到客户端有那些方式？

对Node的优点和缺点提出了自己的看法？

你有哪些性能优化的方法？

http状态码有那些？分别代表是什么意思？

一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）

除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？

你常用的开发工具是什么，为什么？

对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

加班的看法？

平时如何管理你的项目？

如何设计突发大规模并发架构？

说说最近最流行的一些东西吧？常去哪些网站？

移动端（Android IOS）怎么做好用户体验?

你在现在的团队处于什么样的角色，起到了什么明显的作用？

你认为怎样才是全端工程师（Full Stack developer）？

介绍一个你最得意的作品吧？

最近在学什么？能谈谈你未来3，5年给自己的规划吗？

答案

仅供参考。如有疑问，欢迎反馈。

如果想进一步了解相关知识，可以 google 答案中的关键词，或者到 SegmentFault 问答平台 交流。

HTML

Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。

严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。

XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。

块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 1.对于Web2.0的理解；

2.常用的WEB开发和测试工具(JS，CSS，HTML，程序脚本……)； 3.对于网站优化的理解(SEO，UEO)；

4.通过哪些网站或者博客了解和交流互联网最新技术； 5.最欣赏哪些网站； 6.对开发框架的理解；

7.请用css实现下列要求的效果： 1.一个列表包含标题和时间 2.列表宽度固定，高度自由设置

3.时间紧跟标题，但标题过长时需要隐藏。HTML相关

1.标签的定义与用法。2.块级元素和行内元素都有哪些? 3.你真的了解HTML吗? 雅虎面试题

把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过，确实是很好的问题)。CSS相关

1.介绍所知道的CSS hack技巧(如：_，*，+，9，!important 之类)。2.介绍CSS盒模型。

3.CSS层叠是什么?介绍一下。

4.都知道哪些CSS浏览器兼容性问题。

5.有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...JavaScript基础相关

1.HTTP协议的状态消息都有哪些?(如200、302对应的描述)2.AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法? 3.同步和异步的区别? 4.简述JavaScript封装。

5.JavaScript继承有哪两种形式形式，进行描述。

7.在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。8.简述下cookie的操作，还有cookie的属性都知道哪些。9.IE与FF的JS兼容性都知道哪些。

10.DOM操作-怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题，一般不会问)。jQuery相关

1.jQuery源码是否尝试去读过?说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。

2.都知道哪些不好的jQuery书写方式。3.Sizzle是否有读过? 其它相关的加分项： 1.都使用和了解过哪些编辑器?都使用和了解过哪些日常工具? 2.都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器? 3.国内外的JS牛人都知道哪些? 4.瀑布流布局或者流式布局是否有了解

4.正则表达式有系统学习过吗(看书或网上教程)?有的话就问问简单点的邮箱验证、URL验证，或者问问 贪婪匹配与懒惰匹配 的理论知识。5.Node.js是否有过尝试?到什么程度?说说个人理解的看法? 6.HTML5都有哪些新的JS API? 7.前端优化知识都知道哪些? 8.基础算法题(如快速排序，能否一两句说说重要的核心原理或者数组消重等)。9.是否有接触过或者了解过重构。

你用Twitter吗？（在天朝最好问你用微博吗？）• 如果用，你都关注那些人？ 你用Github吗？

• 如果用，你关注的项目有什么？ 你关注的博客有那些？

你使用那些版本管理系统，比如Git，SVN等？

你常用的开发环境是怎样的？比如操作系统，文本编辑器，浏览器，及其他工具等。

你能描述一下你制作一个网页的工作流程吗？ 你能描述一下渐进增强和优雅降级之间的不同吗? • 如果提到了特性检测，可以加分。请解释一下什么是语义化的HTML。

你更喜欢在哪个浏览器下进行开发？你使用那些开发人员工具？ 你如何对网站的文件和资源进行优化？ • 期待的解决方案包括： 1.文件合并

2.文件最小化/文件压缩 3.使用CDN托管 4.缓存的使用 5.其他

为什么利用多个域名来存储网站资源会更有效？

• 浏览器一次可以从一个域名下做多少资源？ 请说出三种减低页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）

如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做？ • 建议这个项目使用像EditorConfig(http://editorconfig.org)之类的规范

• 为了保持一致性，转换成项目原有的风格 • 直接使用VIM的retab命令 请写一个简单的幻灯效果页面

• 如果不使用JS来完成，可以加分。你都使用那些工作来测试代码的性能？

• 例如JSPerf(http://jsperf.com/)• 例如Dromaeo(http://dromaeo.com/)• 其它。

如果今年你打算熟练掌握一项新技术，那会是什么？ 请谈一下你对网页标准和标准制定机构重要性的理解。什么是FOUC？你如何来避免FOUC？ HTML相关问题

________________________________________ 文档类型的作用是什么？你知道多少种文档类型？ 浏览器标准模式和怪异模式之间的区别是什么？ 使用XHTML的局限有那些？

• 如果页面使用'application/xhtml+xml'会有什么问题吗？ 如果网页内容需要支持多语言，你会怎么做？

• 在设计和开发多语言网站时，有哪些问题你必须要考虑？ 在HTML5的页面中可以使用XHTML的语法吗？ 在HTML5中如何使用XML？ 'data-'属性的作用是什么？

如果把HTML5看作做一个开放平台，那它的构建模块有那些？ 请描述一下cookies，sessionStorage和localStorage的区别？ JS相关问题

________________________________________ 你使用过那些Javascript库？

你是否研究过你所使用的JS库或者框架的源代码？ 什么是哈希表？

'undefined'变量和'undeclared'变量分别指什么？ 闭包是什么，如何使用它，为什么要使用它？ • 你喜欢的使用闭包的模式是什么？ 请举出一个匿名函数的典型用例？

请解释什么是Javascript的模块模式，并举出实用实例。• 如果有提到无污染的命名空间，可以考虑加分。• 如果你的模块没有自己的命名空间会怎么样？

你如何组织自己的代码？是使用模块模式，还是使用经典继承的方法？ 请指出Javascript宿主对象和内置对象的区别？ 描述css reset的作用和用途。描述下浮动和它的工作原理。

清除浮动的方法有那些，分别适用于什么情形。解释css sprites,如何使用。

你最喜欢的图片替换方法是什么，你如何选择使用。讨论CSS hacks，条件引用或者其他。如何为有功能限制的浏览器提供网页。• 你会使用那些技术和处理方法。

如何视觉隐藏网页内容，只让它们在屏幕阅读器中可用。你使用过网格系统吗？如果使用过，你最喜欢哪种？

你使用过meidia queries（媒体查询）吗，或者移动网站相关的CSS布局。你熟悉SVG样式的书写吗？ 如何优化网页的打印样式。

在书写高效CSS文件时会有哪些问题需要考虑。

你使用CSS预处理器吗？(SASS,Compass,Stylus,LESS)• 如果使用，描述你的喜好。你是否接触过使用非标准字体的设计？

• 字体服务，Google Webfonts, Typekit,等等。请解释浏览器是如何根据CSS选择器选择对应元素的。可选的有趣问题

________________________________________ 你编写过的最酷的代码是什么？其中你最自豪的是什么？ 你知道HTML5的帮派标志吗？

你是否正在或曾经在一艘船上。(不懂这个幽默）你使用的开发工具中，你最喜欢的部分是什么？ 你有什么业余项目吗？是那种类型的？

解释cornify的重要性？(本题完全摸不到头脑）

在一张纸上，垂直写下ABCDE，然后不用任何代码，将他们到序排列。• 静静的看他们是否将纸反转。海盗还是忍者？

• 如果是两者的合体，并有恰当理由，可以加分。如果是僵尸猴子海盗加忍者加两分。（注：此题文化差异过大）如果没有在Web开发，你会做什么？ 卡门圣迭哥的隐藏处在哪里？

• 提示：本题的答案永远是错的。你最爱的IE特性是什么？

完句填空： Brendan Eich和Doug Crockford是JavaScript的________。讨论：jQuery是牛逼的库还是最牛逼的库。

第二篇：组织部面试笔试题目

面试题目

1.说一下自己有怎样的优点和缺点？

2.对于社联以及我们组织部的工作你有怎样的认识？

3.为什么想进入我们组织部？

4.你认为你有哪些长处能使你从参加组织部面试的人中脱颖而出？

5.如果我们给你安排了一份你不擅长做的工作你会怎么办？

6.假如你现在是社联组织部的一名干事，我们要举办一场晚会，需要你去给各个学院主席发送邀请函，面对主席你要说些什么？

7.如果工作一段时间之后你发现组织部的实际工作情况与你想象中的有一定差距，你会选择离开还是继续干下去，为什么？

8.当学习和工作发生冲突的时候，你会怎么做？

9.如果在社联你的同事甚至主席部长中有你不喜欢的那一类人，你会怎么办？

10.加入社联组织部之后，对今后的工作你又怎样的想法或者计划么？

11.如果因为工作需要让你去做一些苦力活儿的话，你会怎么想？

笔试题目

1.假设你已是组织部的一名干事，现在由社联组织的艺术作品征集活动需要向各个学院征集各类艺术作品,活动具体要求如下：书画作品至少10份，摄影作品至少5份，DV作品至少3份，下周一之前以学院为单位统一上交社联，并且各个学院需要由一名院学生会副主席或宣传部部长担任此次活动本学院的负责人。现在由你以短信形式通知各学院主席本次活动的内容，请将短信内容写在下方。

2.假如你已经成为社联组织部的一名成员，请简单描述一下你在组织部方面的工作安排或想法、以及你对部长的意见和建议。

3.加入一段时间后你对组织部的工作失去兴趣或者现在的工作与你的个人时间安排及学业产生冲突，你是否打算退出组织部、退出社联？为什么？如果有这种想法，你会选择在什么时候退出？

第三篇：web前端面试总结

1.常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1)浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2)内核：Trident，Gecko，Presto，Webkit。

2.说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）

(Q1)行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。(Q2)兼容性：display:inline-block;*display:inline;*zoom:1;

3.清除浮动有哪些方式？比较好的方式是哪一种？(Q1)（1）父级div定义height。

（2）结尾处加空div标签clear:both。（3）父级div定义伪类:after和zoom。（4）父级div定义overflow:hidden。（5）父级div定义overflow:auto。（6）父级div也浮动，需要定义宽度。（7）父级div定义display:table。（8）结尾处加br标签clear:both。

(Q2)比较好的是第3种方式，好多网站都这么用。

4.box-sizing常用的属性有哪些？分别有什么作用？(Q1)box-sizing: content-box|border-box|inherit;(Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。

border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

5.Doctype作用？标准模式与兼容模式各有什么区别?(Q1)告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

(Q2)标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

6.HTML5 为什么只需要写 ？

HTML5不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。

而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

7.页面导入样式时，使用link和@import有什么区别？

（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS;（2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;（3）import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题。

8.介绍一下你对浏览器内核的理解？

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、我们组建一大牛裙前面是4七一，整理讯息（例如加入CSS等），中间是零2七，以及计算网页的显示方式，后面是壹武四，是学习的就加，不是学习的请勿打扰。然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。JS引擎则：解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

9.html5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？(Q1)HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

(1)绘画 canvas;(2)用于媒介回放的 video 和 audio 元素;(3)本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;(4)sessionStorage 的数据在浏览器关闭后自动删除;(5)语意化更好的内容元素，比如 article、footer、header、nav、section;(6)表单控件，calendar、date、time、email、url、search;(7)新的技术webworker, websocket, Geolocation;(Q2)IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim，

10.简述一下你对HTML语义化的理解？ 用正确的标签做正确的事情。

html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

JavaScript----------------------------

1.介绍js的基本数据类型

Undefined、Null、Boolean、Number、String

2.js有哪些内置对象？

数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error

3.this对象的理解

this总是指向函数的直接调用者（而非间接调用者）； 如果有new关键字，this指向new出来的那个对象；

在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window。

4.eval是做什么的？

它的功能是把对应的字符串解析成JS代码并运行；

应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval('('+ str +')')。

5.DOM怎样添加、移除、移动、复制、创建和查找节点 // 创建新节点

createDocumentFragment()//创建一个DOM片段 createElement()//创建一个具体的元素 createTextNode()//创建一个文本节点 // 添加、移除、替换、插入 appendChild()removeChild()replaceChild()insertBefore()//在已有的子节点前插入一个新的子节点 // 查找

getElementsByTagName()//通过标签名称

getElementsByName()//通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)getElementById()//通过元素Id，唯一性

6.null和undefined的区别？

null是一个表示“无”的对象，转为数值时为0；undefined是一个表示“无”的原始值，转为数值时为NaN。undefined：

（1）变量被声明了，但没有赋值时，就等于undefined。

（2)调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。（4）函数没有返回值时，默认返回undefined。null：

（1）作为函数的参数，表示该函数的参数不是对象。（2）作为对象原型链的终点。

7.new操作符具体干了什么呢?（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。（2）属性和方法被加入到 this 引用的对象中。

（3）新创建的对象由 this 所引用，并且最后隐式的返回 this。

8.JSON 的了解？

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小。格式：采用键值对，例如：{'age':'12', 'name':'back'}

9.call()和 apply()的区别和作用？

apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组。如果上下文是null，则使用全局对象代替。如：function.apply(this,[1,2,3]);call()的第一个参数是上下文，后续是实例传入的参数序列。如：function.call(this,1,2,3);

10.如何获取UA？

function whatBrowser(){

document.Browser.Name.value=navigator.appName;

document.Browser.Version.value=navigator.appVersion;

document.Browser.Code.value=navigator.appCodeName;

document.Browser.Agent.value=navigator.userAgent;

} 其他

----------------------------

1.HTTP状态码知道哪些？

Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息 200 OK 正常返回信息

201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理

301 Moved Permanently 请求的网页已永久移动到新位置。302 Found 临时性重定向。

303 See Other 临时性重定向，且总是使用 GET 请求新的 URI。304 Not Modified 自从上次请求后，请求的网页未修改过。400 Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。

401 Unauthorized 请求未授权。403 Forbidden 禁止访问。

404 Not Found 找不到如何与 URI 相匹配的资源。500 Internal Server Error 最常见的服务器端错误。

503 Service Unavailable 服务器端暂时无法处理请求（可能是过载或维护）。

2.你有哪些性能优化的方法？

（1）减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存，图片服务器。

（2）前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数

（3）用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。（4）当需要设置的样式很多时设置className而不是直接操作style。（5）少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

（6）避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。（7）图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。

3.什么叫优雅降级和渐进增强？

优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。

4.哪些常见操作会造成内存泄漏？

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。

setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。

闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）。

5.线程与进程的区别

一个程序至少有一个进程,一个进程至少有一个线程。线程的划分尺度小于进程，使得多线程程序的并发性高。

另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。

线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

第四篇：中山大学辅导员面试、笔试题目

中山大学辅导员面试、笔试题目

2012年中山大学辅导员笔试题目：你是如何理解“教育-管理-服务”的？论述题； 2012年中山大学辅导员面试题目：你未来10年的职业规划？；

你得竞争优势是什么？

作为辅导员你遇到的最难得一件事是啥？

第五篇：大学辅导员笔试面试题目之三

大学辅导员笔试题目之三

一： 笔试题目：

一天，小明和爸爸妈妈还有哥哥到外面去玩，突然下起了大雨，可是，他们只有一个雨衣，于是，爸爸把雨衣给了妈妈，妈妈把雨衣给了哥哥，而哥哥又把雨衣给了小明。小明一脸的迷茫，问：“为什么爸爸把雨衣给了妈妈，妈妈把雨衣给了哥哥，而哥哥又把雨衣给了我呢？？”爸爸妈妈笑了笑，说：“因为你最小啊！我们都要保护弱小的人。”小明看了看大家，把雨衣披在了正在风雨中飘摇的小花上面。

1.请问上面一则材料说明了一个什么重要的道理？

2.作为高校辅导员的你，从上面的材料中得到了什么启示？请写一篇至少大约1500字的文

章。（笔试时间为一个小时）

二：面试题目：

1.请做个简短的自我介绍。（大家请注意了，这里说的简短的意思并不是要你把名字、性别、毕业学校、专业等一说就完

事，而是提醒大家要在这短短的两三分钟内把你自己的优势、特点都说出来，你为什么来应

聘，你凭什么来应聘，说清楚这些也就差不多了。）

2.你觉得你在应聘这个职位上有什么优势？

（有些考官会把这个问题和上面的自我介绍合在一起来问，有些却分开来问，有的如果觉得

你在前面的自我介绍做得不好的话就干脆不问。所以，聪明的我们，都要尽量把前面的自我介绍做好了，可以的话尽量把自己的优势在这部分也说了，这样就不会死等着考官问自己，也不用冒他已经不耐烦提问你的这个险。）

3.说说你对高校辅导员工作的认识。

（这里主要是考你对这个岗位的认识和以后的工作设想。这些都可以事先准备好答案的。说

说高校辅导员对高校思想政治工作的重要性以及重要意义，还有就是你将怎么养做好你的这

个工作，比如说要密切联系学生啊，加强自身的文化与素质的修养啊等等的。）

三：无人领导小组讨论：

你认为下面的选项哪个是最重要的？请选出三个你觉得最重要的，然后进行排序。

（1）思想道德素质（2）能与周围同时友好相处

（3）具备正常的人际关系（4）积极的工作态度

（5）边工作边学习的能力（6）能与领导很好地相处

（7）具备正常的工作能力