WEB前端面笔试题总结.docx

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 这个元素