当前位置:文档之家› 前端工程师面试题汇总

前端工程师面试题汇总

前端工程师面试题汇总
前端工程师面试题汇总

前端工程师面试题汇总

HTML

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

?HTML5 为什么只需要写?

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

?页面导入样式时,使用link和@import有什么区别?

?介绍一下你对浏览器内核的理解?

?常见的浏览器内核有哪些?

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

?简述一下你对HTML语义化的理解?

?HTML5的离线储存怎么使用,工作原理能不能解释一下?

?浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

?请描述一下cookies,sessionStorage 和localStorage 的区别?

?iframe有那些缺点?

?Label的作用是什么?是怎么用的?(加for 或包裹)

?HTML5的form如何关闭自动完成功能?

?如何实现浏览器内多个标签页之间的通信? (阿里)

?webSocket如何兼容低浏览器?(阿里)

?页面可见性(Page Visibility)API 可以有哪些用途?

?如何在页面上实现一个圆形的可点击区域?

?实现不使用border 画出1px高的线,在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。

?网页验证码是干嘛的,是为了解决什么安全问题?

?tite与h1的区别、b与strong的区别、i与em的区别?

CSS

?介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的??CSS选择符有哪些?哪些属性可以继承?

?CSS优先级算法如何计算?

?CSS3新增伪类有那些?

?如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?

?display有哪些值?说明他们的作用。

?position的值relative和absolute定位原点是?

?CSS3有哪些新特性?

?请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?

?用纯CSS创建一个三角形的原理是什么?

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

?常见兼容性问题?

?li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

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

?为什么要初始化CSS样式。

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

?CSS里的visibility属性有个collapse属性值是干嘛用的?在不同浏览器下以后什么区别?

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

?对BFC规范(块级格式化上下文:block formatting context)的理解?

?CSS权重优先级是如何计算的?

?请解释一下为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式

?移动端的布局用过媒体查询吗?

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

?CSS优化、提高性能的方法有哪些?

?浏览器是怎样解析CSS选择器的?

?在网页中的应该使用奇数还是偶数的字体?为什么呢?

?margin和padding分别适合什么场景使用?

?抽离样式模块怎么写,说出思路,有无实践经验?[阿里航旅的面试题]

?元素竖向的百分比设定是相对于容器的高度吗?

?全屏滚动的原理是什么?用到了CSS的那些属性?

?什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE??视差滚动效果,如何给每页做不同的动画?(回到顶部,向下滑动要再次出现,和只出现一次分别怎么做?)

?::before 和:after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用。

?如何修改chrome记住密码后自动填充表单的黄色背景?

?你对line-height是如何理解的?

?设置元素浮动后,该元素的display值是多少?(自动变成display:block)

?怎么让Chrome支持小于12px 的文字?

?让页面里的字体变清晰,变细用CSS怎么做?(-webkit-font-smoothing: antialiased;)

?font-style属性可以让它赋值为“oblique” oblique是什么意思?

?position:fixed;在android下无效怎么处理?

?如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里)?display:inline-block 什么时候会显示间隙?(携程)

?overflow: scroll时不能平滑滚动的问题怎么处理?

?有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度。

?png、jpg、gif 这些图片格式解释一下,分别什么时候用。有没有了解过webp?

?什么是Cookie 隔离?(或者说:请求资源的时候不要让它带cookie怎么做)?style标签写在body后与body前有什么区别?

JavaScript

?介绍JavaScript的基本数据类型。

?说说写JavaScript的基本规范?

?JavaScript原型,原型链? 有什么特点?

?JavaScript有几种类型的值?(堆:原始数据类型和栈:引用数据类型),你能画一下他们的内存图吗?

?Javascript如何实现继承?

?Javascript创建对象的几种方式?

?Javascript作用链域?

?谈谈This对象的理解。

?eval是做什么的?

?什么是window对象? 什么是document对象?

?null,undefined的区别?

?写一个通用的事件侦听器函数(机试题)。

?[“1”, “2”, “3”].map(parseInt) 答案是多少?

?关于事件,IE与火狐的事件机制有什么区别?如何阻止冒泡?

?什么是闭包(closure),为什么要用它?

?javascript 代码中的”use strict”;是什么意思? 使用它区别是什么?

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

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

