《前端面试题宝典（最新精选汇编）》由会员分享，可在线阅读，更多相关《前端面试题宝典（最新精选汇编）（191页珍藏版）》请在金锄头文库上搜索。
1、前端面试题汇总一、HTML和CSS211. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?212. 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？213. Quirks模式是什么？它和Standards模式有什么区别214. div+css的布局较table布局有什么优点？225. img的alt与title有何异同？ strong与em的异同？226. 你能描述一下渐进增强和优雅降级之间的不同吗?237. 为什么利用多个域名来存储网站资源会更有效？238. 请谈一下你对网页标准和标准制定机构重要性的理解。249. 请描述一下cookies，sess
2、ionStorage和localStorage的区别？2410. 简述一下src与href的区别。2411. 知道的网页制作会用到的图片格式有哪些？2512. 知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？2513. 在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？2514. 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。2515. 你如何理解HTML结构的语义化？2616. 谈谈以前端角度出发做好SEO需要考虑什么？2717. 有哪项方式可以对一个DOM设置
3、它的CSS样式？2818. CSS都有哪些选择器？2819. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？2920. 超链接访问过后hover样式就不出现的问题是什么？如何解决？2921. 什么是Css Hack？ie6,7,8的hack分别是什么？3022. 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？3023. 什么是外边距重叠？重叠的结果是什么？3124. rgba()和opacity的透明效果有什么不同？3125. css中可以让文字在垂直和水平方向上重叠的两个属性是什么？3126. 如何垂直居中一个浮动元素？312
4、7. px和em的区别。3228. 描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？3329. Sass、LESS是什么？大家为什么要使用他们？3330. display:none与visibility:hidden的区别是什么？3331. CSS中link和import的区别是：3432. 简介盒子模型：3433. 为什么要初始化样式？3434. BFC是什么?3535. html语义化是什么？3536. Doctype的作用？严格模式与混杂模式的区别？3537. IE的双边距BUG：块级元素float后设置横向margin，ie6显示
5、的margin比设置的较大。3538. HTML与XHTML二者有什么区别？3539. html常见兼容性问题？3640. 对WEB标准以及W3C的理解与认识3641. 行内元素有哪些?块级元素有哪些?CSS的盒模型?3642. 前端页面有哪三层构成，分别是什么?作用是什么?3743. Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?3744. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？3745. CSS的盒子模型？3746. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？3747. 如何居中div,如何
6、居中一个浮动元素?3848. 浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？3949. 列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？4050. absolute的containing block计算方式跟正常流有什么不同？4051. 对WEB标准以及W3C的理解与认识4152. css的基本语句构成是?4153. 浏览器标准模式和怪异模式之间的区别是什么?4154. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？4155. 行内元素和块级元素的具体
7、区别是什么？行内元素的padding和margin可设置吗？4256. 什么是外边距重叠？重叠的结果是什么？4258、描述一个reset的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？4257. 说display属性有哪些？可以做什么？4358. 哪些css属性可以继承？4359. css优先级算法如何计算？4360. b标签和strong标签,i标签和em标签的区别？4361. 有那些行内元素、有哪些块级元素、盒模型？4362. 有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？4563. 我想让行内元素跟上面的元素距离10p
8、x，加margin-top和padding-top可以吗？4564. CSS的盒模型由什么组成？4565. 说说display属性有哪些？可以做什么？4666. 哪些css属性可以继承？4667. css优先级算法如何计算？46二、JS基础461. javascript的typeof返回哪些数据类型462. 例举3种强制类型转换和2种隐式类型转换?473. split() 、join() 的区别474. 数组方法pop() push() unshift() shift()475. 事件绑定和普通事件有什么区别476. IE和DOM事件流的区别487. IE和标准下有哪些兼容性的写法488. c
9、all和apply的区别499. b继承a的方法4910. 如何阻止事件冒泡和默认事件5011. 添加 删除 替换 插入到某个接点的方法5012. javascript的本地对象，内置对象和宿主对象5013. window.onload 和document ready的区别5014. ”=”和“=”的不同5115. javascript的同源策略5116. JavaScript是一门什么样的语言，它有哪些特点？5117. JavaScript的数据类型都有什么？5218. 已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)5319. 希望获取到页面中所有的ch
10、eckbox怎么做？(不使用第三方框架)5320. 设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)5321. 当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？5322. 看下列代码输出为何？解释原因。5423. 看下列代码,输出什么？解释原因。5424. 看下列代码,输出什么？解释原因。5425. 看代码给答案。5626. 已知数组varstringArray=“This”,“is”,“Baidu”,“Campus”，Alert出”ThisisBaiduCampus”。5627. 已知有字符串foo=”get-element-by-i
11、d”,写一个function将其转化成驼峰表示法”getElementById”。5628. varnumberArray=3,6,2,4,1,5; （考察基础API）5729. 输出今天的日期，以YYYY-MM-DD的方式，比如今天是2014年9月26日，则输出2014-09-265730. 将字符串”$id$name”中的$id替换成10，$name替换成Tony （使用正则表达式）5831. 为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将,&,“进行转义5832. foo = foo|bar ，这行代码是什么意思？为什么要这样写？5933
12、. 看下列代码，将会输出什么?(变量声明提升)5934. 用js实现随机选取10100之间的10个数字，存入一个数组，并排序。6035. 把两个数组合并，并删除第二个元素。6136. 怎样添加、移除、移动、复制、创建和查找节点（原生JS，实在基础，没细写每一步）6137. 有这样一个URL：http:/ 正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var reg=/有什么不同？匹配邮箱的正则表达式？6339. 看下面代码，给出输出结果。6340. 写一个function，清除字符串前后的空格。（兼容所有浏览器）6441. Javascript中calle
13、e和caller的作用？6542. Javascript中, 以下哪条语句一定会产生运行错误？ 答案( B C )6643. 以下两个变量a和b，a+b的哪个结果是NaN？ 答案( AC )6644. var a=10; b=20; c=4; +b+c+a+ 以下哪个结果是正确的？答案( B )6645. 下面的JavaScript语句中，（ D ）实现检索当前页面中的表单元素中的所有文本框，并将它们全部清空6646. 要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ A ）6747. 以下哪条语句会产生运行错误：（AD）6748. 以下哪个单词不属于java
14、script保留字：（B）6749. 请选择结果为真的表达式：（C）6850. Javascript中, 如果已知HTML页面中的某标签对象的id=”username”，用_document.getElementById(username)_ _方法获得该标签对象。6851. typeof运算符返回值中有一个跟javascript数据类型不一致，它是_”function”_。6852. 定义了一个变量，但没有为该变量赋值，如果alert该变量，javascript弹出的对话框中显示_undefined_ 。6853. 分析代码，得出正确的结果。6854. 写出函数DateDemo的返回结果，系统时间假定为今天6855. 写出程序运行的结果？6956. 阅读以下代码，请分析出结果：6957. 补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗?6958. 写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉
