前端工程师面试题题及答案(全面综合)
1. 要动态改变层中内容可以使用的方法有（AB ）
a)innerHTML
b)innerText
c)通过设置层的隐藏和显示来实现
d)通过设置层的样式属性的display属性
2. 在javascript里，下列选项中不属于数组方法的是（B）；
a)sort()
b)length()
c)concat()
d)reverse()
3 、var emp = new Array(3);
for(var i in emp)
以下答案中能与for循环代码互换的是: （选择一项）。(D )
A for(var i =0; i B for(var i =0; i C for(var i =0; i D for(var i =0; i 4 下列声明数组的语句中，错误的选项是（C ）。 a)Var arry= new Array() b)Var arry=new Array(3) c)Var arry[]=new Array(3)(4) d)Var arry=new Array(‘3’,’4’) 5. 下列哪一个选项不属于document对象的方法?（D ） a)focus() b)getElementById() c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D) a)程序循环执行10次 b)Check函数每10秒执行一次 c)10做为参数传给函数check d)Check函数每10毫秒执行一次 二： 11 link 和@import 的区别是？ 12 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？ 13 HTML5的离线储存？ 14：介绍一下CSS的盒子模型？ 15 CSS 选择器有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？ 优先级为: 16 列出display的值，说明他们的作用。position的值，relative和absolute定位原点是？ 17 介绍js的基本数据类型。 18 Javascript如何实现继承？ 19 什么是闭包（closure），为什么要用它？ 20 针对jQuery 的优化方法？ 1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D) 1、分别写568A、568B的线序 答：568A：白绿、绿、白橙、蓝、白蓝、橙、白棕、棕568B：白橙、橙、白绿、蓝、白蓝、绿、白棕、棕 2、OSI七层模型答：（1）物理层:物理接口规范，传输特流，网卡是工作在物理层的（2） 数据层：成帧，保证帧的无误专输，MAC地址，开成EHTHERNET帧（3）网络层：路由选择，流量控制，IP地址，形成IP包（4）传输层：端口地址，如HTTP对应80端口，TCP和UDP工作于该层，还有就是差错校验和流量控制。（5）会话层：组织两个会话进程之间的通信，并管理数据的交换使用NETBIOS和WINSOCK协议。QQ等式软件进行通讯因该工作在会话层的。（6）表示层：使得不现操作系统之间通信成为可能。（7）应用层：对应于各个应用软件 3、交换机和路由器为几层设备，各自的功能答：传统交换机从网桥发展而来，属于OSI 第二层即数据链路层设备。它根据MAC地址寻址，通过站表选择路由，站表的建立和维护由交换机自动进行。路由器属于OSI第三层即网络层设备，它根据IP地址进行寻址，通过路由表路由协议产生。 3、CISCO路由器配置IP地址的命令和删除已配置的IP地址命令答：ip add+ip \ no ip address 4、域名服务器的作用是什么?答：简单的说提供IP地址解析 5、C/S、B/S的含义答：c/s代表的是传统意义上的拥有客户端和服务器端的网络软件或系 统，可以用譬如vb或vc等语言开发，比如最常用的oicq就是。而b/s代表的是服务器端由web服务器发放，客户端由浏览器接收的系统，它的前台是html语言，由浏览器解释。b/s结构可以由web服务器能够解释的脚本语言如asp，php或jsp等编写，也可以由vb，vc或perl等语言写成cgi形式。严格来说，b/s结构也是一种c/s结构。 6、完整写出在CISCO路由器上配置dhcp服务的命令 答：en conf t service dhcp (启动dhcp服务) ip dhcp ping packet 5 （定义在分发IP的时候先ping几个包探测） ip dhcp pool "hehe" （定义地址池名称） network "192.168.1.0" （定义地址池的网段） 前端工程师面试问题 Web前端开发工程师，主要职责是利用 (X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web 开发，致力于通过技术改善用户体验。 ★你用微博吗? →如果用，你都关注那些人? ★你用Github吗? →如果用，你关注的项目有什么? ★你关注的 ___有那些? ★你使用那些版本管理系统，比如Git，SVN等? ★你常用的开发环境是怎样的?比如操作系统，文本器，浏览器，及其他工具等。 ★你能描述一下你制作一个网页的工作流程吗? ★你能描述一下渐进增强和优雅降级之间的不同吗? →如果提到了特性检测，可以加分。 ★请解释一下什么是语义化的HTML? ★你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具? ★你如何对网站的文件和资源进行优化?期待的解决方案包括：·文件合并 ·文件最小化/文件压缩 ·使用CDN托管 ·缓存的使用 ·其他 ★为什么利用多个域名来存储网站资源会更有效? →浏览器一次可以从一个域名下做多少资源? ★请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) ★如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做? ·建议这个项目使用像EditorConfig (editorconfig) 之类的规范 ·为了保持一致性，转换成项目原有的风格 ·直接使用VIM的retab命令 ★请写一个简单的幻灯效果页面 →如果不使用JS来完成，可以加分。 ★你都使用那些工作来测试代码的性能? 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会等到页面 本题库是华为集团工程师面试 -内部真实评分标准， -内部真实面试案例，后面有工程师考试试卷和答 案。物超所值，学会本文面试通过率提高80% 华为集团面试经验总结: 华为集团是4轮 一面组长，会问到一些这样问题，为什么会离职，为什么来华为集团婚姻状况，与此同时有没有想问面试官的问题。 二面经理，偏向于部门业务服务。有业务上的试卷需要考试。 三面经理，这一轮会谈到一些业务目标和工作中可能出现的一些问题。大概聊一下工作的想 法，部门的价值和目标，对这个岗位的期望等等以及华为集团和行业的情况。聊天的内容与面试者个人有关，可多可少。(二三是交叉面试防止作弊)， 四面职业通道委员会，这一轮的面试非常专业，为技术专家面，目的是定级。确定你面试者的水平大概在什么位置。直接影响后面的收入。各个击中要害。不要想着有简单跳过的部分。在介绍工作内容的过程中，要先介绍自己在组织团队所处的位置，发挥的作用，工作绩效等，条例要清楚。这一轮的面试专业性最强。最后是HR谈薪资的部分，因为行业都有规则，所以时间不会太长。 5面背景调查，主要是面试者在填写简历时提供的名字和联系方式，其中包含领导。HR最后offer。 步骤四、五、六每个一个星期，比如三面完后得到职业通道委员会的面试的通知约一周，四面完后，得到通过与否的消息是一个星期。如果某一步一个星期多没消息，那就是没戏了。 面试的重点分享： 面试的气氛需要注意的： 1面试不能一脸严肃，显得很紧张，要适当微笑。给面试官的印象好。 2面试官提问的问题，不能对抗反驳提问。即使面试官的问题比较苛刻。 细节决定成败，面试如同相亲，面试官会注意到每个细节，身上有没有烟味，头发是不是整齐，说话条例要清晰，一定要集中精神，面试等待的时候也不能看手机。自我介绍的时候要强调身体健康可以加班。可以在最后自己介绍的时候，表示出强烈的来工作，一展抱负的意思。让面试官感受你的积极一面。 面试最重要的3点 1要高度认同面试公司的工作文化和理念。 2要强调自己不断学习。不断成长，能承受压力。 3千万不能说因为自己考试，希望的工作是轻松的，清闲的。 最重要的2点要高度认同面试公司的工作文化和理念。面试前要上公司网站查看下这个公司的文化理念，如果在面试过程把这个点说出来，是要加分非常多的。 收尾阶段 面试官一般会问：“你还有什么问题想问我们?”这个时候千万别不问，有啥没啥的都一定要问两个问题，一个问题可以涉及技术层面，另一个可以涉及应聘职位的发展问题. 前公司的离职原因是必问的问题，不能说前公司太多的不好，可以说因为其他原因， 离职原因：优秀回答： A：原来公司亏损，减员，所以申请离职。 B：原来的公司，更换股东，战略有调整，人员调整。 C 原来的公司，因为搬家，搬家到很远的地方，过去不方便。 D 原来的公司，调整作息时间，周二放假，周日上班。 E 自己想要成长，希望可以更换岗位，挑战新的岗位，新的工作。 自我介绍： 是被面试者在纸面之外最能够呈现能力的一个地方。一般情况下，也是被面试者在整个面试过程中惟一一次主动展示自我的机会 第一，考察自我介绍内容和递交简历内容是否相冲突？如果简历是真实的，口述自我介绍就不会有明显出入。如果简历有假，自我介绍阶段一般就会漏马脚。如被面试者反问：“我的经历在简历里都写了”，面试官会认为这人得瑟，印象分一下子降为负数。 第二，考察被面试者基本的逻辑思维能力、语言表达能力，总结提炼概括能力。 第三，考察被面试者是否聚焦，是否简练和精干，现场的感知能力与把控能力。 第四，考察被面试者初步的自我认知能力和价值取向。因为被面试者要叙述职业切换关键节 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 一、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;” 建工专业工程师面试题库(2005) 1、砖墙砌筑前应做好哪些主要的准备工作？ 答：砖墙砌筑前应作好准备工作如下： (1)检查砖墙所用的材料的质量保证书，并进行红砖' 水泥' 钢筋的复查试验。 (2)红砖应提前1天浇水湿润。 (3)墙底的梁板面应用水泥砂浆找平。 (4)立好皮数杆，并拉水平通线。 2、柔性防水层面分为哪两大类？说明每类中各二种防水层名称？ 答：柔性防水屋面两大类为：卷材防水屋面、涂膜防水屋面。卷材防水屋面中有：沥青防水卷材(如三毡四油)高聚物改性沥青防水卷材(如SBS、APP) 合成高分子防水卷材(如三元乙丙' 聚氯乙烯)涂膜防水屋面中有：沥青基防水涂料 高聚物改性沥青防水涂料合成高分子防水涂料 3、怎样保证砖砌体的砌筑质量？答：(1)保证墙体横平竖直，横平：砌筑时严桎 按皮数杆接线，将每皮砖砌平。竖直: 要求砌体表面轮廊垂直，可用托线板检查。 ⑵砂浆饱满：按验收规范规定砂浆饱满度不小于80%o (3)组砌得当：为保证砌体有一定的强度和稳定，各种砌体的砌筑均应依照一定的组合型式，不得出现过长的“通天缝”。 (4)接槎可靠：一般情况应留(斜槎)，在特殊情况下，不可能留斜槎，也可留直槎。但必须做成阳槎，并加设拉结筋，拉结筋数量为每12cm墙厚放置1CD 6,间距沿墙高不得超过50cm,埋入长度从墙的留槎处算起每边不能少于50cm,末端应加90度弯钩。 4、说出建筑安装工程的分部工程的名称？ 答：九个分部工程为：1、地基与基础；2、主体结构；3、建筑装饰装修；4、建筑屋面；5、建筑给水排水及采暖；6、建筑电气；7、智能建筑；8、通风与空调；9、电梯。 5、施工场地总平面布置图的主要内容是什么？答：(1)全部地上、地下建筑物、 构筑物； (2)各种施工机械设备的布置； 1)display:inline兼容所有的浏览器。请判断这句话的正确与否。 T F 2)从四个选项选出不同的一个。 a.前端工程师面试题题及答案(全面综合)
系统工程师面试题
前端工程师面试问题
web前端开发面试题汇总模板
华为工程师面试题总结(有答案) 80%参考
web前端研发工程师笔试题选择题带答案
Web前端开发工程师面试题
建筑工程专业工程师面试题库(中级)(20210216184558)
前端面试题第二套