web前端经典面试题 web前端面试题2021

今天浙江优就业的小U老师为大家带来一些web前端的面试题，希望可以帮助到大家啊。

1.css3 有哪些新特性?

选择器、圆角、动画 、 多重背景 、 背景的宽度高度 flex 布局 响应式布局 边框阴影 文本阴影

2.响应式布局怎么理解的，响应式布局是通过什么实现?

根据不同的屏幕加载不同的css样式

1).移动端适配

2）.一套代码 适配pc端移动端多个

3.js创建对象有哪几种方式?

1）.自面量

2）.new Object

3）.构造函数

4.es6有哪些新特性?

1）.let const

2）.模板字符串

3）.方法的简写 属性的简写

4）.三点运算符

5）.解构赋值

6）.箭头函数

7）.set map

8）.class 类

9）.模块化

5.箭头函数和普通的方法有什么区别?

1）.箭头函数省略了function

2）.箭头函数里面的this指向上下文 (可以改变this指向)

6.gulp 可以干什么

gulp 自动化构建工具。

压缩代码 合并代码 压缩图片 自动处理前缀 创建web服务 处理sass

7.清除浮动有哪些方法。

1）.浮动元素的父元素 overflow:hidden overflow:auto

2）.浮动元素的最后面 加一个空div 给他 clear:both

3）.after伪类清除浮动

.clearfix:after{

content:"";

dislpay:block;

height:0px;

clear:both;

}

4）、给父元素设置高度。

8.行内元素 块元素的区别?

1）块元素默认独占一行，行内元素默认情况不独占一行，行内元素的的宽度就是内容的宽度

2）默认情况块元素可以设置宽度高度 默认情况行内元素不可以设置宽度高度

3）默认可以margin 上下左右， 行内默认只能margin 左右不能上下。

9.网站加载速度优化?

1）.图片不失真尽量小

2）.多个背景图片合并

3）.代码压缩 代码合并

4）.js写到页面最底部

5）.懒加载

6).不要有冗余代码

7).服务器带宽 款一些

8).服务器固态硬盘

9).开启缓存

10.以前写代码 什么情况会成出现乱码 怎么解决?

解决乱码 文件保存的编码 和设置的编码必须保持一致

11.以前如何测试 调试移动端页面

1).首先在浏览器自带的调试工具模拟器里面调试

2).真机的内置浏览器调试

3).真机上面的UC里面调试

4).真机上的微信里面调试。