没有合适的资源?快使用搜索试试~ 我知道了~
“优雅降级”观点 “优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为 “过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限 定为主流浏览器(如 IE、Mozilla 等)的前一个版本。 在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无 妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏 览器。但由于它们并非我们所关注的焦点,因此除了修复较大的错误之外,其它的差异将被 直接忽略。 “渐进增强”观点 “渐进增强”观点则认为应关注于内容本身。 内容是我们建立网站的诱因。有的网站展示它,有的则收集它,有的寻求,有的操作,还有 的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得“渐进增强”成为 一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器 支持 (Graded Browser Support)”策略的原因所在。 那么问题来了。现在产品经理看到 IE6,7,8 网页效果相对高版本现代浏览器少了很多圆角, 阴影(CSS3),要求兼容(
资源推荐
资源详情
资源评论
前端面试题汇总
一、HTML 和 CSS
...............................................................................................................................
19
1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
..........................
19
2、每个 HTML 文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
....
19
3、Quirks 模式是什么?它和 Standards 模式有什么区别
...............................................
19
4、div+css 的布局较 table 布局有什么优点?
.................................................................
20
5、 img 的 alt 与 title 有何异同? strong 与 em 的异同?
..........................................
20
6、你能描述一下渐进增强和优雅降级之间的不同吗?
......................................................
20
7、为什么利用多个域名来存储网站资源会更有效?
........................................................
21
8、请谈一下你对网页标准和标准制定机构重要性的理解。
............................................
21
9、请描述一下 cookies,sessionStorage 和 localStorage 的区别?
..........................
21
10、简述一下 src 与 href 的区别。
.....................................................................................
22
11、知道的网页制作会用到的图片格式有哪些?
..............................................................
22
12、知道什么是微格式吗?谈谈理解。在前端构建中应该考虑微格式吗?
..................
23
13、在 css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次 js
请求一般情况下有哪些地方会有缓存处理?
......................................................................
23
14、一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图
片的加载,给用户更好的体验。
...........................................................................................
23
15、你如何理解 HTML 结构的语义化?
................................................................................
23
16、谈谈以前端角度出发做好 SEO 需要考虑什么?
..........................................................
24
17、有哪项方式可以对一个 DOM 设置它的 CSS 样式?
......................................................
26
18、CSS 都有哪些选择器?
....................................................................................................
26
19、CSS 中可以通过哪些属性定义,使得一个 DOM 元素不显示在浏览器可视范围内?27
20、超链接访问过后 hover 样式就不出现的问题是什么?如何解决?
..........................
27
21、什么是 Css Hack?ie6,7,8 的 hack 分别是什么?
....................................................
27
22、请用 Css 写一个简单的幻灯片效果页面
......................................................................
28
24、行内元素和块级元素的具体区别是什么?行内元素的 padding 和 margin 可设置吗?
...................................................................................................................................................
29
25、什么是外边距重叠?重叠的结果是什么?
..................................................................
29
26、rgba()和 opacity 的透明效果有什么不同?
..............................................................
29
27、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
...........................
30
28、如何垂直居中一个浮动元素?
.......................................................................................
30
29、px 和 em 的区别。
............................................................................................................
31
30、描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗?你了解他
们的不同之处?
.......................................................................................................................
31
31、Sass、LESS 是什么?大家为什么要使用他们?
.........................................................
31
32、display:none 与 visibility:hidden 的区别是什么?
.............................................
32
34、CSS 中 link 和@import 的区别是:
..............................................................................
32
itjc8.com
35、简介盒子模型:
...............................................................................................................
32
36、为什么要初始化样式?
...................................................................................................
33
37、BFC 是什么?
......................................................................................................................
33
38、html 语义化是什么?
......................................................................................................
33
39、Doctype 的作用?严格模式与混杂模式的区别?
.......................................................
34
40、IE 的双边距 BUG:块级元素 float 后设置横向 margin,ie6 显示的 margin 比设置
的较大。解决:加入_display:inline
..............................................................................
34
41、HTML 与 XHTML——二者有什么区别?
..........................................................................
34
42、html 常见兼容性问题?
..................................................................................................
34
43、对 WEB 标准以及 W3C 的理解与认识
..............................................................................
35
44、行内元素有哪些?块级元素有哪些?CSS 的盒模型?
.....................................................
35
45、前端页面有哪三层构成,分别是什么?作用是什么?
..................................................
35
46、Doctype 作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?35
47、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
................................
35
48、CSS 的盒子模型?
............................................................................................................
36
49、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3 新增伪类有
那些?
.......................................................................................................................................
36
50、如何居中 div,如何居中一个浮动元素?
.......................................................................
36
51、浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是
什么,常用 hack 的技巧 ?
...................................................................................................
37
52、列出 display 的值,说明他们的作用。position 的值, relative 和 absolute 定
位原点是?
...............................................................................................................................
38
53、absolute 的 containing block 计算方式跟正常流有什么不同?
...........................
38
54、position 跟 display、margin collapse、overflow、float 这些特性相互叠加后
会怎么样?
...............................................................................................................................
38
55、对 WEB 标准以及 W3C 的理解与认识
..............................................................................
38
56、css 的基本语句构成是?
..................................................................................................
39
57、浏览器标准模式和怪异模式之间的区别是什么?
........................................................
39
58、CSS 中可以通过哪些属性定义,使得一个 DOM 元素不显示在浏览器可视范围内?39
59、超链接访问过后 hover 样式就不出现的问题是什么?如何解决?
..........................
39
60、什么是 Css Hack?ie6,7,8 的 hack 分别是什么?
....................................................
39
62、请用 Css 写一个简单的幻灯片效果页面
......................................................................
40
63、行内元素和块级元素的具体区别是什么?行内元素的 padding 和 margin 可设置吗?
...................................................................................................................................................
41
64、什么是外边距重叠?重叠的结果是什么?
..................................................................
41
65、rgba()和 opacity 的透明效果有什么不同?
..............................................................
41
66、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
...........................
42
67、如何垂直居中一个浮动元素?
.......................................................................................
42
itjc8.com
68、描述一个"reset"的 CSS 文件并如何使用它。知道 normalize.css 吗?你了解他们
的不同之处?
...........................................................................................................................
43
69、说 display 属性有哪些?可以做什么?
......................................................................
43
70、哪些 css 属性可以继承?
...............................................................................................
43
71、css 优先级算法如何计算?
............................................................................................
43
72、b 标签和 strong 标签,i 标签和 em 标签的区别?
......................................................
43
73、有那些行内元素、有哪些块级元素、盒模型?
..........................................................
44
74、有哪些选择符,优先级的计算公式是什么?行内样式和!important 哪个优先级高?
...................................................................................................................................................
45
75.我想让行内元素跟上面的元素距离 10px,加 margin-top 和 padding-top 可以吗?45
76.CSS 的盒模型由什么组成?
..............................................................................................
45
77、.说说 display 属性有哪些?可以做什么?
................................................................
45
78、哪些 css 属性可以继承?
...............................................................................................
45
79、css 优先级算法如何计算?
............................................................................................
45
80、text-align:center 和 line-height 有什么区别?
...................................................
46
81、前端页面由哪三层构成,分别是什么?作用是什么?
..............................................
46
82、写一个表格以及对应的 CSS,使表格奇数行为白色背景,偶数行为灰色,鼠标一上
去为黄色背景。
.......................................................................................................................
46
二、JS 基础
......................................................................................................................................
46
1、javascript 的 typeof 返回哪些数据类型
.....................................................................
46
2、例举 3 种强制类型转换和 2 种隐式类型转换?
..............................................................
46
3、split() join() 的区别
...................................................................................................
46
4、数组方法 pop() push() unshift() shift()
...............................................................
47
5、事件绑定和普通事件有什么区别
.....................................................................................
47
6、IE 和 DOM 事件流的区别
....................................................................................................
47
7、IE 和标准下有哪些兼容性的写法
....................................................................................
47
8、call 和 apply 的区别
........................................................................................................
48
9、b 继承 a 的方法
..................................................................................................................
48
10、JavaScript this 指针、闭包、作用域
.......................................................................
48
11、事件委托是什么
...............................................................................................................
48
12、闭包是什么,有什么特性,对页面有什么影响
..........................................................
48
13、如何阻止事件冒泡和默认事件
.......................................................................................
48
14、添加 删除 替换 插入到某个接点的方法
....................................................................
49
15、javascript 的本地对象,内置对象和宿主对象
.........................................................
49
16、document load 和 document ready 的区别
................................................................
49
17、”==”和“===”的不同
.................................................................................................
49
18、javascript 的同源策略
..................................................................................................
50
19、编写一个数组去重的方法
...............................................................................................
50
itjc8.com
20、JavaScript 是一门什么样的语言,它有哪些特点?
.................................................
50
21、JavaScript 的数据类型都有什么?
.............................................................................
51
22、已知 ID 的 Input 输入框,希望获取这个输入框的输入值,怎么做?(不使用第三方
框架)
.........................................................................................................................................
52
23、希望获取到页面中所有的 checkbox 怎么做?(不使用第三方框架)
........................
52
24、设置一个已知 ID 的 DIV 的 html 内容为 xxxx,字体颜色设置为黑色(不使用第三方
框架)
.........................................................................................................................................
52
25、当一个 DOM 节点被点击时候,我们希望能够执行一个函数,应该怎么做?
..........
52
26、看下列代码输出为何?解释原因。
..............................................................................
53
27、看下列代码,输出什么?解释原因。
............................................................................
53
28、看下列代码,输出什么?解释原因。
............................................................................
53
29、看代码给答案。
...............................................................................................................
54
30、已知数组 var stringArray = [“This”, “is”, “Baidu”, “Campus”],
Alert 出”This is Baidu Campus”。
.........................................................................
54
31、var numberArray = [3,6,2,4,1,5]; (考察基础 API)
...................................
55
32、输出今天的日期,以 YYYY-MM-DD 的方式,比如今天是 2014 年 9 月 26 日,则输出
2014-09-26
...............................................................................................................................
55
33、将字符串”<tr><td>{$id}</td><td>{$name}</td></tr>”中的{$id}替换成 10,
{$name}替换成 Tony (使用正则表达式)
.........................................................................
56
34、为了保证页面输出安全,我们经常需要对一些特殊的字符进行转义,请写一个函数
escapeHtml,将<, >, &, “进行转义
..........................................................................
56
35、foo = foo||bar ,这行代码是什么意思?为什么要这样写?
................................
56
36、看下列代码,将会输出什么?(变量声明提升)
............................................................
57
37、用 js 实现随机选取 10–100 之间的 10 个数字,存入一个数组,并排序。
..........
57
38、把两个数组合并,并删除第二个元素。
......................................................................
57
39、怎样添加、移除、移动、复制、创建和查找节点(原生 JS,实在基础,没细写每
一步)
.......................................................................................................................................
58
40、有这样一个 URL:http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e,请写
一段 JS 程序提取 URL 中的各个 GET 参数(参数名和参数个数不确定),将其按 key-value
形 式 返 回 到 一 个 json 结 构 中 , 如 {a: ’ 1 ′ , b: ’ 2 ′ , c: ” , d: ’
xxx’, e:undefined}。
.......................................................................................................
58
41、正则表达式构造函数 var reg=new RegExp(“xxx”)与正则表达字面量 var reg=//
有什么不同?匹配邮箱的正则表达式?
..............................................................................
59
42、写一个 function,清除字符串前后的空格。(兼容所有浏览器)
.........................
59
43、Javascript 中 callee 和 caller 的作用?
.................................................................
60
44、Javascript 中, 以下哪条语句一定会产生运行错误? 答案( B )
.........
61
45、以下两个变量 a 和 b,a+b 的哪个结果是 NaN? 答案( C )
.....................
61
46、var a=10; b=20; c=4; ++b+c+a++ 以下哪个结果是正确的?答案( B )
........
61
itjc8.com
47、下面的 JavaScript 语句中,( D )实现检索当前页面中的表单元素中的所有文本
框,并将它们全部清空
...........................................................................................................
61
48、要将页面的状态栏中显示“已经选中该文本框”,下列 JavaScript 语句正确的是
( A )
.....................................................................................................................................
62
49、以下哪条语句会产生运行错误:(A)A.var obj = ();
.var obj = [];
Cvar obj = {};
D.ar obj = //;
.......................................................................................................................
62
50、以下哪个单词不属于 javascript 保留字:(B)A.with
.parent
Cclass
D.oid
.........................................................................................................................................
62
51、请选择结果为真的表达式:(C)A.null instanceof Object
.null === undefined
Cnull == undefined
D.aN == NaN
.............................................................................................................................
62
52、Javascript 中, 如果已知 HTML 页面中的某标签对象的 id=”username”,用
____document.getElementById(‘username’)___ _方法获得该标签对象。
..............
62
53 、 typeof 运 算 符 返 回 值 中 有 一 个 跟 javascript 数 据 类 型 不 一 致 , 它 是
________”function”_________。
.....................................................................................
62
54、定义了一个变量,但没有为该变量赋值,如果 alert 该变量,javascript 弹出的
对话框中显示___undefined______ 。
................................................................................
62
55、分析代码,得出正确的结果。
.......................................................................................
62
56、写出函数 DateDemo 的返回结果,系统时间假定为今天
............................................
63
57、写出程序运行的结果?
...................................................................................................
64
58、阅读以下代码,请分析出结果:
...................................................................................
64
59、补充按钮事件的函数,确认用户是否退出当前页面,确认之后关闭窗口; <html>64
60、写出简单描述 html 标签(不带属性的开始标签和结束标签)的正则表达式,并将
以下字符串中的 html 标签去除掉
.........................................................................................
65
61、完成 foo()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。65
62、完成函数 showImg(),要求能够动态根据下拉列表的选项变化,更新图片的显示66
63、截取字符串 abcdefg 的 efg
............................................................................................
66
64、列举浏览器对象模型 BOM 里常用的至少 4 个对象,并列举 window 对象的常用方法
至少 5 个
...................................................................................................................................
67
65、简述列举文档对象模型 DOM 里 document 的常用的查找访问节点的方法并做简单说
明
...............................................................................................................................................
67
66、希望获取到页面中所有的 checkbox 怎么做?(不使用第三方框架)
........................
67
67、JavaScript 的数据类型都有什么?
.............................................................................
67
itjc8.com
剩余177页未读,继续阅读
资源评论
paterWang
- 粉丝: 1060
- 资源: 1206
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功