起航学习网

为大家带来一些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).真机上的微信里面调试。

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后端开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的Web前端开发工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

文章出自：http://qh.itpxw.cn/peixun/web/202186037.html

文章标题：Web前端开发经典面试题



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

(责任编辑：深圳学历教育网)