当前位置:文档之家› 前端笔试面试题目总结

前端笔试面试题目总结

前端笔试面试题目总结
前端笔试面试题目总结

前端笔试面试题目总结

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

列举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; Loca lstorage; Media

query; Npm; Opacity;

Prototype; Querystring; Referer; Seajs; Trim; Under score; 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 的区别?

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

hr常见面试问题总结

软件测试常见面试问题(偏HR方向) 1、自我介绍及工作经验介绍? 2、为什么要来学习或做测试工作?为什么要离职? 3、你爱好是什么特长是什么?优点缺点是什么? 4、假如你面试上了有两个人,另外一个人是组长,你会怎么做?假如你的组长在某些方面不如你,你会怎么做? 5、你三到五年的职业发展方向或职业规划是什么? 6、假如你来公司工作,你认为你能为公司作出什么贡献? 7、你希望的薪资待遇是? 8、你对公司加班的问题怎么看?周六日也加班呢? 9、你大学生活是什么?你大学课程是什么?什么给你留下的印象最深? 10、工作中出现不同意见了,如何与开发人员进行沟通?你认为如何才能与客户进行良好的沟通? 11、测试与开发沟通如何提高效率和改善沟通效果?测试工程师的素质和技能? 12、软件测试是一个什么样的行业?你希望以后的软件测试是怎么样的一个行业? 13、谈谈软件测试在企业的地位,也可以结合软件生命周期来谈 14、通常你对于别人批评你会有什么样的反应? 15、你的好友是如何评价你的?你的项目组长是如何评价你的? 16、谈谈自己对软件测试的理解,包括测试的流程和应注意的地方是什么。 17、为什么要在一个团队中开展软件测试工作? 18、你找工作时,最重要的考虑因素为何? 19、你对我们公司了解有多少? 20、居住在哪里?离公司远不远? 21、在即将完成这次笔试前,您是否愿意谈一些自己在以往的学习和工作中获得的工作经验和心得体会?(可以包括软件测试、过程改进、软件开发或者与此无关的其他方面) 22、测一个三角形是普通三角形、等腰三角形、等边三角形的流程图,测试用例。 23、你觉得什么样的人最难相处? 24、你觉得你来应聘有哪些优势?

WEB前端面笔试题总结

1. 如何显示/隐藏一个DOM元素? 更改元素的css style,设为display: none。此外还可以将visibility设为hidden,透明度设为0,或长、宽设为0。 2. 一个定宽网页在浏览器(IE6,IE7,Firefox,IE5)中横向居中对齐的布局, 请写出主要的HTML标签及CSS。 1. 2. 3. 4. 5.居中 6. 11. 12. 13.

居中
14.

15. 3. CSS中margin和padding的区别 margin是外边距,属于元素之外,相邻元素的margin可以融合。 padding是内边距,在元素之内,相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型?请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题,应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯,避免重复和css、 JavaScript代码,多余的HTML标签和属性。 7. 补充代码,是鼠标单击后Button1到Button2的后面

var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this); 8. Linux中,将a、b打包为back.tar,命令是() 不知道=。= 9. Flash、Ajax各自的优缺点,在使用中如何取舍? Flash的缺点是需要客户端安装Flash插件,比较大,且更改了默认的HTML页面行为;但可以方便地实现很多特效及动画,且具有较高权限。 Ajax的缺点是编程较为复杂,需要服务器端的支持,能实现的效果只能是DOM API 提供的,权限很低,较难跨域;但可以显著加快页面的载入速度和用户体验。 此外,二者都不能被搜索引擎索引(Google已支持Flash文本的索引),不利于SEO。 建议:重要和关键部分直接用HTML,交互部分可以使用Ajax,复杂的动画可采用Flash。 百度2010 1、JS主要数据类型?5分

web前端工程师面试经验

