web前端面试题
tracyling
这个作者很懒,什么都没留下…
展开
-
<!DOCTYPE>标签的定义与用法
声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 HTML HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。 如果您需要干净的标记,免于表现原创 2013-07-20 16:19:28 · 684 阅读 · 0 评论 -
javascript变量作用域、匿名函数及闭包
一、JavaScript变量作用域(scope) 首先需要明白的几个要点: 1.JavaScript的变量作用域是基于其特有的作用域链的。 2.JavaScript没有块级作用域。 3.函数中声明的变量在整个函数中都有定义。(就后面第三点的说明) 4 .所有在最外层定义(非函数体内定义)的变量都拥有全局作用域 5. 所有末定义直接赋值的变量,系统会自动声明为拥有全局作用域的变量 6.转载 2013-09-11 14:18:31 · 2415 阅读 · 0 评论 -
js在IE和FF下的兼容性问题
本文出自前端档案,以作学习参考之用。自己也补充了一些内容 长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五转载 2013-07-28 10:57:16 · 628 阅读 · 0 评论 -
前端开发面试题
1、列举你工作中遇到的IE6 BUG,谈谈解决方案。 a.双倍边距bug: 例如:当给父元素内第一个浮动元素设置margin-left或margin-right的时候,margin属性会加倍,此时需要添加属性display:inline. 这样能避免双倍边距 b.发生在一个元素浮动,然后一个不浮动的元素自然上浮与之靠近会出现的 3px的bug。只有采用“暴力破解法”,人为地调整3px。转载 2013-07-22 16:46:04 · 4029 阅读 · 0 评论 -
Javascript 的addEventListener()及attachEvent()区别分析
大家都知道事件的用法就是当某个事件(状况)被触发了之后就会去执行某个Function, 尤其是Javascript, 在当红AJAX的催化下, 了解Javascript的Event用法更加重要, 在这里就大概介绍一下avascript的Event用法. Mozilla中: addEventListener的使用方式: target.addEve转载 2013-07-28 10:08:21 · 512 阅读 · 0 评论 -
AJAX是什么? AJAX的交互模型(流程)?同步和异步的区别? AJAX跨域的解决办法?
ajax是异步的 JavaScript 和 XML。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 交互流程: 1--启动 获取XMlHttpRequest对象 2--open 打开url通道,并设置异步传输 3--send 发原创 2013-07-20 22:40:15 · 4335 阅读 · 0 评论 -
CSS 多浏览器兼容性问题及解决方案
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题:转载 2013-07-20 17:27:51 · 747 阅读 · 0 评论 -
介绍CSS盒模型
每个HTML标记都可看作一个盒子; 每个盒子都有:内容(content)、填充(padding)、边框(border)、边界(margin)四个属性; 每个属性都包括四个部分:上、右、下、左;这四部分可同时设置,也可分别设置; 内容是盒子模型的中心,它呈现了盒子的主要信息。内容有三个属性,width、height和overflow。 填充是内容和边框之间的空原创 2013-07-20 17:17:35 · 963 阅读 · 0 评论 -
css hack
IE6、IE7、FF 与兼容性有关的特性 CSS HACK 代码: 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important(优先级); 一、C转载 2013-07-20 17:05:41 · 607 阅读 · 0 评论 -
你真的了解HTML吗?–雅虎面试题
有这么一段HTML,请挑毛病: 哥写的不是HTML,是寂寞。 我说:不要迷恋哥,哥只是一个传说 考点1:html和 xhtml的区别 这行代码在html 4.01 strict下是完全正确的,在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的,p,br需要闭合, 标签不允许大写,P转载 2013-07-20 16:32:32 · 562 阅读 · 0 评论 -
HTTP协议的状态消息都有哪些?
状态码分类 已定义范围 分类 1XX 100-101 信息提示 2XX 200-206 成功 3XX 300-305 重定向 4XX 400-415 客户端错误 5XX 500-505 服务器错误转载 2013-07-20 17:49:39 · 1647 阅读 · 0 评论 -
块级元素和行内元素都有哪些?
块级元素:会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子。 行内元素:没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。 块级元素: div、p、h1-h6、hr、ul、ol、form、dl、table、pre 行内元素: a、b、i、u、em、input、原创 2013-07-20 16:24:29 · 1812 阅读 · 0 评论 -
Web性能优化方案
第一章 打开网站慢现状分析 在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的?为了缩短页面的响应时间,改进我们的用户体验,我们需要知道用户的时间花在等待什么东西上。 可以跟踪一下我们的登录页面,如下图所示 从上图我们可以分析知道,HTML文档只占了总响应时间的20%,其它80%响应时间用来下载JS、CSS、图片等组件。所以WEB前端有很大的优化空间,转载 2013-09-05 18:49:51 · 582 阅读 · 0 评论