2018最新前端面试题一

1、你能描述当你制作一个网页的工作流程吗？

内容分析：分清展现在网络中内容的层次和逻辑关系

结构设计：写出合理的html结构代码

布局设计：使用html+css进行布局

样式设计：首先要使用reset.css

交互设计：鼠标特效

行为设计：js代码，ajax页面行为和从服务器获取数据

测试兼容性；优化性能。

2、假若你有5个不同的样式文件(stylesheets),整合进网站的最好方式是?

根据class命名规则写样式，这样样式不会冲突，提取公共的样式，进行合并，非公共的单独拎出来。然后打包压缩一下就行了，若每个文件都很大，就需要分模块加载。

3、你能描述渐进增强(progressive enhancement)和优雅降级(graceful degradation)之间的不同吗?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

渐进增强（progressive enhancement）：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）

优雅降级（graceful degradation）：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。（Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了，为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。）

区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的、能够起作用的版本开始，并不断扩充，以适应未来环境的需要。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

相关阅读：

Jenkins+Node.js的持续集成

编写React组件项目实践分析

以上就是2018最新前端面试题一的详细内容，更多请关注Gxl网其它相关文章！