所以语言来学习都有共同之处。作为一名年轻数的前端开发转的话,如果从零到一去学习前端开发知识,偶给出以下建议。
第一,学习HTML和CSS的基础知识。这里你需要熟悉HTML各个标签的功能和作用,学习css的各种属性等。因为你拿到美工提供给你的设计之后,把它开发成一个精美页面,就在是内容来说,需要HTML和css的知识。如果你不清楚每一个属性是什么样子的,那么你在开发的时时候效率比较低,还先查一下需要用什么属性再进行开发。
这类知识的学习可以充分利用目前的在线平台,例如菜鸟教程,慕课网等等。如果你想通过书本学习,可以找销量比较高的书。
第二点,学习JavaScript相关知识。在前端里js是非常重要的,页面中的联动数据处理,或者是弹窗或者是一些触发事件等等,都是需要js来实现的。
js就要比html和css复杂很多,你可以用js实现一个算法,而另外两种不能。书籍的话推荐《avaScript DOM 编程艺术》、大厚本里Zakas的《JavaScript高级程序设计》 、犀牛书《JavaScript权威指南》、《高性能JavaScript》等等
JavaScript学习可以参考上面提到,从零到一,从一到N,循序渐进掌握。此外,还需要学习AJAX、jQuery相关知识,一个是跟后端交互,一个是快速、简洁的JavaScript框架。
第三点,学习前端框架web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以让你如虎添翼,更方便快速的开发。
(1) Angular
Angular原名angularJS诞生于2009年,之前都是用jquery开发,自从angular的出现让开发者有了新的选择,这个框架之前开发中有使用过,它把后端的一些开发模式移植到前端来实现,如MVC、依赖注入等。
(2) React
React,facebook出品,正式版推出是在2013年,比angular晚了4年,但得益于其创新式的VirtualDOM,性能上碾压angularJS,一经推出,火的一塌糊涂。 特点很多,VirtualDOM、JSX、Diff算法等,支持ES6语法,采用函数式编程,门槛稍高,但也更灵活,能让开发具有更多可能性。
(3) Vue
Vue作为最晚推出的框架(2014年),借鉴了前辈angular和react的特点(如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等)并做了相关优化,使其使用起来更加方便,更容易上手,比较少适合初学者。国内目前使用vue的开发者越来越多,的确也比较好用
第四点,着手开发一个练手的应用。除了一系列基础知识的学习之外,必要的开发练习还是很重要的。你在学习基础知识的时候同时加以练习,这样你可以知道每一个变量它具体实现的是什么样的效果。
其实是将你学过的所有知识给偶废话哦。开发一个完整的应用,将你所学的知识尽可能的应用其中,这样对你会有更大的提升,因为学习编程语言的目的最终的结果就是开发出一个完整的应用。偶实际开发应用的过程中,你就会知道某个方法在具体场景下如何使用。
css last-child,css 模拟圆角,css距上部距离,棒主妇 不加载css,css字体没法调小,css+p段落改大小,css png 填充颜色