?用原生JavaScript的实现过什么功能吗?

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

?对JSON的了解?

?[].forEach.call($$("*"),function(a){ a.style.outline="1px solid

#"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗?

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

?Ajax 是什么? 如何创建一个Ajax?

?同步和异步的区别?

?如何解决跨域问题?

?页面编码和被请求的资源编码如果不一致如何处理?

?模块化开发怎么做?

?AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

?requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何缓存的?)

?让你自己设计实现一个requireJS,你会怎么做?

?谈一谈你对ECMAScript6的了解?

?ECMAScript6 怎么写class么,为什么会出现class这种东西?

?异步加载的方式有哪些?

?documen.write和innerHTML的区别?

?DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

?.call() 和 .apply() 的含义和区别?

?数组和对象有哪些原生方法,列举一下?

?JS 怎么实现一个类。怎么实例化这个类

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

?如何编写高性能的Javascript?

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

?JQuery的源码看过吗?能不能简单概况一下它的实现原理?

?jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this??jquery中如何将数组转化为json字符串,然后再转化回来?

?jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝??jquery.extend 与jquery.fn.extend的区别?

?jQuery 的队列是如何实现的?队列可以用在哪些地方?

?谈一下Jquery中的bind(),live(),delegate(),on()的区别?

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

?是否知道自定义事件。jQuery里的fire函数是什么意思,什么时候用??jQuery 是通过哪个方法和Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle)

?针对jQuery性能的优化方法?

?Jquery与jQuery UI有啥区别?

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

?jquery 中如何将数组转化为json字符串,然后再转化回来?

?jQuery和Zepto的区别?各自的使用场景?

?针对jQuery 的优化方法?

?Zepto的点透问题如何解决?

?jQueryUI如何自定义组件?

?需求:实现一个页面操作不会整页刷新的网站,并且能在浏览器前进、后退时正确响应。给出你的技术实现方案?

?如何判断当前脚本运行在浏览器还是node环境中?(阿里)

?移动端最小触控区域是多大?

?jQuery 的slideUp动画,如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行,该如何处理呢?

?把Script 标签放在页面的最底部的body封闭之前和封闭之后有什么区别?

浏览器会如何解析它们?

?移动端的点击事件的有延迟,时间是多久,为什么会有?怎么解决这个延时?

(click 有300ms 延迟,为了实现safari的双击事件的设计,浏览器要知道你是不是要双击操作。)

?知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么?

能讲出他们各自的优点和缺点么?

?Underscore 对哪些JS 原生对象进行了扩展以及提供了哪些好用的函数方法?

?解释JavaScript中的作用域与变量声明提升?

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

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

?Node.js的适用场景?

?(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?

?解释一下Backbone 的MVC 实现方式?

?什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?

?知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么? ?如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?

?前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

?简述一下Handlebars 的基本用法?

?简述一下Handlerbars 的对模板的基本处理流程,如何编译的?如何缓存的?

?用js实现千位分隔符?(来源:前端农民工,提示:正则+replace)

?检测浏览器版本版本有哪些方式?

?我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你来说下会执行几次事件,然后会先执行冒泡还是捕获

其他问题

?原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的??你遇到过比较难的技术问题是?你是如何解决的?

?设计模式知道什么是singleton, factory, strategy, decrator么?

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

?页面重构怎么操作?

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

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

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

?是否了解公钥加密和私钥加密。

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

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

?你有用过哪些前端性能优化的方法?

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

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

?部分地区用户反应网站很卡,请问有哪些可能性的原因,以及解决方法?

?从打开app到刷新出内容,整个过程中都发生了什么,如果感觉慢,怎么定位问题,怎么解决?

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

?你用的得心应手用的熟练地编辑器&开发环境是什么样子?

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

?你怎么看待Web App 、hybrid App、Native App?

?你移动端前端开发的理解?(和Web 前端开发的主要区别是什么?)

?你对加班的看法?

?平时如何管理你的项目?

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

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

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

?是否了解开源的工具bower、npm、yeoman、grunt、gulp,一个npm 的包里的package.json 具备的必要的字段都有哪些?(名称、版本号,依赖)?每个模块的代码结构都应该比较简单,且每个模块之间的关系也应该非常清晰,随着功能和迭代次数越来越多,你会如何去保持这个状态的?

?Git知道branch, diff, merge么?

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

?当团队人手不足,把功能代码写完已经需要加班的情况下,你会做前端代码的测试吗?

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

?知道什么是SEO并且怎么优化么? 知道各种meta data的含义么?

?移动端(Android IOS)怎么做好用户体验?

?简单描述一下你做过的移动APP项目研发流程?

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

?你认为怎样才是全端工程师(Full Stack developer)?

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

?你有自己的技术博客吗,用了哪些技术?

?对前端安全有什么看法?

?是否了解Web注入攻击,说下原理,最常见的两种攻击(XSS 和CSRF)了解到什么程度?

?项目中遇到国哪些印象深刻的技术难题,具体是什么问题,怎么解决?。

?最近在学什么东西?

?你的优点是什么?缺点是什么?

?如何管理前端团队?

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

有趣的问题

?A、B两人分别在两座岛上。B生病了,A有B所需要的药。C有一艘小船和一个可以上锁的箱子。C愿意在A和B之间运东西,但东西只能放在箱子里。只

要箱子没被上锁,C都会偷走箱子里的东西,不管箱子里有什么。如果A和B 各自有一把锁和只能开自己那把锁的钥匙,A应该如何把东西安全递交给B?

答案:A把药放进箱子,用自己的锁把箱子锁上。B拿到箱子后,再在箱子上加一把自己的锁。

箱子运回A后,A取下自己的锁。箱子再运到B手中时,B取下自己的锁,获得药物。

?Amazon主页的左上角有一个商品分类浏览的下拉菜单没有延迟,而且子菜单也不会在不应该的时候消失。它是怎样做到这一点的呢?

答案是通过探测鼠标移动的方向和轨迹,具体查看Khan Academy工程师Ben Kamens 写的jQuery插件。

前端工程师面试问题

前端工程师面试问题 Web前端开发工程师,主要职责是利用 (X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web 开发,致力于通过技术改善用户体验。 ★你用微博吗? →如果用,你都关注那些人? ★你用Github吗? →如果用,你关注的项目有什么? ★你关注的 ___有那些? ★你使用那些版本管理系统,比如Git,SVN等? ★你常用的开发环境是怎样的?比如操作系统,文本器,浏览器,及其他工具等。

★你能描述一下你制作一个网页的工作流程吗? ★你能描述一下渐进增强和优雅降级之间的不同吗? →如果提到了特性检测,可以加分。 ★请解释一下什么是语义化的HTML? ★你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具? ★你如何对网站的文件和资源进行优化?期待的解决方案包括:·文件合并 ·文件最小化/文件压缩 ·使用CDN托管 ·缓存的使用 ·其他

★为什么利用多个域名来存储网站资源会更有效? →浏览器一次可以从一个域名下做多少资源? ★请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) ★如果你接到了一个使用Tab来缩进代码的项目,但是你喜欢空格,你会怎么做? ·建议这个项目使用像EditorConfig (editorconfig) 之类的规范 ·为了保持一致性,转换成项目原有的风格 ·直接使用VIM的retab命令 ★请写一个简单的幻灯效果页面 →如果不使用JS来完成,可以加分。 ★你都使用那些工作来测试代码的性能?

前端工程师面试题题及答案(全面综合)

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前端开发笔试题集锦(已读)

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) 获取事件源

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会等到页面

华为工程师面试题总结(有答案) 80%参考