web前端工程师面试经验 篇一 首先面我的是一个豆瓣的前端(后来了解到其实也是做后端的),问的东西不多,大都是上的内容,没问到具体的技术实现,最后聊了一点儿linux,原来同是ubuntu 饭,并且已追新到9.04 beta。 稍息片刻后是技术总监Flycondor 的第二轮,因为隔壁在开会比较吵(偷听到有关tag 之类的使用问题),所以转到了有沙发和foosball 的休息区。开篇还是聊简历中的项目,不过问的内容比较宽泛,从工作职能到页面优化技巧、SEO,问答的形式比较轻松,所以不怎么紧张。后来被问到一个比较偏门的问题:豆瓣和新浪首页完整载入后html 代码的大小。我当时的回答是豆瓣20k 左右,新浪

大概5 倍以下,后来觉得豆瓣可能会再小些,新浪的会再臃肿些。刚在家试了下,豆瓣20.8k,新浪395k,还好只是一个对关注度的测试题。后来脱离项目单独问了些关于前端优化的具体问题,因为早前看过一篇Yahoo! 的Best Practices 技术部分的提问算告一段落,但留了一道开放性的作业,问题还是围绕优化,但对象是豆瓣,开始我还想问咋没之类的,现在看来豆瓣做事更效率,与其出一些茅坑儿算法题,不如来真格的对实际项目下手,管你求助朋友查书还是Google,最后写出代码,高低自有公平论断,谁不是边学边实践边提高的。(说说而已了,明天起还得继续动手JS 面向对象部分的实际应用,抽空再多记一些经典算法,谁让俺心目中的盖世大企,还是来应试那一套,茅坑儿题照出呢),剩下是留给我的提问时间,一般来讲只是走走形式问问部门状况和福利之类的,但毕竟是钟爱的豆瓣,关注和感兴趣的东西自然多些,最后算下来我提问的时间比面我的时间还长,汗~涉及的鸡毛蒜皮的问题比较多就不赘述了,有一个让俺小惊的:豆瓣有12个程序员,其中4个是专做算法的。 去年的时候和一个淘宝UED 的成员聊天,从他的话语中感觉很拜豆瓣的UE;今天在豆瓣看到不少人,只是不知哪些是做UE 的,如果没有专门的前端部门,应该是归到产品部的;没猜错应该就是我隔壁那一拨开完会后一起盒饭的人,ps, 看到一个ppmm,断定不是童颜大龄文艺女青年。

web前端开发笔试题

