黑马程序员技术交流社区

标题: 如何学习前端-个人感悟 [打印本页]

作者: 情非得已。 时间: 2019-11-7 11:07
标题: 如何学习前端-个人感悟

从哪里开始

当然，从最基础的开始。这里最重要的莫过于学会怎样切割页面，所谓切割，即能通过div标签的嵌套方式进行页面分割，配合少量的css样式，勾勒出想要的，但并不美观的页面。若能至此，那么就基本pass了。总结起来，即熟悉常用的标签在界面上产生的效果。

对于小白，在学习阶段，难免会碰到例如导航栏是怎么切割出来的，毫无头绪，怎么办呢？

打开浏览器，任意搜索一网页，通过浏览器自带的调试工具（F12进入调试）开始调试。

简单来说，即通过此类工具快速定位到所需查看的模块，然后参照他人的做法，仿制自己的页面。在前端学习过程中，个人认为，大量的仿制为重要的且必不可少的学习过程。

当页面切割不成为时，相关css样式的使用当然也应跟进，尽量让自己的页面美观。

从哪里转折

话说，当对一个页面有足够的的了解后，这里的足够即指的是当看到一个网页，我们能比较快速的判断其是通过什么手段切割并制作其中的各个模块，并通过实践证明自己的想法切实可行。那么，我们可以开始第二阶段的学习了，即转折。

现在，我们已会切割页面了，一个网页拿到后，对于其中的每个页面模块，我能判断其使用了哪些标签。那么问题来了，我的界面还是那么让人糟心，怎么办呢？

这里，我们就要学习一些前端的工具。如果说每一个网页的制作都需要我们前端工程师一行一行的把代码敲出来，那绝对够呛！

我们一定听说过bootstrap，jquery等等啥的，虽然不知道它有什么用，或者知道但是不会用。所以，在这里就得学会，怎么使用这些已开发好的前端资源。如果我说图2导航栏图是我花了一两分钟时间做出来的，可信吗？

绝对可信，因为仅仅是引用了bootstrap和jquery资源，并从教程上拖拽了一块导航栏（附件中附有该demo，以及所需的资源包，源码有注释）。

值得一提的是，这里我们需要做的，并不是跟着教程学习，而是找一个属于自己的idea（若无，那么依然可以仿制，只不过这次徐得保持功能及美观，但不必全然相保持一致，理由就是同样的功能实现，在界面上却可以有不同的展示方式），使用这些工具，去拖拽，想要什么，从教程上找到相应的模块，拿到后通过不断的修改实践并应用，自然而然就会掌握。

值得注意的是，万不可被教材教程牵着走，前端知识庞大，当然是用什么即学什么。

作者: 柠檬leung不酸 时间: 2019-11-7 17:48
面对生活的选择，可怕的不是“大环境”，而是我们自己。勇于走出自己的舒适圈，勇于挑战自己，加油……

作者: 夜听雨 时间: 2019-11-22 17:22
选择了，便走下去。

作者: 流浪的猫~ 时间: 2019-12-6 16:03
只要心中有天堂,哪里都是天堂

作者: 飞飞飞儿 时间: 2019-12-8 10:51
没有思想的人生，就像没有舵的船

作者: 抓住青春的尾巴 时间: 2019-12-8 11:15
成功，就是以自己喜欢的方式度过一生

作者: 25个蛋 时间: 2019-12-8 11:30
发光并非太阳的专利，你也可以发光

作者: 简单77777 时间: 2019-12-8 12:07
有些路很远，走下去会很累，可是不走，会后悔!

作者: chengjiayu 时间: 2019-12-8 12:56

最可怕的是你庸庸碌碌过一生，还骗自己平淡才是真

作者: 雨下的芭蕉 时间: 2019-12-8 13:11
当你停下来休息的时候，不要忘记别人还在奔跑。

作者: nrx679 时间: 2019-12-8 13:33
人还是要有梦想的，万一实现了呢？

作者: pakho-chou 时间: 2019-12-8 14:27

我不怕千万人阻挡，只怕自己投降

作者: 黑马润 时间: 2019-12-9 20:28
放轻松就当漫游地球

别害怕宇宙都温柔

作者: 大雄的竹蜻蜓 时间: 2019-12-10 12:45
自己喜欢的日子，就是最美的日子；适合自己的生活，是最好的活法。

作者: 小www 时间: 2019-12-10 13:03
坚持梦想，你会成功的

作者: 你好，姚 时间: 2019-12-10 13:08
加油加油呀

作者: 情非得已。 时间: 2019-12-10 13:09
做一个比昨天更好的人，是给自己最好的礼物。

作者: 情非得已。 时间: 2019-12-10 13:10
做一个比昨天更好的人，是给自己最好的礼物。

作者: 陈么么 时间: 2019-12-10 13:10
祝愿前程似锦~

作者: moguizhongdetia 时间: 2019-12-10 13:14
青春就像一只容器，装满了不安躁动青涩与偶尔的疯狂。

作者: 哎哟琪呀 时间: 2019-12-10 13:45

能让人成长的绝对不是停留在舒适圈

作者: 是仙女呀 时间: 2019-12-10 13:51
要先把手放开，才抓得住精彩的未来

作者: 蓝天六必治 时间: 2019-12-10 13:54
天再高又怎样，踮起脚尖就更接近阳光。

作者: 曾经的甜蜜 时间: 2019-12-10 14:06
学习使我快乐！！！

作者: 明星心丫 时间: 2019-12-10 14:18

坚持梦想，你会成功的

作者: 空白格。 时间: 2019-12-10 14:20
用这生命中的每一秒，给自己一个不后悔的未来。

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

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