文章插图
1）先学html5+css基本语法
2）学些css的框架 。比如less 。bootstrap等
3）js是必然会涉及的 。学jquery吧 。简单易学 。实例多
4）别光看 。多动手 。把1）到3）串起来 。做个项目 。或虚拟一个 。比如购物车 。或博客
文章插图
几个要点 。供参考
专注一条线 。前端涉及知识点太多 。别都学 。杂而不精 。
前端+HTML5德 学习内容：
第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；
第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；
第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议 。Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；第四阶段：移动端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；
第五阶段：混合（Hybrid）开发：各类混合应用开发；
第六阶段：NodeJS全栈开发：WebApp后端系统开发 。
主流框架
下面介绍了5种比较流行的前端框架
1. AngularJS
Angular JS 是一个有Google维护的开源前端web应用程序框架 。它最初由Brat Tech LLC的Misko Hevery于2009年开发出来 。Angular JS是一个模型-视图-控制器（MVC）模式的框架 。目的在于使HTML动态化 。与其他框架相比 。它可以快速生成代码 。并且能非常轻松的测试程序独立的模块 。最大的优势是在你修改代码后 。它会立即刷新前端UI 。能马上体现出来 。它是用于SPAs（单页面应用）开发中最常用的javascript框架 。Angular JS是一个全功能的框架 。可能也是最流行的框架 。缺点就是学习起来有点困难 。
优点：
模板功能强大丰富 。并且是声明式的 。自带了丰富的Angular指令；
是一个比较完善的前端MVVM框架 。包含模板 。数据双向绑定 。路由 。模块化 。服务 。过滤器 。依赖注入等所有功能；
ng模块化比较大胆的引入了Java的一些东西（依赖注入） 。能够很容易的写出可复用的代码 。对于敏捷开发的团队来说非常有帮助 。我们的项目从上线到目前 。UI变化很大 。在摸索中迭代产品 。但是js的代码基本上很少改动 。
良好的文档 。
双向数据绑定简化了流程的某些部分 。
缺点：
验证功能错误信息显示比较薄弱 。需要写很多模板标签；
ngView只能有一个 。不能嵌套多个视图 。虽然有angular-ui/ui-router 解决 。但ui-router 对于URL的控制不是很灵活 。必须是嵌套式的；
对于特别复杂的应用场景 。貌似性能有点问题 。特别是在Windows下使用chrome浏览器 。不知道是内存泄漏了还是什么其他问题 。没有找到好的解决方案 。奇怪的是在IE10下反而很快 。对此还在观察中；
ng提倡在控制器里面不要有操作DOM的代码 。对于一些jQuery 插件的使用 。如果想不破坏代码的整洁性 。需要写一些directive去封装插件 。但是现在有很多插件的版本已经支持Angular了 。最好能够和cordova插件结合进行混合式开发；
Angular 太笨重了 。
双向数据绑定检查数据模型的变化 。这可能导致可能的性能问题并且更快地耗尽设备的电池 。
理解代码和调试困难 。
2. ReactJS
React JS 不像一个框架反而更像一个库 。但绝对是值得一提 。AngularJS是一个MVC模式的框架 。但ReactJS是一个由Facebook开发的非MVC模式的框架 。它允许你创建一个可复用的UI组件 。Facebook和Instagram的用户界面就是用ReactJS开发的 。你可以用React进行很复杂的更新并且应用运行仍然很快 。因为框架本身能很快的处理他们 。你也能写许多可复用的小文件 。而不是编写一个大文件 。对于要处理大量数据的大型程序来说这是最好的选择 。这个框架的缺点之一就是它只处理应用程序的视图层 。所以你可能需要结合其他工具来一起处理 。
优点：
1.掌握起来很容易 。
2.在React中很容易维护隔离的组件 。
3.组件的不断重新渲染提供了有效的安排
复杂 。
4.方便的架构 - Flux - 与MVC竞争激烈 。单向数据流
提供数据和DOM元素的可维护性和有效安排 。
它是当今广泛使用的最轻量级框架 。
缺点：
1.DOM操作库的一些问题是可能的（例如 。jQuery） 。
推荐阅读
- 高分动漫排行榜前十名 高分动漫电影排行榜前十名
- 农村户口转出来,还能转回去吗？
- 1000元以下的手机哪款好 1000元以内性价比最高的手机
- vue,react,angular 作为前端,真的有必要把三大JS框架都学会吗？
- 有人说“现在农村养驴的越来越少了”,你觉得驴会慢慢绝迹吗？为什么？
- 好看的古装剧推荐2021 2021年高甜宠溺的古装电视剧
- 一直搞不懂vue中的生命周期,怎么才能搞清楚？
- 郭德纲会接受曹云金、何云伟的回归吗？
- 调味品品牌排行榜前十名 中国十大调味品上市公司