初级前端工程师面试题

初级前端工程师面试题
初级前端工程师面试题

1、对Web标准以及W3C的理解与认识?

答:标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链CSS 和JS脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便,不需要变动页面内容、提供打印版本而水需要复制内容、提高网站易用性。

2、XHTML和HTML有什么区别?

答:HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:

XHTML元素必须被正确地嵌套;

XHTML元素必须被关闭;

标签名必须用小写字母;

XHTML文档必须拥有根元素。

3、Doctype?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?答:Doctype用于声明文档使用哪种规范(HTML/XHTML)

该标签可声明三种DTD类型,分别为严格版本、过度版本以及基于框架的HTML 文档。

加入XML声明可触发,解析方式更改为IE5.5拥有IE5.5的bug。

4、行内元素有哪些?块级元素有哪些?CSS的盒模型?

答:行内元素:a b br i span input select

块级元素:div p h1 h2 h3 h4 form ul

CSS盒模型:内容,border margin padding

5、CSS引入的方式有哪些?link和@import的区别是?

答:方式:内联内嵌外链导入

区别:同时加载

前者无兼容性,后者CSS2.1以下浏览器不支持

Link支持使用javascript 改变样式,后者不可。

6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

答:标签选择符、类选择符、id选择符

继承不如指定 id>class>标签选择

后者优先级高

7、前端页面有哪三层构成,分别是什么?作用是什么?

答:结构层HTML 表示层CSS 行为层JS

8、你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么?

答:Ie(Ie内核)

火狐(Gecko)

谷歌(webkit)

opear(Presto)

9、img标签上title与 alt属性的区别是什么?

答:Alt当图片不显示时,用文字代表

Title为该属性提供信息。

10、描述CSS Reset的作用和用途

答:Reset重置浏览器的CSS默认属性浏览器的品种不同,样式不同,然后重

置,让他们统一。

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

100-199 用于指定客户端应响应的某些动作。

200-299 用于表示请求成功。

300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。

400-499 用于指出客户端的错误。

400语义有误,当前请求无法被服务器理解。

401 当前请求需要用户验证

403 服务器已经理解请求,但是拒绝执行它。

500-599 用于支持服务器错误。

503 –服务不可用

13.解释css sprites,如何使用。

Css 精灵把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量

14.浏览器标准模式和怪异模式之间的区别是什么?

盒子模型渲染模式的不同

使用https://www.360docs.net/doc/a711523588.html,patMode 可显示为什么模式

15.你如何对网站的文件和资源进行优化?期待的解决方案包括:

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

16.什么是语义化的HTML?

直观的认识标签对于搜索引擎的抓取有好处

17.清除浮动的几种方式,各自的优缺点

1.使用空标签清除浮动clear:both(理论上能清楚任何标签,增加无意义的标签)

2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)

3.是用afert伪元素清除浮动(用于非IE浏览器)

18.css hack

_marging \\IE 6

+margin \\IE 7

Marging:0 auto \9 所有Ie

Margin \0 \\IE 8

Javascript部分

1.javascript的typeof返回哪些数据类型

Object number function boolean underfind

2.例举3种强制类型转换和2种隐式类型转换?

强制(parseInt,parseFloat,number)

隐式(== – ===)

3.split() join() 的区别

前者是切割成数组的形式,后者是将数组转换成字符串

4.数组方法pop() push() unshift() shift()

Push()尾部添加pop()尾部删除

Unshift()头部添加shift()头部删除

5.事件绑定和普通事件有什么区别

6.IE和DOM事件流的区别

1.执行顺序不一样、

2.参数不一样

3.事件加不加on

4.this指向问题

7.IE和标准下有哪些兼容性的写法

Var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target

8.ajax请求的时候get 和post方式的区别

一个在url后面一个放在虚拟载体里面

有大小限制

安全问题

应用不同一个是论坛等只需要请求的,一个是类似修改密码的9.call和apply的区别

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)

10.ajax请求时,如何解释json数据

使用eval parse 鉴于安全性考虑使用parse更靠谱

11.b继承a的方法

12.JavaScript this指针、闭包、作用域

13.事件委托是什么

让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!

14.闭包是什么,有什么特性,对页面有什么影响

闭包就是能够读取其他函数内部变量的函数。

15.如何阻止事件冒泡和默认事件

canceBubble return false

16.添加删除替换插入到某个接点的方法

obj.appendChidl()

obj.innersetBefore

