Web前端学习的一些建议

以下内容均来自我这个老菜鸟的理解和认知，很局限，有目光短浅和以偏概全之嫌，请各位新手同学谨慎参考。当然，非常欢迎各位大佬的批评指正

1. 扎实的html,css&js基础

这些都是web前端的核心技术，你需要熟悉它们的语法、特性和用法。例如，能快速的实现前端页面样式和交互样式的编写；理解并掌握DOM操作、事件处理、异步编程等。

2. 练习实践

(1) 拿一些主流的网站或业务系统进行样式和交互的练习。

(2) 找到一些开源项目，阅读代码并尝试重构和优化。

(3) 寻找一些实际问题，尝试把需求抽离出来，进行前端部分的实现。

(4) 做一个个人网站或者小程序（在这个过程中深度感受整个项目的流程）

3. 学习并实践一些框架库和第三方组件库

这个是在掌握前端基础的前提下，再进行的一件事情。或者有一定的前端基础，尝试一些框架库实现系统功能，增加成就感。然后，再回头巩固提升前端的基础能力。

常见的第三方组件库（仅仅列举几个我相对熟悉&常用的），

l Bootstrap:经久不衰并一直在持续更新，帮助文档随手可见，在bootstrap基础上扩展的站点模板，后台管理系统模板非常多。适用于做企业站、B端管理后台。

l Animate.css: css动画库，谁用谁知道。

l Swiper: 触摸滑动组件，除常见不同样式的轮播图外，还适合做系统的栏目布局。

l Echarts: 各种数据可视化组件。

l Lodash.js: 非常实用的js工具库，提供了几乎所有的js开发中所需要的函数，比如对象处理、字符串操作等等。熟悉后拿过来就可以直接用了，无需自己再重复造轮子。

l 其他例如：Vue.js,Uniapp,Element UI, Iview。这些基本就是一通百通。如果明白了js组件化编程的思想，就会明白vue,如果了解了vue就很容易上手uniapp，当然也很容易使用第三方的UI库（element ui, iview, graceui,uni-ui等等）

4. 保持热情和技术栈的更新

前端开发是一个快速发展和变化的领域。从最早的table布局，到后来的div打天下，再后来语义化标签+flex的使用，再到现在grid崭露头角（事实上grid已经出了好几年了）。js方面，ajax,fetch,axios…包括用node.js作为运行环境，实现服务器端的应用程序的（云）开发。（没错，理论上不再需要后端了）。变化很快，选择了程序员这条路，就注定了要life-long learning.

在开发者社区（csdn[?],掘金，博客园，oschina等）中关注其他开发者的博客。

在开源交友平台（github,gitee等）找寻和学习开源项目。

阅读和关注官网的文档，如补基础就尝试阅读MDN Web Docs，实在看不明白就结合菜鸟教程看。如学习uniapp,最有效的信息渠道之一就应该从uniapp的官网手册获取。读一遍两遍帮助并不明显，因为根本记不住。读和练的多了，就会明白了。

5. 输出一些内容，例如写技术博客

在学习和开发过程中，遇到问题总结整理，定时输出一些文章和见解。不要担心或顾虑自己的内容“幼稚”。一定有人会遇到和你同样的困扰，需要你的帮助。并且，也建议你能去更多的理解自己做的工作。前端工作不只是把UI转换成可运行的程序。

6. 建立自己的项目集

练手的项目，重构和优化的练手项目（商业项目或者就职企业的项目不建议公开），可以放到gitee或github上。或者做一个自己的个人网站，发布一些问题和解决方案的视频教程。不管哪种形式，贵精不贵多。

7. 保持耐心和坚持

事实上，我认为任何工作都理当如此。尤其是前端开发，从一个菜鸟变成一个老菜鸟的过程中，会无数次的经历踩坑，爬坑失败，陷入深深的自我怀疑和否定，继续爬坑失败，又自我怀疑，终于爬坑成功，短暂的舒了一口气，继续踩坑周而复始。

我们在前端开发过程中，自我怀疑+否定只是为了短暂的舒口气吗？显然不是，至少不全是。拿我来说，除了拿到应得的报酬外，我更享受的是一种被需要的成就感：我参与了整个项目中，并且在我的努力下，整个项目团队为用户提供了一个“像样”的能帮助他们解决问题的系统。虽然这个系统或多或少存在一些缺陷。但能给用户带来便利，或者帮助企业降低成本。这就是我最大的乐趣。

或许有一天，我们的工作因为AI的深度参与，变得更简单和被替代性更高。但也不必难过，人类社会的进步或变化是不可逆的。坦然接受我们改变不了的并找寻其他能让我们感觉快乐和有意义的事情才是我们一直需要坚持的。