前端开发面试笔试题
导读：我根据大家的需要整理了一份关于《前端开发面试笔试题》的内容，具体内容：近几年前端开发是热门职业之一，那么准备面试前端工作的你们知道企业一般拿什么题目进行笔试吗?下面由我为你提供的前端开发笔试题，希望能帮到你。前端开发笔试题(一)1、什么是...
近几年前端开发是热门职业之一，那么准备面试前端工作的你们知道企业一般拿什么题目进行笔试吗?下面由我为你提供的前端开发笔试题，希望能帮到你。
前端开发笔试题(一)
1、什么是 H5?
H5=HTML5，指的是 HTML 超文本标记语言(HTML)的第五次重大修改，HTML的第五代。
HTML5 具有的特点：
(1)、语义化的标签：好处是网站加载更快;该标签举例：header、nav、article 等。
(2)、增加了音频、视频标签：好处是取代 falsh;该标签举例：audio、video。
(3)、canvas 标签：好处在浏览器上绘制图形或动画，取代 flash。
(4)、支持手机和平板的响应式布局。
HTML5 的缺点：低版本浏览器支持性不好，比如 IE9 以下的浏览器不支持 HTML5。
2、H5 为什么这么火?H5 是哪一年产生的?H5 会火多久?
(1)、因为 H5 的后台很硬，是谷歌(google)和苹果(Apple)两大巨头公司，谷歌和苹果大力倡导 H5 的发展，也是 H5 的忠实的支持者和实践者(IOS+Android 系统占据手机市场 92.36%)，H5 的产生主要目的也是干掉flash，因为 flash 是 adobe 公司的，adobe 不是 W3C 组织的成员之一，苹果和谷歌等万维网联盟也不希望在自己的产品中使用加载量过大的flash。
(2)、H5 是 2014 年 9 月份 W3C(万维网联盟，主要有苹果和谷歌公司)组织发布的。
(3)、刷脸时代(这里专指网站用户体验更加美观的时代)+移动端时代(手机+平板)，会促使 H5 会在未来的有更加美好的发展前景，只要有网站，H5 就会很火，UI 也就很火，H5 的发展会让 UI 更加提高用户的满意度，H5的火爆时代，会促进 UI 更好发展。
(4)、微信的发展，O2O 的促使 H5 更火。
在这里不得不谈微信，如果没有微信，或许今天我们不会这样来讨论 H5，微信无意中养成了用户扫码的习惯，并通过公众号的内容生.产及分发，以及微信本身已有的庞大的用户群体及社交属性，使基于网页的内容可以快速传播，真正带来了 APP 即浏览器的时代，取消了输入内容网址的麻烦。以微信为代表的超级社交 APP，解决了网页内容浏览及分发的通路。
H5或许会没落，但会迎来 H6、H7，只会变得越来越好，所以没必要担心 H5会不会死，当下重在实践与积累，至少现在，Html5 的影响力，会超出你我的想象，也就意味着 H5 的好闺蜜 UI 会一直火下去。
3、什么叫做响应式?
针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。
4、针对不同屏幕的响应式，UI 设计师该做几套设计图?
只做一套，大多 UI 设计师会使用 iPhone5 的尺寸来做一套(640X1136)。那么这种可以适配响应式的各种屏幕的吗?这种在 HTML5 中通过代码中的媒体查询来实现。媒体查询怎么写?媒体查询的具体写法如下：
@media screen and (max-width:640px) { //最大宽度是 640px 的屏幕宽度
nav li { //nav 标签下的 li 标签设置样式
display: inline; //转化为行元素
}
}
1、div 是什么?在 div 出现之前做网站用什么布局?
div 是网站布局的盒子标签，div 出现是 table 布局，因为 table 布局嵌套很多，网站加载慢，布局层级不清晰。
2、html 是什么?css 是什么?js 是什么?
(1)、html 是超文本标记语言，他是做网站时候用的一些文本标记标签，比如 div、span 等。
(2)、css 是层叠样式表，是做网站的时候给标签来美化网站的样式，比如说 background(背景)、color(字体颜色)、height(高度)、width(宽度)等。
(3)、js=javascript 是网站中写前后台交互效果、网页动画效果的一种
开发语言，比如鼠标点击事件(click)、前后台数据请求(ajax)等。
3、什么是前端工程师?什么是后端工程师?
前端工程师就是指的做静态网页的工程师：
(1)、广义的前端分为三种：安卓工程师、ios 工程师、web 前端工程师。
(2)、狭义的前端指的是 web 前端工程师，web 前端工程师指的是做静态的 PC 端和手机端静态网页的工程师。
4、什么是静态网页?什么叫做动态网页?
(1)、静态网页：没有数据交互的网页，没有数据库参与，没有服务器端数据的加载。比如静态网页就是只有 html+css+JavaScript 做成的网站。
(2)、动态网页：有后台数据参与的网页，网页中的数据是从数据库取的，需要有后台逻辑的支持。比如动态网页就是 jsp 页面(后台语言是java)、asp 页面(后台语言是 asp.net)。
5、前端语言有哪些?后端语言有哪些?
(1)、前端语言：HTML、css、javascript。
(2)、后端语言(服务器端语言)：php、java、asp.net。最近新出的 node.js
6、做一个网站的团队都需要哪些人?
(1)、产品经理：设计这个产品，通常就是了解用户的网站需求，画原型图。
(2)、项目经理：通常是对整个产品有一个整理管理和负责，通常是会代码技术的人来构建整个网站的代码框架，以后网站实现的全面管理。
(3)、UI 设计师，通过原型图画 psd 设计图的。
(4)、前端工程师，根据设计图来做静态网页，可能是原生 app 的 IOS
和安卓工程师，或者 web 端的 web 前端工程师。
(5)、后端工程师，通常就是做 java、asp.net、php 的工程师来写后端逻辑的工程师
前端开发笔试题(二)
面试的注意事项
1、微笑是自信的第一步，也能为你消除紧张。不能苦着一张脸，否则不能给人以最佳的印象，争取到工作机会。
面试宝典
2、避免无袖，露背，迷你裙等性感装束。裙长应至少盖住大腿的三分之二。
3、注重细节，如鞋子是否干净闪亮那是好品味与坏品味之间微妙的差异。
4、保守淡雅的彩妆，勿浓妆艳抹，也不宜脂粉不施。头发，指甲，配件等细节位置，都应干净清爽，给人良好的印象。
5、不要穿露出脚趾的凉鞋，宜穿素色素面的一寸半包鞋，自然地抬头挺胸，精神饱满。
6、只带一个手提包或公事包，尽量把化妆品，笔，零碎的小东西有条有理地收好。手里又提又拿，容易给人凌乱急躁的感觉。
7、裁剪合宜，简单大方的套装，比两件式上下身搭配或洋装更能建立权威感与专业感，而女士下身应以裙装为主，如穿长裤，应选择质料柔软，裁剪合宜的西装裤。
8、简单高雅的配饰，不要配戴造型过于夸张，会叮口当作响的饰品。
9、套装、西装颜色以中性为主，避免夸张、刺眼的颜色。