obj.replaceChild

obj.removeChild

17.解释jsonp的原理,以及为什么不是真正的ajax

动态创建script标签,回调函数

Ajax是页面无刷新请求数据操作

18.javascript的本地对象,内置对象和宿主对象

本地对象为array obj regexp等可以new实例化

内置对象为gload Math 等不可以实例化的

宿主为浏览器自带的document,window 等

19.document load 和document ready的区别

Document.onload 是在结构和样式加载完才执行js

Document.ready原生种没有这个方法,jquery中有$().ready(function) 20.”==”和“===”的不同

前者会自动转换类型

后者不会

21.javascript的同源策略

一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合

22.编写一个数组去重的方法

function oSort(arr)

{

var result ={};

var newArr=[];

for(var i=0;i

{

if(!result[arr])

{

newArr.push(arr)

result[arr]=1

}

}

return newArr

}

前端工程师面试问题

前端工程师面试问题 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前端开发工程师面试题

一、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系统,且该电脑可以访问局域网内电脑,试分析原因?

WEB前端开发面试题集锦

1、列举你工作中遇到的IE6 BUG,谈谈解决方案。 3、如何用CSS分别单独定义IE6、7、8的width属性。 所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 4、CSS中哪些属性可以同父元素继承。 继承:(X)HTML元素可以从其父元素那里继承部分CSS属性,即使当前元素并没有定义该属性 Color;font-size; 5、你如何理解HTML结构的语意化。 1.去掉或样式丢失的时候能让页面呈现清晰的结构: html本身是没有表现的,我们看到例如

是粗体,字体大小2em,加粗;是加粗的,不要认为这是html 这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML 点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和HTML结构是不可分割的。 2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页. 例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音. 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱). 使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条染网页. 语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面. 4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重. 过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的

结构工程师面试题