本题库是华为集团工程师面试 -内部真实评分标准, -内部真实面试案例,后面有工程师考试试卷和答 案。物超所值,学会本文面试通过率提高80% 华为集团面试经验总结: 华为集团是4轮 一面组长,会问到一些这样问题,为什么会离职,为什么来华为集团婚姻状况,与此同时有没有想问面试官的问题。 二面经理,偏向于部门业务服务。有业务上的试卷需要考试。 三面经理,这一轮会谈到一些业务目标和工作中可能出现的一些问题。大概聊一下工作的想 法,部门的价值和目标,对这个岗位的期望等等以及华为集团和行业的情况。聊天的内容与面试者个人有关,可多可少。(二三是交叉面试防止作弊), 四面职业通道委员会,这一轮的面试非常专业,为技术专家面,目的是定级。确定你面试者的水平大概在什么位置。直接影响后面的收入。各个击中要害。不要想着有简单跳过的部分。在介绍工作内容的过程中,要先介绍自己在组织团队所处的位置,发挥的作用,工作绩效等,条例要清楚。这一轮的面试专业性最强。最后是HR谈薪资的部分,因为行业都有规则,所以时间不会太长。 5面背景调查,主要是面试者在填写简历时提供的名字和联系方式,其中包含领导。HR最后offer。 步骤四、五、六每个一个星期,比如三面完后得到职业通道委员会的面试的通知约一周,四面完后,得到通过与否的消息是一个星期。如果某一步一个星期多没消息,那就是没戏了。

面试的重点分享: 面试的气氛需要注意的: 1面试不能一脸严肃,显得很紧张,要适当微笑。给面试官的印象好。 2面试官提问的问题,不能对抗反驳提问。即使面试官的问题比较苛刻。 细节决定成败,面试如同相亲,面试官会注意到每个细节,身上有没有烟味,头发是不是整齐,说话条例要清晰,一定要集中精神,面试等待的时候也不能看手机。自我介绍的时候要强调身体健康可以加班。可以在最后自己介绍的时候,表示出强烈的来工作,一展抱负的意思。让面试官感受你的积极一面。 面试最重要的3点 1要高度认同面试公司的工作文化和理念。 2要强调自己不断学习。不断成长,能承受压力。 3千万不能说因为自己考试,希望的工作是轻松的,清闲的。 最重要的2点要高度认同面试公司的工作文化和理念。面试前要上公司网站查看下这个公司的文化理念,如果在面试过程把这个点说出来,是要加分非常多的。 收尾阶段 面试官一般会问:“你还有什么问题想问我们?”这个时候千万别不问,有啥没啥的都一定要问两个问题,一个问题可以涉及技术层面,另一个可以涉及应聘职位的发展问题. 前公司的离职原因是必问的问题,不能说前公司太多的不好,可以说因为其他原因, 离职原因:优秀回答: A:原来公司亏损,减员,所以申请离职。 B:原来的公司,更换股东,战略有调整,人员调整。 C 原来的公司,因为搬家,搬家到很远的地方,过去不方便。 D 原来的公司,调整作息时间,周二放假,周日上班。 E 自己想要成长,希望可以更换岗位,挑战新的岗位,新的工作。 自我介绍: 是被面试者在纸面之外最能够呈现能力的一个地方。一般情况下,也是被面试者在整个面试过程中惟一一次主动展示自我的机会 第一,考察自我介绍内容和递交简历内容是否相冲突?如果简历是真实的,口述自我介绍就不会有明显出入。如果简历有假,自我介绍阶段一般就会漏马脚。如被面试者反问:“我的经历在简历里都写了”,面试官会认为这人得瑟,印象分一下子降为负数。 第二,考察被面试者基本的逻辑思维能力、语言表达能力,总结提炼概括能力。 第三,考察被面试者是否聚焦,是否简练和精干,现场的感知能力与把控能力。 第四,考察被面试者初步的自我认知能力和价值取向。因为被面试者要叙述职业切换关键节

前端开发的面试题

前端开发的面试题 web前端面试题 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识。 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面 内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发,解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素:div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容,border ,margin,padding 5.CSS引入的方式有哪些? link和@import的区别是?

内联内嵌外链导入 区别:同时加载 前者无兼容性,后者CSS2.1以下浏览器不支持 Link 支持使用script改变样式,后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 7.前端页面有哪三层构成,分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js 8.css的基本语句构成是? 选择器{属性1:值1;属性2:值2;……} 9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto) 10.写出几种IE6 BUG的解决方法 1.双边距BUG float引起的使用display 2.3像素问题使用float引起的使用dislpay:inline -3px 3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active 4.Ie z-index问题给父级添加position:relative 5.Png 透明使用js代码改 6.Min-height 最小高度 !Important 解决’ 7.select 在ie6下遮盖使用iframe嵌套

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;”

建筑工程专业工程师面试题库(中级)(20210216184558)

