请问学习前端最有效的办法是什么？

蔚落 2022-11-16 05:45 137阅读 0赞

我是数学专业的，是通过自学走上程序员这条路的，前端开发当然也是自学的，我讲一下我的真实经历，希望对你有帮助。

最开始学习前端的时候，是从 HTML + CSS开始学起，那时候啥也不会跟着视频教程学习。把 HTML + CSS 的内容学完之后，虽然基础知识都懂了（行内元素与块元素、浮动、定位、盒子模型等），但是我也是写不出页面。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
我当时就想通了，我就是练习的少，每天都是在学习知识点，没有做练习把这些知识点都融合起来。这就跟我学数学是一样的，哪怕学了再多的公式和理论，不去做题依然无法掌握。想通了这点之后，我就想着给自己找点练习做，但是什么项目可以把知识点都串起来，又不太复杂呢？（原谅我当时是个菜鸡，不敢找很难的网页做！不过我现在好像也还挺菜的，哈哈哈哈）。

我在百度上搜索各种项目，都没有找到合适的。最后灵光一现，要不然就把百度首页给做一下吧。百度首页没多少东西，但是我做了三天半，因为做的过程中要想我要怎么做，这一块要怎么实现。

做完百度首页之后，我发现我对 HTML + CSS 使用的更加熟练了，后面又找了一个页面来做。

通过说我自己的例子，我想告诉题主，一定要多练习。题主学习了一年，这一年应该都是在学习各种知识点，练习的很少。突然想要做点东西，肯定是很吃力的呀。

如果大家对于学习前端有任何问题，学习方法，学习路线，如何学习有效率的问题，可以随时来咨询我，或者缺少系统学习资料的，我做这行年头比较久，自认为还是比较有经验的，可以帮助大家提出建设性建议，603985993这是我的web前端交流3000人裙，有任何问题可以随时来咨询我。

就像你去学游泳，教练在岸上教了你各种游泳的技巧，你突然跳到游泳池里肯定不知道该用什么技巧，这跟你的情况就很类似。没有人天生就会游泳，都是练出来的，所以你不要气馁，不要觉得自己天赋不够，你真的就是练习的少了。

另外静态网站会做了之后，JavaScript 也是要学习的。学习 JavaScript 的时候会更难，比如 JavaScript 中的原型、原型链、作用域链、闭包、this、面向对象等，学习这些内容的时候，可能你又会再次怀疑自己。不过没关系，你多练习就好了。

我当时学习 JavaScript 的时候，是先学习了 JavaScript 的基础语法， DOM、BOM 的基础知识，定时期相关内容，然后就开始用 JavaScript 写点东西给自己找自信了，当自己第一次用 JavaScript 写出一个简单特效的时候，特别有成就感。

有了这些经验之后，我学习 Ajax、异步、Promise、async + await 等高阶知识的时候，都是每学一点，就开始做练习。

后面学习 Vue、React 的时候，也是使用类似的套路，并且会更加深入，我除了学习怎么使用之外，我还去看了 Vue.js 的源码，Element UI 的源码。在看 Element UI 源码的时候，我的收获特别大，我发现我的代码写的好垃圾啊，我的组件拆分也不合理。我从开源组件库上学了很多技巧，包括组件的封装，props、slot、事件的设计等。

暂时先说到这里，剩下的后面再说吧！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221022/00ac91588326487fb6deca448ee7eea8.png