html5前端经典选择题,​HTML5经典面试题

HTML5经典面试题

如何能在面试中提升自己的成功率，很多人明明有技术，但是就是在面试的环节中失败，那么想要能在面试中更有把握，那么这份HTML5经典面试题整合分享给你。

1.百度移动端首页秒开是如何做到的？

从几个方面优化：

(1)静态文件放置

(2)缓存

(3)外链

(4)缓存DOM

(5)使用iconfont

(6)卡片的异步加载与缓存

(7)不在首屏的就要异步化

(8)少量静态文件的域名

详细参见： https://segmentfault.com/a/1190000005882953

2.前端速度统计(性能统计)如何做？

回答下面的两个问题：

(1)网站都有哪些指标？

(2)如何统计自己网站的这些指标？

详细参见： https://segmentfault.com/a/1190000005869953

架构

3.如果让你来制作一个访问量很高的大型网站，你会如何来管理所有css、js文件、图片？

(1)遵循自定的一套CSS，JS和图片文件和文件夹命名规范

(2)依托采用的前端工程化工具，依照工具脚手架规范 (gulp, webpack, grunt, yeoman)

(3)依据采用的框架规范(Vue, React, jQuery)

4.如果没有框架、怎么搭建你的项目

应用原生JS自己尝试搭建一个MVC架构：

(1) 基本模块

common：公共的一组件，下面的各模块都会用到

config：配置模块，解决框架的配置问题

startup：启动模块，解决框架和Servlet如何进行整合的问题

plugin：插件模块，插件机制的实现，提供IPlugin的抽象实现

routing：路由模块，解决请求路径的解析问题，提供了IRoute的抽象实现和基本实现

controller：控制器模块，解决的是如何产生控制器

model：视图模型模块，解决的是如何绑定方法的参数

action：action模块，解决的是如何调用方法以及方法返回的结果，提供了IActionResult的抽象实现和基本实现

view：视图模块，解决的是各种视图引擎和框架的适配

filter：过滤器模块，解决是执行Action，返回IActionResult前后的AOP功能，提供了IFilter的抽象实现以及基本实现

(2)扩展模块

filters：一些IFilter的实现

results：一些IActionResult的实现

routes：一些IRoute的实现

plugins：一些IPlugin的实现

详细参见： http://www.cnblogs.com/lovecindywang/p/4444915.html

5.在选择框架的时候要从哪方面入手

影响团队技术选型有很多因素，如技术组成，新技术，新框架，语言及发布等。为了更好的考量不同的因素，需要列出重要的象限，如开发效率、团队喜好，依次来决定哪个框架更适合当前的团队和项目。上线时间影响框架选择，不要盲目替换现有框架。

(1)jQuery

项目功能比较简单。并不需要做成一个单页面应用，就不需要 MV* 框架。项目是一个遗留系统。与其使用其他框架来替换，不如留着以后重写项目。

(2)AngularJS

当我们在制作一个应用，它对性能要求不是很高的时候，那么我们应该选择开发速度更快的技术栈AngularJS，她拥有混合开发能力的ionic框架。对于复杂的前端应用来说，基于 Angular.js 应用的运行效率，仍然有大量地改进空间。Angular2需要学习新的语言，需慎重选择。

(3)React

选择React有两个原因，一是通过Virtual DOM提高运行效率，二是通过组件化提高开发效率。大型项目**。选择 React 还有一个原因是：React Native、React VR 等等，可以让 React 运行在不同的平台之上。我们还能通过 React 轻松编写出原生应用，还有 VR 应用。

令人遗憾的是 React 只是一个 View 层，它是为了优化 DOM 的操作而诞生的。为了完成一个完整的应用，我们还需要路由库、执行单向流库、web API 调用库、测试库、依赖管理库等等，为了完整搭建出一个完整的 React 项目，我们还需要做大量的额外工作。

(4)Vue.js

对于使用 Vue.js 的开发者来说，我们仍然可以使用 熟悉的 HTML 和 CSS 来编写代码。并且，Vue.js 也使用了 Virtual DOM、Reactive 及组件化的思想，可以让我们集中精力于编写应用，而不是应用的性能。

对于没有 Angular 和 React 经验的团队，并且规模不大的前端项目来说，Vue.js 是一个非常好的选择。

详细参见： https://zhuanlan.zhihu.com/p/25194137

以上五个问题是在面试中较长遇到的，所以，如果你能牢记的话，下次再遇到这样的问题就很容易回答了，如果你还想了解更多的HTML5面试题，可以登录千锋互联查看，千锋有整理很多经典的面试题目，有需要去学习。