建工专业工程师面试题库(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)各种施工机械设备的布置;

最新web前端面试题及答案

1.WEB标准以及W3C标准是什么? 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 1.1div中img怎么水平和垂直居中? Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ } Img{ vertical-align:middle;} 1.2 HTML中没有单位的属性是? z-index:1; zoom:1; font-weight:200; 1.3 form表单中input标签的readonly 和disabled属性有何区别? readonly=“readonly”是只读,不可以修改,disabled=“disabled”是禁用,整个文本框是显示灰色状态 form 中method是数据传递的方式,action是与后台数据库提交的 2.xhtml和html有什么区别 XHTML 元素必须被正确地嵌套,闭合,区分大小写,文档必须拥有根元素。 3.行内元素有哪些?块级元素有哪些? 行内元素: a b img em br i span input select 块级元素:div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么区别? 行内元素不可以设置宽高,不独占一行; 块级元素可以设置宽高,独占一行。 5.我想让行内元素跟上面的元素距离10px,加margin-top和padding-top可以吗?margin-top,padding-top无效 6.CSS的盒模型由什么组成? 内容(width,height),border ,margin,padding 6.1 简述div+css布局的优势? (1)符合w3c标准;(2)兼容性好;(3)有利于搜索引擎很友好;(4)样式的调整更加方便;(5)css简洁的代码,能使样式和结构分离; 7.说说display属性有哪些?可以做什么? display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 display:box(css3新增的弹性布局属性) 8.CSS 选择符有哪些? 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a)

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

实施工程师面试题及答案9页

实施工程师面试题答案 1、你熟悉的远程有哪些方法?各种方法应该怎么配置? 参考答案: (1)、最简单的QQ上有,打开对话框上边有个“应用”图标点击“远程协助”。(2)、系统自带的远程桌面服务,右击我的电脑—属性,点远程,把两个够都打上去。(3)、远程协助软件,在要远程的主机安装代理程序后,即可使用远程服务。(4)、专业通信系统,即时通、 OA之类的。 2、在你进行实施的过程中,公司制作的一款软件系统缺少某一项功能,而且公司也明确表示不会再为系统做任何的修改或添加任何的功能,而客户也坚决要求需要这一项功能!对于实施人员来说,应该怎么去合理妥善处理这个问题? 参考答案: 先看客户要求合不合理,不合理就可以坚决退还需求。如果需求合理的话,可以 (1)、申请做二次开发,并且收取一定的费用,这个两边都要沟通好。 (2)、第二种方法,使用第三方软件做补助。 3、在项目实施过程中,使用者对产品提出了适合自己习惯的修改意见,但多个使用者相互矛盾,应该如何去处理? 参考答案: 对于客户提出的修改意见,我们实施人员应该有自己的方案。当使用者之间意见出现不一致时,我们应当引导他们内部之间的意见统一,和客户经过沟通或确认后,找到切实可行的方案,双方认可并达成共识。 4、同一个网络环境中,A电脑访问不到B电脑的共享文件。此现象可能是哪些方面所导致?怎样处理?

首先检查网络是否有问题,再确定是不是在一个工作组内,只有在一个工作组内才可以共享文件,然后看有没有被防火墙阻止,最后确定文件是不是已经被共享。 5、什么是DHCP?如何快速为多台(20台)电脑安装操作系统?多台电脑如何组网? 参考答案: (1)、DHCP:动态主机设置协议,是一个局域网的网络协议,使用UDP协议工作,主要有两个用途:给内部网络或网络服务供应商自动分配IP地址、给用户给内部网络管理员作为对所有计算机作中央管理的手段。 (2)、可以通过网络硬盘克隆,过程为:在装有软驱的工作站上,用一张引导盘来启动机器,连接到服务器,使用 Ghost 多播服务(Multicast Server)将硬盘或分区的映像克隆到工作站,这样就实现了不拆机、安全、快速的网络硬盘克隆。 (3)、多台电脑组网可以分为两个类型: ①、少于250台:可以采用用户接入层和核心接入层这二层网络结构,通过普通二层交换机与核心交换机的堆叠连接组成单位局域网,以满足单位各种上网访问需求。普通电脑通过双绞线连接到普通百兆二层交换机。 ②、超过250台:我们就需要通过交换机的VLAN功能,将它们划分到不同的子网中。为了让两网段中的所有电脑都能实现共享上网目的,我们还需要在核心路由交换机或者双WAN端口路由器设备中对两个网关参数进行合适配置,确保各个子网中的电脑能通过局域网路由功能访问Internet网络。 6、局域网内,一台机器不能上网,而其他机器可以。所有的机器都安装的WinXP系统,且该电脑可以访问局域网内电脑,试分析原因?

