需要更多的面试题点击下面链接查看，有很多：
web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）
另外这是小编做的视频希望可以帮助到你：
『HTML+CSS』漂亮小姐姐教你制作暗黑破坏神网页开发：BV1C54y1X7ro
前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4
给想学编程又无从下手的小白一些建议：BV1Zf4y117ji
「HTML+CSS」实现妙笔千山播放器制作（思路讲解＋代码+成品效果）！：BV18p4y1Q7Y1
前端面试，跳槽必刷200+真面试题，让你披荆斩棘走进大厂：BV1bz4y1d7Ys
十年前端：为你讲解前端之路：BV1L541147hW
人美声甜的小姐姐教你用HTML实现B站滚动条导航哦！：BV1Bk4y1k7XF
前端小白们人美声甜的小姐姐教你如何制作浪漫的火花爱心520表白成功：BV1tf4y1U7sZ
1.CSS 盒子模型中（）是透明的，这部分可以显示背景（）
A、padding
B、margin
C、border
D、content
参考答案：A
答案解析：- **Margin(外边距)** - 清除边框外的区域，外边距是透明的。- **Border(边框)** - 围绕在内边距和内容外的边框。- **Padding(内边距)** - 清除内容周围的区域，内边距是透明的。- **Content(内容)** - 盒子的内容，显示文本和图像。- Margin --------margin 清除周围的元素（外边框）的区域。margin 没有背景颜色，是完全透明的-Padding（填充）------------- 当元素的Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。
2.通常我们在浏览器内容区看到的内容，都是放入在() 之间
A、
B、
C、
D、
参考答案：D
答案解析：
A 答案是声明文档类型。
B 答案是整个html 文件。
C 答案是网页标题，在浏览器顶部显示、
D 答案是网页的主体部分，即浏览器的内容区域。
所以答案是D。
html 文件结构如下>网页名称，头部网页主体内容，浏览区域
3.关于HTML 语义化，以下哪个说法是正确的？
A、语义化的HTML 有利于机器的阅读，如PDA 手持设备、搜索引擎爬虫；但不利于人的阅读
B、Table 属于过时的标签，遇到数据列表时，需尽量使用div 来模拟表格
C、语义化是HTML5 带来的新概念，此前版本的HTML 无法做到语义化
D、header、article、address 都属于语义化明确的标签
参考答案：D
答案解析：关于html 语义化的一些参考
4.以下位于head 间的代码片段是做什么用的？
HTML
A、使得页面编码合乎要求
B、表示支持响应式设计
C、支持正常的绘制和缩放
D、表示针对滚屏进行适当的适配
参考答案：B
答案解析：
Cwidth - viewport 的宽度height - viewport 的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放5.下列定义的css 中，哪个权重是最低的？
A、#game div.name
B、#game .name
C、#game div
D、#game .name span
参考答案：C
答案解析：最高赞的答案并不准确。优先级是：内联样式>id 选择器> 类选择器= 属性选择器= 伪类选择器>标签选择器= 伪元素选择器。多个选择器组合的时候，不应该简单地给这些选择器分配权值，然后相加比较大小。因为上面所说的优先级是不能越级的，比方说1 个id 选择器能顶你n 个类选择器...所以要逐级比较，同级的就比较数量，数量多的优先级高。当然，!important 的优先级最高。
6HTTP 的缺点与HTTPS
A、通信使用明文不加密，内容可能被窃听
B、不验证通信方身份，可能遭到伪装
C、无法验证报文完整性，可能被篡改
D、HTTPS 就是HTTP 加上加密处理（一般是SSL 安全通
信线路）+认证+完整性保护
参考答案：A
答案解析：abcd 都对
7.关于angularjs 说法，错误的是关于angularjs1 说法，错误的是
A、前端mvc，极大降低前端开发的耦合B、极大的丰富了dom 操作
C、实现了数据双向绑定
D、实现了依赖注入
参考答案：B
答案解析：Angular 大大减少了对DOM 的访问。jQuery极大的丰富了DOM 操作
8.下面的HTML 代码中符合规范的是？
A、
- item 1
B、
| Data 1 | Data2 |
C、
- Item 1
D、 Some Text
参考答案：D
答案解析：略
9.请问以上程序的输出是（）
function
Foo(){
var i=0;return function(){
document.write(i++);
}}var f1=Foo(),
f2=Foo();f1();f1();f2();
JavaScript
请问以上程序的输出是（）
A、010
B、012
C、000
D、011
参考答案：A
答案解析：
1.当函数被创建时，内部[scope]属性被存储，在这个属性中保存一个包含全局变量对象的作用域链。
2.当函数被调用时，会创建一个执行环境及相应的作用域链，argument 和实参为其进行初始化。这里f1()函数和f2()函数在调用时会创建两个执行环境，保存各自的变量对象，结果是没有关系的。而同一个函数在多次调用时返回值会被保存在同一个变量对象中。
10.网页执行以下JavaScript 代码，该代码在网页执行结果弹出结果为？
var course = ['Java', 'JSP', 'Oracle', 'Spring'];course[10] = 'jQuery';course.push('PHP');alert(course.length);JavaScript
A、0
B、6
C、11
D、12
参考答案：D答案解析：数组的length 属性总是比数组中定义的最后一个元素的下标大1
11.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度
A、display:inline
B、display:none
C、display:block
D、display:inherit
12.如下代码执行后在控制台将输出哪些字母？
swi
tch (true) {
case 1:
console.log('A')
case ['']:
console.log('B')case 'true':
console.log('C')
default:
console.log('D')}
JavaScript
A、A: D
B、B: A, B, C, D
C、C: B, C
D、D: A, D
13.请问以下选项（）不能够正确的实现下面描述的功能。功能：用jQuery 动态地向页面的body 添加一个div 标签；同时做到，当我单击动态添加的div 时，能够把div 里面的文本内容弹出来。
A、$(function() {$(".clickme").click(function() {alert($(this).html());});$("body").append("新添加的元素");});
B、$(function() {$("body").append("新添加的元素");$(".clickme").click(function() {alert($(this).html());});});
C、$(function() {$("body").append("新添加的元素");$(".clickme").live("click", function() {alert($(this).html());});});
14.以下全部属于块级标签的是？
A、
B、
C、
D、