结构工程师面试题 题一: 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、什么是H5? H5=HTML5,指的是HTML超文本标记语言(HTML)的第五次重大修改,HTML的第五代。HTML5具有的特点: (1)、语义化的标签:好处是网站加载更快;该标签举例:header、nav、article等。(2)、增加了音频、视频标签:好处是取代falsh;该标签举例:audio、video。 (3)、canvas标签:好处在浏览器上绘制图形或动画,取代flash。 (4)、支持手机和平板的响应式布局。 HTML5的缺点:低版本浏览器支持性不好,比如IE9以下的浏览器不支持HTML5。 2、H5为什么这么火?H5是哪一年产生的?H5会火多久?(1)、因为H5的后台很硬,是谷歌(google)和苹果(Apple)两大巨头公司,谷歌和苹果大力倡导H5的发展,也是H5的忠实的支持者和实践者(IOS+Android系统占据手机市场92.36%),H5的产生主要目的也是干掉flash,因为flash是adobe公司的,adobe不是W3C 组织的成员之一,苹果和谷歌等万维网联盟也不希望在自己的产品中使用加载量过大的flash。 (2)、H5是2014年9月份W3C(万维网联盟,主要有苹果和谷歌公司)组织发布的。(3)、刷脸时代(这里专指网站用户体验更加美观的时代)+移动端时代(手机+平板),会促使H5会在未来的有更加美好的发展前景,只要有网站,H5就会很火,UI也就很火,H5的发展会让UI更加提高用户的满意度,H5的火爆时代,会促进UI更好发展。 (4)、微信的发展,O2O的促使H5更火。 在这里不得不谈微信,如果没有微信,或许今天我们不会这样来讨论H5,微信无意中养成了用户扫码的习惯,并通过公众号的内容生产及分发,以及微信本身已有的庞大的用户群体及社交属性,使基于网页的内容可以快速传播,真正带来了APP即浏览器的时代,取消了输入内容网址的麻烦。以微信为代表的超级社交APP,解决了网页内容浏览及分发的通路。H5或许会没落,但会迎来H6、H7…,只会变得越来越好,所以没必要担心H5会不会死,当下重在实践与积累,至少现在,Html5的影响力,会超出你我的想象,也就意味着H5的好闺蜜UI会一直火下去。 3、什么叫做响应式? 针对不用的屏幕显示不同的网页布局,比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。 4、针对不同屏幕的响应式,UI设计师该做几套设计图? 只做一套,大多UI设计师会使用iPhone5的尺寸来做一套(640X1136)。那么这种可以适配响应式的各种屏幕的吗?这种在HTML5中通过代码中的媒体查询来实现。媒体查询怎么写?媒体查询的具体写法如下: @media screen and (max-width:640px) { //最大宽度是640px的屏幕宽度 nav li { //nav标签下的li标签设置样式 display: inline; //转化为行元素 } }

精装工程师面试问题及答案

精装工程师面试问题及答案 一、精装工程师工作职责都包括哪些具体事项? 答:1、负责项目精装修工程项目的设计协调和现场施工管理工作; 2、与设计师、监理及分包、供货等单位协调,有效控制施工进度; 3、定期对工地进场材料质量、规格及施工质量、交付验收等进行全面检查; 4、及时发现、解决本专业各项工作中存在的问题,按要求的工期指标完成 工作; 5、精装修工程变更、现场签证审核工作以及各项现场验收、评定、竣工验 收物业移交工作等。 二、简叙天花吊顶龙骨安装时基本做法? 答:1、吊杆、龙骨的安装间距、连接方式应符合设计要求,主龙骨应吊挂在吊杆上,主龙骨间距900㎜~1000㎜,次龙骨应紧贴主龙骨安装,次龙骨间距300㎜~600㎜,主龙骨的接长应采取对接,相邻龙骨的对接接头要相互错开。 2、主龙骨挂好后应基本调平,吊杆、主龙骨、次龙骨安装后要求牢固不晃 动。 三、简叙石膏板安装时应注意哪些? 答:1、安装双层石膏板时,面层板与基层板的接缝应错开,不得在一根龙骨上,埃特板或石膏板安装螺钉需满刷防锈漆(防锈漆不允许添加腻子或双飞 粉)。 2、埃特板或石膏板施工接缝隙宽度不允许大于或小于4mm,用小刮刀将嵌缝 石膏腻子均匀饱满地嵌入板缝,并在板缝处刮涂约60mm宽、1mm厚的腻子。 随即贴上穿孔纸带+玻璃纤维网格胶带,使用宽约60mm的腻子刮刀顺穿孔纸带(或玻璃纤维网格胶带)方向压刮,将多余的腻子挤出,并刮平、刮实、不可留有气泡。 3、明露照明线路是否到位并加装阻燃波纹套管,饰面板上的灯具、烟感器、 喷林头、风口篦子等设备的位置应合理、美观,与饰面的交接应吻合、严 密。并做好检修口的预留,使用材料应与母体相同,安装时应严格控制整体性,刚度和承受力。 四、简叙卫生间回填及防水施工工序? 答:1、卫生间所有管线完成后,应对给管水进行试压验收,排污管通水、通球移交验收,各项验收完成后并对管槽修补部位及反砍处刷PMC防水300mm 高度,防水验收完进行48h蓄水试验。 2、沉箱陶粒混凝土搅拌回填,钢网满铺,现浇细石混凝土垫层完成,门槛 石下及穿墙管周围缝隙用1∶2∶4 陶粒混凝土填塞密实,地面阴角做半径约20mmR角。 3、根据防水涂膜施工工艺流程,对每道工序进行认真检查验收,做好记录, 须合格方可进行下道工序施工。防水层完成并实干后,对涂膜质量进行全

Web前端开发工程师笔试题.doc

Web前端开发工程师笔试题 Web前端开发工程师笔试题篇1 1. 在一个框架的属性面板中,不能设置下面哪一项。( C ) A.源文件; B.边框颜色; C.边框宽度 D.滚动条 2. CSS样式表根据所在网页的位置,可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 3.对于标签,其中*代表GET或( C ) A. SET B. PUT C. POST D. INPUT 4. HTML代码 表示?(D ) A. 创建表格 B. 创建一个滚动菜单 C. 设置每个表单项的内容

D. 创建一个下拉菜单 5. 在表单中包含性别选项,且默认状态为男被选中,下列正确的是( A ) A. 男 B. 男 C. 男 D. 男 6. 在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 } 7. 下面代码片段,说法正确的是:(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; 表示被修饰的元素的背景图像 8. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置( B )属性的。 A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度 9. 以下链接到电子邮件的正确格式是(B ) A. 邮箱 B. 邮箱 C. 邮箱 D. 邮箱 10. 若将Dreamweaver中2个横向相邻的单元格合并,则两单元格中文字会( A ) A.文字合并 B.左单元格文字丢失 C.右单元格文字丢失 D.系统出错

2014建筑专业工程师评审答辩面试题库(土建工程师)

建筑专业工程师面试题库(2014) 说明:工程师评审答辩题库分A,B,C三类,房建专业人员面试A,B两类题目,相关专业人员(市政,园林,安装,预决算等)面试A,C两类题目 A类题(公共题) 1、简述一下、建设单位的质量责任.(至少说出3条) 答:a、建设单位工程应当将工程发包给具相应资质等级的单位,建设单位不得将工程肢解分包。 b、建设工程发包单位不得迫使承包方以低于成本的价格中标、不得任意压缩工期 c、建设单位应当将施工图设计文件报县级以上人民政府建设行政主管部门或者其他有关部门审查。施工图未经审查,不得使用。 d、建设单位收到工程竣工报告后,应当组织设计、施工工程监理等有关单位进行竣工验收。 e、建设单位在领取施工许可证或者开工报告前,应当按国家有关规定办理工程质量监督手续。 2、说出建筑安装工程的分部工程的名称? 答:九个分部工程为:1、地基与基础;2、主体结构;3、建筑装饰装修;4、建筑屋面;5、建筑给水排水及采暖;6、建筑电气;7、智能建筑;8、通风与空调; 9、电梯;10建筑节能。 3、施工场地总平面布臵图的主要内容是什么? 答:(1)全部地上、地下建筑物、构筑物; (2)各种施工机械设备的布臵; (3)周围道路和建筑及场内道路布臵; (4)生产性、生活性临时设施; (5)临时供水(含消防)、供电线路及水源、电源; (6)各种材料和半成品零场、仓库 4、工地文明施工的保证项目有哪六项?(近安全检查标准答),并说明每项之主要内容。 答:文明施工检查的保证项目:(1)现场围挡(市区高 2.5m,其余高 1.8m)。(2)封闭管理(设大门和门卫)。(3)施工场地(硬化处理)。(4)材料堆放(按总平面挂牌堆放)。(5)现场住宿(作业区和生活区隔离,卫生整洁)。(6)现场防火(设消防设施)。 5、如何理解民用建筑节能? 答:是指民用建筑在规划,设计,建造和使用过程中降低能源消耗,合理利用能源的活动.具体是:(1)采用新型墙体材料,(2)执行节能标准,(3)加强建筑物用能设备的运行管理,(4)合理设计围护结构热工性能,提高采暖,制冷,通风等运行效率,(5)利用再生能源. 6、答出常见的四种砌体材料(注明哪种适用于承重墙的材料)和三种常见的砌筑

web前端开发工程师笔试题及答案

web前端开发工程师笔试题 1.html的含义是什么,其主体部分由什么标记构成? Html是一种标准,一种规范,它通过标记符号来标记要显示在网页中的各个部分,被称为超文本标记语言。 标记和之间的内容构成了html的主体部分。网页中所有内容,包括文字,图片,连接都包含在此标记符内。 2.说明在网页设计xxDIV标签的作用 Div中文名被称为“层次”可以把文档分割成独立的,不同的部分。 它可以用作严格的组织工具,并且不适用任何格式与其他关联。 3.css指的是什么?在网页设计中为什么要用到css技术? css是级联样式表,用来进行网页风格设计。使用样式表可以统一的控制html中各标志的显示属性。精确的确定元素的位置,扩充网页外观和特殊效果的显示能力。 4.css中id和class怎么定义,哪个定义的优先级别高?如果class定义一个html元素没边框,而id定义这个元素有边框,结果呢?

先听id的。 5.IE6下为什么不能第一1PX左右高度的容器? IE6默认的行高造成的。 6.怎样才能让层显示在FLASH之上? 给FLASH设置透明,param value=transparent。 7.怎样使一个层垂直剧中于浏览器中? 8. firefox嵌套div标签的剧中问题假定有如下情况:

如果要实现b在a中剧中放置该如何实现? 解决办法就是除了需要在a中设置text-align属性为center之后,还需要设置b的横向margin为auto。例如设置b的CSS样式为: margin:0 auto; 所以,设置如下就可以实现居中:

下载浏览速度快。被更多的用户访问。推广时被更多的机器访问。更少的代码,易于维护,宽带要求降低,降低成本,更容易被搜索引擎搜索到。改版方便,不需要改变内容。提供打印页面不用复制。 10.怎样解决超链接访问过后hover样式就不出现的问题。 改变CSS属性排列的顺序L-V-H-A(link ,visted,hover,active.)

相关文档
最新文档