前端笔试面试题目总结
前端笔试面试题目总结
希望对一起奋战找工作的战友们有帮助
列举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)知名的空元素:
鲜为人知的是: