WEB前端面笔试题总结.docx

上传人:11****ws 文档编号:3261319 上传时间:2019-05-27 格式:DOCX 页数:14 大小:31.85KB
下载 相关 举报
WEB前端面笔试题总结.docx_第1页
第1页 / 共14页
WEB前端面笔试题总结.docx_第2页
第2页 / 共14页
WEB前端面笔试题总结.docx_第3页
第3页 / 共14页
WEB前端面笔试题总结.docx_第4页
第4页 / 共14页
WEB前端面笔试题总结.docx_第5页
第5页 / 共14页
点击查看更多>>
资源描述

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

2、 12. 13. 居中14. 15. 3. CSS 中 margin 和 padding 的区别margin 是外边距,属于元素之外,相邻元素的 margin 可以融合。padding 是内边距,在元素之内,相邻元素的 padding 不可融合。4. JavaScript 中如何检测一个变量是一个 String 类型?请写出函数实现function(obj) returntypeof(obj) = ”string”;5. 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“年还剩 天时分 秒”这个看我论坛右上角的就知道了6. 如何控制网页在网络传输过程中的数据量题目貌似有

3、问题,应该是减少数据量吧。最显著的方法是启用 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 插件,比较大,且更改

4、了默认的 HTML 页面行为;但可以方便地实现很多特效及动画,且具有较高权限。Ajax 的缺点是编程较为复杂,需要服务器端的支持,能实现的效果只能是 DOM API 提供的,权限很低,较难跨域;但可以显著加快页面的载入速度和用户体验。此外,二者都不能被搜索引擎索引(Google 已支持 Flash 文本的索引),不利于SEO。建议:重要和关键部分直接用 HTML,交互部分可以使用 Ajax,复杂的动画可采用Flash。百度 20101、JS 主要数据类型?5 分答:主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefine

5、d。2、img 的 alt 和 title 的异同?10 分答:title 属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。为不能显示图像、窗体或 applets 的用户代理(UA),alt 属性用来指定替换文字。使用 alt 属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。3、CSS 的 JS 调用?如 font-family, -moz-border-radius 10 分答:fontFamily 、MozBorderRadius4、CSS 布局:两列,左边宽度自适应,右边宽度固定 200px 15 分1. #box1width:100%;height:600p

6、x;position:relative;2. #left1margin-right:200px;border:1px solid red;height:100%;3. #right1width:200px;height:100%;position:absolute;top:0px;right:0px;border:1px solid blue;4. 5. 6. 7. 5、js 对象的深度克隆?20 分1. Object.prototype.deepClone=function()2. function cloneObj() 3. cloneObj.prototype=this;4. var o

7、bj=new cloneObj();5. for(var o in obj)6. if(typeof(objo)=“object“)objo=objo.deepClone();7. return obj;8. 6、动态打印时间,格式为 yyyy-MM-dd hh:mm:ss? 15 分1. function printTime()2. var timer1=new Date();3. var timer=timer1.toLocaleString();4. timer=timer.replace(/年月/g,“-“);5. timer=timer.replace(/日 /,“);6. time

8、.innerHTML=timer;7. setInterval(“printTime()“,1000);7、如何提高网页运行性能?20 分没写。8、linux 下删除当前目录下扩展名为 c 的文件(如 a.c,b.c)5 分rmr *.cfind. -name “*.doc” -type f -exec cp /tmp/doc ;找到当前目录( .)下扩展名为(doc)的文件并拷贝到指定目录【注意-type f 指普通文件,-exec ls-l列出文件,最后加上 】cpoptions source dest 复制9、flash as2.0 和 flash as3.0 在面向对象方面的异同?10

9、 分答:面向对象方面,2.0 像 javascript,3.0 像 java。到了 AS 2.0,面向对象被引入了,但它实质上是动态脚本语言,虽然已经有了类的概念和 class 关键字,但对象支持还是基于类似 JavaScript 的 prototype 机制 动态继承。3.0 同时支持静态类型,即基于类的继承方式;以及动态类型,即基于 prototype 的继承方式。推荐用静态类型。10、Flash、Ajax 各自的优缺点,在使用中如何取舍?10 分1、 Flashajax 对比Flash 适合处理多媒体、矢量图形、访问机器;对 CSS、处理文本上不足,不容易被搜索。Ajax 对 CSS、文

10、本支持很好,支持搜索;多媒体、矢量图形、机器访问不足。共同点:与服务器的无刷新传递消息、用户离线和在线状态、操作 DOM2、项目中遇到什么问题?如何解决?前端题目总结HTML 相关1. 标签的定义与用法。2. 块级元素和行内元素都有哪些?3. 你真的了解 HTML 吗? 雅虎面试题把前面黄底那段拿去搜索下就知道了( 曾在某浪公司面试的时候被问到过,确实是很好的问题)。CSS 相关1. 介绍所知道的 CSS hack 技巧(如:_, *, +, 9, !important 之类)。2. 介绍 CSS 盒模型。3. CSS 层叠是什么?介绍一下。4. 都知道哪些 CSS 浏览器兼容性问题。5. 有

11、时会被问到些刁钻点的题,比如 position 值都有哪些,CSS3 都有哪些新内容.JavaScript 基础相关1. HTTP 协议的状态消息都有哪些? (如 200、302 对应的描述)2. AJAX 是什么? AJAX 的交互模型 (流程)? AJAX 跨域的解决办法?3. 同步和异步的区别? 4. 简述 JavaScript 封装。5. JavaScript 继承有哪两种形式形式,进行描述。6. 什么是闭包?以下代码点击会输出什么?为什么?能大概说明白的话继续问能想出几种解决办法。答案: 5 解释: 由于闭包 i 被保留在内存中,alert 显示的是 i 当前的值, 最后一次 i+

12、会导致 i 为 5闭包演示 p background:gold;function init() var pAry = document.getElementsByTagName(“p“); for( var i=0; i 产品 0 产品 1 产品 2 产品 3 产品 4 7. 在 JS 中 this 关键字的使用场合和用法(如在构造函数中、 setTimeout 中等)。8. 简述下 cookie 的操作,还有 cookie 的属性都知道哪些。9. IE 与 FF 的 JS 兼容性都知道哪些。10. DOM 操作 - 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题,一般不会问

13、)。jQuery 相关1. jQuery 源码是否尝试去读过?说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。2. 都知道哪些不好的 jQuery 书写方式。3. Sizzle 是否有读过?其它相关的加分项:1. 都使用和了解过哪些编辑器?都使用和了解过哪些日常工具?2. 都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器?3. 国内外的 JS 牛人都知道哪些?4. 瀑布流布局或者流式布局是否有了解5. 正则表达式有系统学习过吗(看书或网上教程)?有的话就问问简单点的邮箱验证、URL 验证, 或者问问 贪婪匹配与懒惰匹配 的理论知识。6. Node.js 是否有过尝试?到

14、什么程度?说说个人理解的看法?7. HTML5 都有哪些新的 JS API?8. 前端优化知识都知道哪些?9. 基础算法题(如快速排序,能否一两句说说重要的核心原理或者数组消重等)。10. 是否有接触过或者了解过重构。其他一些总结百度 web 前端笔试试卷上的题目:1.判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为 5-202.截取字符串 abcdefg 的 efg3.让一个 input 的背景颜色变成红色4。给一个页面,写 html css5。div 的高宽等于浏览器可见区域的高宽,浏览器滚动,div 始终覆盖浏览器的整个可见区域6。判断一个字符串中出现

15、次数最多的字符,统计这个次数7。IE 与 FF 脚本兼容性问题又重新问的是 1,4 ,6,7,这次问出题者的意图,并且让给出 7 的更多答案,以及 IE FF不兼容的原因然后看了看简历,没有问简历上的项目,而是让自己随便谈谈1 对于 web 客户端技术未来趋势发展谈谈看法javascript + ajax=RIAAdobe Flash AS 3FlexSliveright2web 开发团队人员应该如何分工协作布局 CSS 脚本比如脚本人员长期的积累可能铸造类型 YUI 这样的产品级脚本库(亮点)3web 开发曾经的团队有没有别人遇到问题,什么问题,向你请教4 如果要实习,什么时候可以5 自己在

16、开发的过程中遇到什么问题,谈谈看法6web 开发脚本开发环境用什么、调试用什么试过 aptana,现在就用 editplus调试肯定用 firebug,ie 下看页面 DOM 用 IEInspector7 如果有个新技术,现在需要掌握,你会怎么做新技术的发现我一般是通过 RSS 工具,比如我用 GoogleReader每天有半个小时左右在看最新的资讯、技术走向发现新技术,首先有个大概了解,如果有深入的必要我一般会看他的官网,比如 jquery,我会搜索到 ,然后看Docs、samples如果要用到项目中,有困难的问题,我会 svn 得到最新的这个技术的源码,深入跟踪进去,看实现原理一般现在涌现

17、的技术都是 opensource提问时间1 百度 web 开发脚本是否有做类似 YUI 库的打算2 百度 web 开发工程师打算招多少人百度电话二面回忆 web 开发部web 开发工程师首先是自我介绍然后谈谈做的 web 项目然后开始问技术问题前端开发的优化问题答:产品发布时,js 的压缩,即函数名替换、整个文件压缩成一行css 开发的时候 注释写清楚,先有个 base.css,然后根据不同页面需要再加 css,发布的时候将 css 中的一个定义写成一行,目的是压缩文件大小最终发布的时候甚至可以将 css,js 分别压缩成一个文件,甚至 css、js 通过技巧压缩到一个里边(亮点)这样的目的是

18、,减少用户访问 web 产品的 http 连接数web 前端产品的开发流程答:首先根据产品的定位、用户群,确定配色,然后纸上设计整体布局,然后 png 或者 psd出效果图,切出需要的小图片,然后手写代码 div+css 构造出页面,然后根据功能写脚本参考 126 邮箱首页,将所有小图片放到一个图片中,通过 css 的 background-position 实现页面,还是为了优化,减少 http 连接数规避 javascript 多人开发函数重名问题答:首先是通过命名规范,比如根据不同的开发人员实现的功能,在函数名加前缀,虽然函数名看起来复杂,发布的时候还是可以替换,从而优化。还有一种办法是

19、,每个开发人员都把自己的函数封装到类中,然后调用的时候即使函数名相同,但是因为是要类.函数名来调用,所以也减少了重复的可能性。javascript 面向对象中继承实现答:我是用 prototype.js extend.js 扩展然后子类中 parent.initialize()答的不好正确答案:/ 1. 构造器function Animal() ;function Mammal() ;function Canine() ;function Dog() ;/ 2. 原型链表Mammal.prototype = new Animal();Canine.prototype = new Mammal(

20、);Dog.prototype = new Canine();prototype.js 实现的基本原理答:将功能封装比如 Ajax.Request,还是有判断浏览器的代码;Position 这样的实现页面元素位置的计算prototye 太大,如果一个页面功能不需要这样的,自己实现,怎么做答:首先页面、css、脚本分离之后,脚本中将整个模块功能写成一个类 var Do=其中初始化函数 init:function(),然后最后做 Do.init()其中 init 会对页面上 form 中需要交互的元素绑定事件,比如$( input1).onclick=function()IE、 FF 下面脚本的区

21、别答:1.IE 有 outerHTML,FF 没有2.页面元素 id,IE 可以直接取,FF 必须 document.getElementById()3.Ajax 里边 FF 是 newXMLHttpRequest,而 IE 是try new ActiveXObject(Msxml2.XMLHTTP)try new ActiveXObject(Microsoft.XMLHTTP)FF 下面实现 outerHTML答:.parenet.firstChild .parent.innerHTML这个没答好正确答案:原理是,get:取到这个标签的 tagname,然后属性循环构造成这个标签的属性set:把字符串用 insertBefore 插入到这个元素前面,然后 removeChild 这个元素

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 重点行业资料库 > 医药卫生

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。