结构工程师面试题

结构工程师面试题 题一: 1.做为结构工程师,你如何保证你设计的结构能一次制模成功而不需做好后再改模具 答:做下DFMA(失效模式分析)差不多了。 2.用在充电器(使用220V交流)上的塑料应具备那些要求,目前价位多少 答:塑件为手机允电器外壳,要求有一定的强度、刚度、耐热和耐磨损等性能。同时,必须满足绝缘性 。结合以上要求以及经济因素,故该塑件采用ABS塑料。ABS V0级别的差不多T。 3.透明材料有哪几种,哪种硬度更好,不易刮伤,目前价格多少 答:看要求了AS,PC,PMMA,ABS也有透明的,不过是半透效果。抗划伤PC好一点。 4.前模后模的模芯厚度尺寸(在做模时)应具备哪些要求 答:这个看产品来的了,保证离型腔最薄30-40MM,别啤穿就成。 5 ABS V0级防火材料是什么意思 答:HB:UL94和CSA NO0~7标准中最低的阻燃等级,要求对于3~13MM厚的样品,燃烧速度小于 40MM/MIN的标准前熄灭.V2:对样品进行2次10S燃烧测试后,火焰在60S内熄灭可有燃烧物掉下 ;V1:对样品 前2次10S燃烧测试后,火焰在60S内熄灭,不能有燃烧物掉下 ;V0:对样品进行2次10S燃烧测试后,火焰在 30S内熄灭,不能有燃烧物掉下;5V:分:5VA,5VB两种,相同的是每个样品有烟和无烟燃烧总时间不能超过 60S,低落物不能点燃脱纸棉,不同的是:5VA的样品不能被燃烧穿,5VB可以,同时5V之前产品必须符合V0,1,2 6.做ABS V0级防火材料的模具应使用什么材料 答:好的材料有S136,NAK80,产量不大的718,738的加硬钢也能做。 7.做透明材料的模具应使用什么材料,为什么 答:产品的外观要求对模具材料的选择亦有很大的影响,透明件和表面要求抛镜面的产品,可选用的材 料有S136,2316,718S,NAK80,PAK90,420,透明度特高的模具应选S136。 8。磷铜主要用来做充电器五金件,磷铜有几种可选电镀后不生锈吗电镀时应向电镀厂规定哪些质量指标 答:2680,5191什么的。电镀后至少不容易生锈吧,没有绝对的。ROHS,SGS报告齐全就可以了。 9.一般磷铜五金件模具的选择有哪些要求 答:具体要求说不上,一般用D2钢做冲头。 - 1.做为结构工程师,你如何保证你设计的结构能一次制模成功而不需做好后再改模具 答:在做结构前充分了解产品的要求,制造的过程和能力以及制模的精确度来控制好各方面的尺寸配合 ,以及装配次序。(不过不改模是比较理想的,实际很少见,特别是一些复杂的零件;小配件还可以达 到一次OK) 2.用在充电器(使用220V交流)上的塑料应具备那些要求,目前价位多少 答:1电性能良好;2耐化学性;3较高冲击韧性和力学强度;4耐气侯性 3.透明材料有哪几种,哪种硬度更好,不易刮伤,目前价格多少 答:透明材料有PMMA,PC,GPPS,SAN;PC的硬度好,目前价格在20RMB/KG左右(因供应商和等级的不同 价相差较大。 4.前模后模的模芯厚度尺寸(在做模时)应具备哪些要求 答:比产品的最厚处预留25-35MM。(模具不是很董,请高人补充) 5. ABS V0级防火材料是什么意思

前端面试题第二套

1)display:inline兼容所有的浏览器。请判断这句话的正确与否。 T F 2)从四个选项选出不同的一个。 a.