CSS如何清除默认样式，前端开发实训

前端的现状

提到现状，必须先提到一个概念 大前端。由于近几年互联网的发展，尤其是移动互联网的发展，有的大前端概念将 Native 归入前端的范畴，有的大前端概念将 Node 甚至只渲染页面的 PHP 归入前端范畴，但不管怎么说，笔者认为 大前端 是未来的一个趋势，将最终目标（提升用户体验）一致的技术归类到一起，让开发者清楚自己的最终目标是什么，要怎么做。当然，也正因为这点，作为一个前端工程师，如果你想更好的发展，你应该有更广的知识面，包括移动端知识、服务端知识。这些知识结合你的前端技术，才能更好地实现优秀的用户体验。

抛开大前端，单谈前端，从前端架构层面谈，最近比较流行的有四个：老牌劲旅 jQuery、最近火得不能再火的 React、Google 精品 Angular 以及 MVVM 框架 Vue。现在几乎所有的项目都会在这四种架构方案中选择其一作为基础，进行业务开发。四种框架，四种不同的思想，简单来说：jQuery Dom 驱动的思想深入人心；React 则推崇组件化，万物皆组件；Angular 则把 MVC 在前端领域发扬光大；而 Vue 则是以数据驱动为核心的 MVVM 架构。作为一个前端新人，不可能很快就理解所有知识和思想，只能一步一步来，先把你在工作中所使用的框架理解透彻，再去思考和学习别的。说实话，会用和理解的差距很大。

在这里，可能会有个疑问，上述四个架构，都很火，但是哪里涉及到用户体验了？是的，这些架构都没有直接涉及到 UI。但是就像足球，没有勤奋的训练和优秀的战术，再好的11人也踢不出好的比赛一样，这些架构从开发成本和开发体验上，降低了开发者编码和维护的难度，让其在 UI 的用户体验上的付出，事半功倍。当然，框架在编码体积、运行效率等多个方面影响了最终的用户体验。

上面所说的是，当前前端的一大现状 —— 框架横行，现在很少有公司、有工程师用纯原始的方式撸代码了。而前端另一大现状就是 —— 移动为先。原因很简单，随着移动互联网用户的暴涨，各个公司的产品都是移动为先，技术跟随着产品的步伐，也必须移动为先。这时，为了解决多平台的问题，Hybrid 方案脱颖而出，包括传统的基于 WebView 的 Hybrid 方案（例如 Cordova）和 React-Native 等一系列技术方案。在这里我就不多说了