【优质】web前端面试自我介绍-推荐word版 (9页)
本文部分内容来自网络整理，本司不为其真实性负责，如有异议或侵权请及时联系，本司将立即删除！
== 本文为word格式，下载后可方便编辑和修改！ ==
web前端面试自我介绍
篇一：web前端面试题
智能社高级 JS、HTML5 培训淘宝店：https://www.360docs.net/doc/9b18223748.html,常见前端开发面
试题摘要：面试题是招聘公司和开发者都非常关心的话题，公司希望通过它了
解开发者的真实水平和细节处理能力，开发者希望能够最大程度地展示自己的
水平（甚至超常发挥）。本文提供了众多前端开发面试题，无论是招聘方是
应聘方都值得一看！一般问题1、你用 Twitter 吗？（在天朝最好问你用微
博吗？） ? 如果用，你都关注那些人？ 2、你用 Github 吗？ ? 如果用，你
关注的项目有什么？ 3、你关注的博客有那些？ 4、你使用那些版本管理系统，比如 Git，SVN 等？ 5、你常用的开发环境是怎样的？比如操作系统，文本编
辑器，浏览器，及其他工具等。6、你能描述一下你制作一个网页的工作流程吗？
7、你能描述一下渐进增强和优雅降级之间的不同吗? ? 如果提到了特性检测，可以加分。8、请解释一下什么是语义化的 HTML。9、你更喜欢在哪个浏览器下进行开发？你使用那些开发人员工具？10、你如何对网站的文件和资源进行优化？ ? 期待的解决方案包括： ? 文件合并 ? 文件最小化/文件压缩 ? 使用CDN 托管 ? 缓存的使用 ? 其他
智能社高级 JS、HTML5 培训淘宝店：https://www.360docs.net/doc/9b18223748.html,1、网页设计采用div+css 有什么好处？布局实现了表现与内容的分离，大大缩减页面代码，符
合 W3C 的标准，兼容性更好；易于后期网站的更新、护；SEO 的优化：对搜
索引擎更加友好，更容易被搜索引擎收录。2、前端页面有哪三层构成，分别是什么？作用是什么？网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如， P 签表达了这
样一种语义：“这是一个文本段。” 网页的表示层（presentation layer）由CSS 负责创建。CSS 对“如何显示有关内容”的问题做出了回答。网页的行为
层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 宰的领域。3、CSS 属性 overflow 用于设置元
素超过宽度时是否隐藏或显示滚动条4、ie 中如何让超出宽度的文字显示为省
略号？ {overflow:hidden;width:xxx;white-space:nowrap;text-
overflow:ellipsis;}5、点击标签中的文本，可使多选框聚焦6、以图换字，其实是为
了保证页面的可读性，这样既有利于搜索引擎，又有利于结构查看；只需要将
字体和行设置为 0，然后 overflow:hidden 就行;不过这样在 Safari 和
Chrome 下还是会有 1px 高的字出现，所以应该再设置下字体的颜色和背景图相同或相近。以此就同样可以达到隐藏内容的目的，暂时还没发现有什么副作用，强烈推7、DIV CSS 设计中如何去掉链接的虚线框？ IE 下： href="#"onfocus="this.blur();"> FF 下:a{outline:none;}8、如何区别display:none 与 visibility:hidden? 相同的是 display:none 与 visibility:hidden 都可以用来隐藏某个元素；不同的是 display:none 在隐藏元素的时候，将其占位空间也去掉；而 visibility:hidden 只是隐藏了内容而已，其位空间仍然保留。 智能社高级 JS、HTML5 培训淘宝店：https://www.360docs.net/doc/9b18223748.html,1、如下两个 div 元素垂直距离是多少？ style="margin-top:10px">
的？.a{ background-color:#FF0000; } .b{ background-color:#00FF00; }
5、用 css 给如下按钮设置背景图片 bg.jpg，并隐藏按钮上的文字？智能社高级 JS、HTML5 培训淘宝店：https://www.360docs.net/doc/9b18223748.html,1. 2.自我评价一下 HTML/CSS/JS 的掌握情况简述 HTML 经常使用的标签和作用。
Div/a/p/span/li/ul/ol/table/tr/td3.你认为最常遇到的兼容 Bug 有哪些?有哪些问题是你认为解决起来最麻烦的? IE6 PNG IE6 Fixed4. 5. 6.块级元素和行内元素都有哪些? 行内元素有哪些特点? 介绍所知道的 CSS hack 技巧(如：_， *， +， \9， !important 之类) CSS 定位方式有哪些?position 属性的值有哪些?他们之间的区别是什么? 在 CSS 中关于定位的内容是：
position:relative | absolute | static | fixed ? ? static 没有特别的设定，遵循基本的定位规定，不能通过 z-index 进行层次分级。relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过 z-index 进行级。 ?absolute 脱离文档流，通过 top,bottom,left,right 定位。选 53D6 其最近的父级定位元素，当父级 posistatic 时，absolute 元素将以 body 坐标原点进行定位，可以通过 z-index 进行层次分级。 ?
7.fixed 固定定位，这里他所固定的对像是可视窗口而并非是 body 或是父级元素。可通过 z-index 进行层次函数的几种定义方法 function a(){}, var a = function(){}8.对象的定义方法 a = new Object(), a = {}9.类的定义方法（prototype）（继承） Var a = function(){} a.prototype = {} new
a();10. this 关键字的指向 obj.foo() == obj foo() == window; new
obj.foo() == obj //方法调用模式,this 指向 obj //函数调用模式,this 指向 window //构造器调用模式, this 指向新建立对象foo.call(obj) ==
obj;//APPLY 调用模式,this 指向 obj 11. DOM 操作在
id=”a”>hello