黑马程序员技术交流社区

标题: 分享个人前端学习路线 [打印本页]

作者: 逆时针旋转的钟 时间: 2019-2-21 17:06
标题: 分享个人前端学习路线
本帖最后由逆时针旋转的钟于 2019-2-21 17:10 编辑

来黑马学习已经四个月了.学习的是前端移动与开发,很喜欢这段奋斗的生活,总结了一些自己的学习经验,希望对大家有帮助.学习路线

总体的来说前端无非就是html、css、js只要把这三样的基础打好，什么都不是问题。他们的难易程度也是html < css < js，所以学习路线也是从html->css->js或者html&css->js。而我的学习路线是后者。

总的来说，在学完一个新东西的时候建议最好用新东西手撸个玩意出来。一定要动手实操！

html&css

首先这部分的学习我是白天跟着老师的思路一起想,然后记下思路,之后晚上敲代码,平时的话,做好预习,对,一定要预习,不然新东西接触起来如果学习能力没有那么强的话,就会很吃力 .好好学习了十多天之后,基础知识就有了.

以后你的html&css基本上算是入门了，可以自己撸个个人主页或者博客什么的。看完书之后不动手撸个什么小玩意出来是不行的，光说不练等于白看

个人感觉这第一阶段任务还是挺适合新手去做的。先尽量不要使用任何框架，自己去手撸出来。最后不管撸没撸出来都要去看看人家是怎么完成这项任务的，学习一下人家怎么解决问题的。前提一定是自己得先去思考。

当然今年(2018年)的百度前端技术学院也是更加给力了，也有从无基础开始手把手教你如何完成一个页面。

当然前端知识点也要及时梳理

1.什么是html语义化，为什么要语义化，有什么好处，怎么做。

2.html5新加的标签。

3.有哪些行内元素，有哪些块元素

CSS部分

1. inline与block与inline-block区别（即行内元素与块元素与行内块元素的区别），以及inline与inline-block元素间会有莫名的间距这个是怎么产生的，怎么解决。
2.position取值，以及他们之间的区别，而且是相对于谁定位的。父辈元素设置transform导致fixed定位失效情况。
3.浮动造成的问题，以及如何清除浮动，清除浮动的原理，由此引出BFC的概念，什么是BFC，有什么特性。
4.盒模型的组成，有哪些盒模型，以及如何互相转换。对于盒模型和定位的概念可以看我的这篇文章。
5.animation和transition区别。
padding和margin的单位设置为%时，这个%是相对于谁。
6.水平垂直居中的多种实现方式。
7. css选择器的权重

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2