前端工程师入门最全面试题.pdfVIP

前端工程师入门最全面试题--第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，微信无意中养成 了用户扫码的习惯，并通过公众号的内容生产及分发，以及微信本身已有的庞大的用户群体 及社交属性，使基于网页的内容可以快速传播，真正带来了A 即浏览器的时代，取消了 输入内容网址的麻烦。以微信为代表的超级社交A ，解决了网页内容浏览及分发的通路。 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页 前端工程师入门最全面试题--第2页 5、div是什么？在div 出现之前做网站用什么布局？ div是网站布局的盒子标签，div出现是table布局，因为table布局嵌套很多，网站加载慢， 布局层级不清晰。 6、html是什么？css是什么？js是什么？ （1）、html是超文本标记语言，他是做网站时候用的一些文本标记标签，比如div、span等。 （2）、 css 是层叠样式