Html 1.行内元素有哪些?块级元素有哪些?空(void)元素有那些? (1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值, 比如div默认display属性值为“block”,成为“块级”元素; span默认display属性值为“inline”,是“行内”元素。 (2)行内元素有:a b span img input select strong(强调的语气) 块级元素有:div ulol li dl dtdd h1 h2 h3 h4…p (3)知名的空元素:


鲜为人知的是: 2. 常见兼容性问题? png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8. * 浏览器默认的margin和padding不同。解决方案是加一个全局的 *{margin:0;padding:0;}来统一。 * IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。

浮动ie产生的双倍距离#box{ float:left; width:10px; margin:000100px;} 这种情况之下IE会产生20px的距离,解决方案是在float的标签样式控制中加入——_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别) 渐进识别的方式,从总体中逐渐排除局部。 首先,巧妙的使用“\9”这一标记,将IE游览器从所有情况中分离出来。 接着,再次使用“+”将IE8和IE7、IE6分离开来,这样IE8已经独立识别。 css .bb{ background-color:#f1ee18;/*所有识别*/ .background-color:#00deff\9; /*IE6、7、8识别*/ +background-color:#a200ff;/*IE6、7识别*/ _background-color:#1e0bd1;/*IE6识别*/ } * IE下,可以使用获取常规属性的方法来获取自定义属性, 也可以使用getAttribute()获取自定义属性; Firefox下,只能使用getAttribute()获取自定义属性. 解决方法:统一通过getAttribute()获取自定义属性. * IE下,even对象有x,y属性,但是没有pageX,pageY属性;

英文面试常见问题总结

面试常见37个问题 1."Tell me about yourself" 简要介绍你自己。 2."Why are you interested in this position?" 你为什么对这份工作感兴趣?3."What are your strengths?" 谈谈你的优势? 4."What is Your Biggest Weakness?" 谈谈你最大的弱点是什么? 5."Why do You Feel You are Right for this Position?" 为什么你认为自己适合这个职位? 6."Can you give me the highlights of your resume?" 谈谈你的简历上有些什么值得特别关注的吗? 7."Why did you choose your major?" 你为什么选择这个专业? 8."What are your interests?" 你有哪些兴趣爱好呢? 9."What are your short and long term goals?" 你对于短期和长期的目标是什么?10."Tell me how your friends/family would describe you?" 如果我向你的朋友或者家人询问对你的评价,你认为他们会怎样说? 11."Using single words, tell me your three greatest strengths and one weakness." 用简单的词,描述你的三项最突出的优点和一个缺点。 12."What motivates you to succeed?" 你争取成功的动力是什么? 13."What qualities do you feel are important to be successful in _____ (i.e. customer service)?" 哪些品质在你看来对成功是最重要的? 14."What previous experience has helped you develop these qualities?" 哪些之前的精力帮助你获得了这些品质? 15."Can you give me an example of teamwork and leadership?" 你能向我列举一个团队活动和领导力的例子吗? 16."What was your greatest challenge and how did you overcome it?" 你经历过最大的挑战是什么?你如何跨越它的? 17."Why should I hire you over the other candidates I am interviewing?" 我为什么要从这么多应聘者中选择你呢? 18."Do you have any questions?" 你有一些什么问题吗? 19."What are your compensation expectations?" 你去年的收入是多少?你对于报酬有什么样的期望? General Questions: 20."What was your greatest accomplishment in past time?" 在过去的日子里,你觉得自己最大的成就是什么? 21."Have you ever been asked to do something unethical? If yes, how did you handle it?"曾经有人要求你去做一些不道德的事情吗?如果有,你是怎么处理的呢? 22."What do you do if you totally disagree with a request made by your manager?"如果你完全不同意你上司的某个要求,你怎么处理? Leadership Questions: 23."When in a group setting, what is your typical role?" 你在团队中通常的作用是什么? 24."How do you motivate a team to succeed?" 你怎么激励团队达到成功?

web前端开发面试题汇总模板

web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用? (IE8 以下) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。 块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。 兼容性:display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式?比较好的方式是哪一种? (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。 总结:比较好的是第3种方式,简洁方便。 4. box-sizing常用的属性有哪些?分别有什么作用? 常用的属性:box-sizing: content-box border-box inherit; 作用:content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用?标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>? HTML5不基于SGML,因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时,使用link和@import有什么区别? (1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面

Web前端开发笔试题集锦(已读)

Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table,获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4,IE与FF脚本兼容性问题 (1) window.event: 表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象 (2) 获取事件源

2021年面试过程常见问题总结与解答思路

面试过程常见问题总结与解答思路 过程中,面试官会向应聘者发问,而应聘者的回答将成为面试官考虑是否接受他的重要依据。对应聘者而言,了解这些问题背后的猫腻至关重要。本文对面试中经常出现的一些典型问题进行了,并给出相应的回答思路和参考答案。读者无需过分关注分析的细节,关键是要从这些分析中悟出面试的规律及回答问题的思维方式,达到活学活用。 思路: 1、这是面试的必考题目。 2、介绍内容要与个人相一致。 3、表述方式上尽量口语化。 4、要切中要害,不谈无关、无用的内容。 5、条理要清晰,层次要分明。 6、事先最好以文字的形式写好背熟。 思路: 1、况对于了解应聘者的性格、观念、心态等有一定的作用,这是招聘单位问该问题的主要原因。 2、简单地罗列家庭人口。 3、宜强调温馨和睦的家庭氛围。 4、宜强调父母对自己教育的重视。 5、宜强调各位家庭成员的良好状况。 6、宜强调家庭成员对自己工作的支持。 7、宜强调自己对家庭的责任感。 思路: 1、业余爱好能在一定程度上反映应聘者的性格、观念、心态,这是招聘单位问该问题的主要原因。 2、最好不要说自己没有业余爱好。 3、不要说自己有那些庸俗的、令人感觉不好的爱

好。 4、最好不要说自己仅限于读书、听音乐、上网,否则可能令面试官怀疑应聘者性格孤僻。 5、最好能有一些户外的业余爱好来点缀你的形象。 思路: 1、最崇拜的人能在一定程度上反映应聘者的性格、观念、心态,这是面试官问该问题的主要原因。 2、不宜说自己谁都不崇拜。 3、不宜说崇拜自己。 4、不宜说崇拜一个虚幻的、或是不知名的人。 5、不宜说崇拜一个明显具有负面形象的人。 6、所崇拜的人人最好与自己所应聘的工作能搭上关系。 7、最好说出自己所崇拜的人的哪些品质、哪些思想感染着自己、鼓舞着自己。 思路: 1、座右铭能在一定程度上反映应聘者的性格、观念、心态,这是面试官问这个问题的主要原因。 2、不宜说那些医引起不好联想的座右铭。 3、不宜说那些太抽象的座右铭。 4、不宜说太长的座右铭。 5、座右铭最好能反映出自己某种优秀品质。 6、参考答案——只为成功找方法,不为失败找借口 思路: 1、不宜说自己没缺点。 2、不宜把那些明显的优点说成缺点。 3、不宜说出严重影响所应聘工作的缺点。 4、不宜说出令人不放心、不舒服的缺点。 5、可以说出一些对于所应聘工作无关紧要的缺点,甚至是一些表面上看是缺点,从工作的角度看却是优点的缺点。

前端笔试面试题目总结

前端笔试面试题目总结

希望对一起奋战找工作的战友们有帮助 列举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事件流与其它浏览器事件流特点,绑定事件的差异 正则表示式是否熟悉,有哪些元字符,何为分组,捕获,零宽断言,零宽度正预测

Web前端开发工程师面试题

一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置,可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 2.对于标签,其中*代表(C ) A. 注释的时候才用上 B. 没有这个标签 C. 通配符,意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段,说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位,被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线,下面设置正确的是(C ) A.style=”border-top: #ff0000 1 solid;”

前端面试题含答案

前端面试题含答案 The latest revision on November 22, 2020

前端开发面试知识点大纲: HTML&CSS : 对Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功:布 局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript : 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块 化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs 、 JSON 、ajax 等。 其他: HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点: 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 产品部-前端面试题-答案 产品部 Beijing

2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。 3、事件——如何使用事件,以及IE和标准DOM事件模型之间存在的差 别。 4、XMLHttpRequest ——这是什么、怎样完整地执行一次GET请求、怎样检测 错误。 5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。 6、盒模型——外边距、内边距和边框之间的关系,及IE8以下版本的浏览器 中的盒模型 7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。 10、JSON ——作用、用途、设计结构。 HTML 一、Doctype作用严格模式与混杂模式如何区分它们有何意义 (1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。

面试常见问题及答案(网络汇总版)

面试常见问题及回答 面试技巧及注意事项 一、面试程序 不同的单位对面试过程的设计会有所不同,有的单位会非常正式,有的单位则相对比较随意,但一般来说,面试可以分为以下五个阶段: 第一阶段:准备阶段。准备阶段主要是以一般性的社交话题进行交谈,例如主考会问类似 从宿舍到这里远不远 、 今天天气很好,是吗? 这样的问题,目的是使应聘人员能比较自然地进入面试情景之中,以便消除毕业生紧张的心情,建立一种和谐、友善的面试气氛。毕业生这时就不需要详细地对所问问题进行一一解答,可利用这个机会熟悉面试环境和考官。 第二阶段:引入阶段。社交性的话题结束后,毕业生的情绪逐渐稳定下来,开始进入第二阶段,这阶段主要围绕其履历情况提出问题,给应聘者一次真正发言的机会。例如主考会问类似 请用简短的语言介绍一下你自己 、 在大学期间所学的主要课程有哪些 、 谈谈你在学期间最大的收获是什么 等问题。毕业生在面试前就应对类似的问题进行准备,回答时要有针对性。 第三阶段:正题阶段。进入面谈的实质性正题,主要是从广泛的话题来了解应聘人员不同侧面的心理特点、行为特征、能力素质等,因此,提问的范围也较广,主要是为了针对应聘者的特点获取评价信息,提问的方式也各有不同。 第四阶段:结束阶段。主考在该问的问题都问完后,会问类似 我们的问题都问完了,请问你对我们有没有什么问题要问 这样的话

题进入结束阶段,这时毕业生可提出一些自己想提问的问题,但不要问类似 请问你们在我们学校要招几个人 这样的问题,大部分单位都会回答你 不一定,要看毕业生的素质情况 ,可以就如果被公司录用可能会接受的培训、工作的主要职责等问题进行提问。 二、面试中可能被问到的问题 面试随单位和岗位的不同而有很大差别,没有固定的形式、问题和答案,这里所列的只是常见的一些问题和回答的要点,仅供毕业生参考。 (一)关于个人方面的问题 一、请介绍一下你自己 在面试前用人单位大多都看过了毕业生的自荐材料,一些基本情况都有所了解,所以在自我介绍时要简洁,突出你应聘该公司的动机和具备什么样的素质可以满足对方的要求。 二、你有什么优缺点 充分介绍你的优点,但最好少用形容词,而用能够反映你的优点的事实说话。介绍缺点时可以从大学生普遍存在的弱点方面介绍,例如缺少社会经验。但如果有不可隐瞒的缺陷,也不应该回避,比如曾经受过处分,应如实介绍,同时可以多谈一些现在的认识和后来改正的情况。 三、你是否有出国、考研究生等打算 很多毕业生在毕业时同时准备考研、就业和出国,先找单位,如果考研或出国成功就与单位解约。从单位的角度来说,招聘毕业生需要时间和费用,而且签约了一位毕业生就等于放弃了其它,所以在签

前端开发面试问题总结

前端开发面试问题总结 May 28, 2015 对于前端开发人员的招聘,面试是非常关键的环节,而现实的情况是,很多招聘者是开发出身,不会面试,不知道问什么,问了一些常规问题,又不知道考察些什么。 这里分享一下我在面试过程中常问的一些问题(很多问题不仅限于前端开发),注意很多问题都是开放的,作为一个面试官,不要试图准备几个选择题或填空题应付了事,面试不同与笔试,面试就是要以交流为主,互动讨论总是要比直接的答案更能体现此人的能力。 我个人认为,任何时候,考察一个应聘者,综合素质要优先于他的技术能力,做开发不是做航天飞船,一般智商不低的人通过学习都可以胜任大部分工作,关键的是人品、工作态度、分析能力、学习能力,这些都是与生俱来或潜移默化形成的,是很难通过学习获得的,它们要比现有的技术经验和技术能力更重要。 ?今天天气还不错,你是怎么过来的? ?大概用了多久,离得远么? ?(如果远的话)是自己的房子还是租的房子?经常这样远距 离上班可以适应么? 缓解一下应聘者的紧张感,让他尽快进入状态,并能了解出行方式、大概的远近。有时候工作地点远近还真是大问题,即使应聘者可以接受,但是上班时间超过1个半小时的员工幸福感和工作效率会较低,流失率会比较高。 ?(用3分钟时间)简单做个自我介绍吧? 自我介绍是关键的环节,连自我介绍都说不好,说明对待面试和职业的态度很差。可以加上时间限制,或者让应聘者自由发挥,看看他把握重点的能力和控制时间的能力。自我介绍一般来说应该包含年龄,籍贯,毕业院校、专业和时间,工作过的公司和时间,主要的项目,担当的职务,用到的技术,擅长的技术等。 ?详细介绍一个对你影响比较大的项目? ?对于你刚才说的xxx项目,我很感兴趣,你能详细说一说么? ?这个项目主要是解决什么问题/完成什么事情? ?你在这个项目里的职责是什么/做了哪些事情? ?这个项目用到了那些技术/框架? ?这个项目中大家是怎样协作的? ?这个项目主要的挑战是什么? ?这个项目遇到了哪些技术难点和问题? ?你是怎样解决的? ?你觉得自己的解决方案还有改进的地方么?

web前端研发工程师笔试题选择题带答案

1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时,使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里,下列选项中不属于数组方法的是( B ); a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中,描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中?a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是:(选择一项)。(D ) A for(var i =0; i

人力资源管理人员面试常见提问问题汇总95894

人力资源管理人员面试常见提问问题汇总作为人力资源管理的面试人员,一般在面对应聘面试者时,会针对性地提出一些问题,以便全面了解应聘者以下几个方面:①仪容仪表、礼节礼貌、②工作经验、③求职动机与工作愿景、④工作态度与价值观、⑤爱好特长、生活情趣、⑥事业进取心、⑦专业技能、⑧其他综合能力(语言表达能力、综合分析能力、应变能力、自我控制能力、人际关系处理能力)等多方面的情况,并作出相对客观的评估,最终确定是否录用应聘者。 下面,是一些较为常见的问题,可根据面试考察的侧重点等具体情况有选择性地选用。 一、基本情况了解: ■你能出示你的身份证、毕业证书吗? 提问解析:适用范围:高学历(大专以上)、高职位、特殊岗位。 ■你能简单(可能还要用英语)介绍一下你自己吗? 提问解析:考察语言表达能力、应变能力、逻辑思维能力等。主要适用于管理人员以及直接对客服务的工作人员。 ■你从前是否从事过这项工作? 提问解析:考察应聘者工作经验(包括岗位工作年限)。 ■你原来那家单位的工资水平不低,待遇也不错,你为什么要换工作? 提问解析: ■你认为A工作与你现在应聘的B工作有何区别?(岗位相同但行业相同)提问解析:主要考察应聘者对岗位纵横向的知识联系、综合能力。 ■你是如何看待你现在应聘的这个岗位的? 提问解析:了解应聘者对求聘岗位的认识。 ■你认为这项工作与你未来的职业发展规划有什么关系? 提问解析: ■你上一个工作的薪水是多少? 提问解析:了解应聘者的薪资期望,同时也了解行业薪酬水平。 ■你希望的薪水是多少?

提问解析: ■你认为你上一个工作的主要工作成绩是什么? 提问解析: ■你对上一个工作满意的地方在哪里,还有哪些不满? 提问解析: ■你大学的专业与你当前应聘的岗位不吻合,你打算从哪些方面进行转变和突破? 提问解析:考察应聘者个人价值观、应变能力、工作态度、语言表达能力等。 ■你怎样评价你的上一个单位? 提问解析: ■除了你的本职工作外,你还有哪些兴趣爱好和特长? 提问解析:考察爱好特长、生活情趣等。 ■请用简单的语言描述你自己的性格? 提问解析: ■你认为自己最大的工作潜力是什么? 提问解析: ■你的优点和缺点是什么? 提问解析:全面评估应聘者的性格、能力。 ■如果你被录用的话,你准备在我们公司做多久? 提问解析: ■你对我们公司的感觉怎样?包括规模、特点及竞争地位等。 提问解析: 二、专业技能了解: ■你能否提供××岗位的资格证书? 提问解析:了解应聘者的专业技能 ■你所应聘的××岗位工作的核心工作(重点工作)是什么? 提问解析:了解应聘者对应聘岗位的全面、综合把握。

Web前端开发笔试题

Web前端开发笔试题 下面就由为大家介绍一下Web前端开发笔试题的文章,欢迎阅读。 Web前端开发笔试题篇11、什么是web标准?WEB标准不是某一个标准,而是一系列标准的集合。 网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。 对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。 这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。 2、XHTML与HTML有什么区别?你觉得应该使用哪一个,并说出理由。 XHTML1.0和HTML4.01之间的主要差异是它遵守XML编码约定。 标签不能重叠,可以嵌套标签与属性都要小写标签都要有始有终,要么以形式结束,要么以形式结束每个属性都要有属性值,并且属性值要在双引号中别用name用id3、请解释一下DOCTYPE的作用,有DOCTYPE和没有DOCTYPE有什么区别?DOCTYPE声明是指HTML文档开头处的一行或两行代码,它描述使用哪个DTD。 DTD(文档类型定义)是一组机器可读的规则,它们定义XML或HTML

的特定版本中允许有什么,不允许有什么。 在解析网页时,浏览器将使用这些规则检查页面的有效性并且采取相应的措施。 浏览器通过分析页面的DOCTYPE声明来了解要使用哪个DTD,由此知道要使用HTML的哪个版本。 DOCTYPE当前有两种风格,严格(strict)和过渡(transitional)。 过渡的目的是帮助开发人员从老版本迁移到新版本,仍然允许使用已经废弃的元素。 严格版本禁止使用废弃的元素,从而把内容和表现分隔开。 当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。 为了实现这一点,他们创建了两种呈现模式:标准模式和混杂模式。 在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。 混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。 如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。 对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以

面试过程中常见问题汇总word文档

word file 面试过程中常见问题汇总

面试通关秘笈:面试过程中常见的刁钻问题汇总 面试为什么重要?经常我们会提到面试成本的问题,一位求职者在求职的最初,需要花费大量时间和精力,用在撰写简历、通过网络/报纸等途径挑选适合他的工作、投递简历并做记录这些准备工作上。如果他有幸获得一个面试机会,这些成本就会成为二选一赌局的砝码,若面试成功,他的投入将获得回报,但若面试失败,则意味着之前的付出归零,他不得不从头来过。 自然,我们都不希望自己的成本被白白投入水中,因此,面试前准备工作的充分与否,直接影响应聘者最后获得offer的几率,除了写出一份漂亮的简历之外,面试问题的应答决定着应聘者在求职这张考卷上的最后得分。 第一回合:常规问题应答 通常企业会从专业能力和职业素质的角度来考察应聘者,虽然说专业能力会因为招聘岗位的不同而有所区别,但除去非常具体的专业题目,面试官在面试时提出的问题和询问的技巧在很大程度上是共通的。应聘者需要做的是针对这些常规问题进行准备,而且必须保证应答时不会像背书一样僵硬。 问题一:你的缺点是什么? 问题分析:你真正的缺点是什么并不重要,面试者希望了解的是求职者是否对自己有一个正确的评价,对自己是否有足够的了解,心理是否足够成熟,以及是否有继续学习改进的愿望。当然,通常面试官不会把问题问得那么直接,而是通过让面试者举出具体事例的方式来回答,求职者难以临场编造一个具体的例子,因而答案更具真实性。但如果你诚实地交代了“我因为过于内向而放弃了销售机会”的故事,那同样等于你放弃了这个新的工作机会。

回答思路:这个问题根据面试者的不同,面试官也会对答案有不同的心理预期。比如说一个应届毕业生,就可以直接回答:“我相信我有足够的理论知识和专业能力,但是我的工作和社会经验不足,人脉也有所欠缺……”这样答案符合面试官对毕业生身份的定位,也符合实际情况,面试官便会觉得你谦虚诚实;而如果一个女性应聘管理岗位,则可以回答:“我最大的缺点可能就是不像女人,不够温柔……”总之,一切回答取决于你的实际状况和你对自己的定位。 问题二:你和上司因为工作有过分歧吗?最后的结果是? 问题分析:“企业潜规则”是一个流行词,其中重要的一部分就是“等级制度”,企业是一座等级森严的堡垒,如果你还没有意识到其中的残酷性,这个问题恐怕就会让你栽跟头,如果你的回答表现出对上司权力的挑衅,那么对不起,哪座庙都装不下你这尊大佛。其实这个问题并不难,你只要明白,上司是承担责任的那一个,所以他才是下决定的那一个。不要表现得好像青春期反抗父母权威的叛逆小孩,这并不能体现你的个性,只是让别人知道你还不成熟。 回答思路:必须遵从的原则:1.表示一定会选择适当的时机与上司沟通,其中“适当的时机”非常重要;2.表示通常情况下最终一定服从上司的决定,但不要使用“你是上司你说了算”这种表达方式。3.不要打“越级报告”的主意,这在任何企业都是禁忌。 问题三:是否有过失败的经历? 问题分析:既然提问的是“失败经历”,说明面试官在意的并不是这个结果,他想了解的是事情的过程、你处理工作的方法以及你的学习能力。通常“你工作中最难忘的一件事”“你在工作中遇到的最大困难”都可以等同于这个问题。在回答上,答案的具体事例也可以体现应聘者的专业程度,比如提到的困难是不是应聘岗位所不可避免的,所涉及的方法和使用的公司资源又是否恰当,这是一个

相关主题
文本预览
相关文档 最新文档