前端自学经验总结分享，顺便谈谈前端该如何自学

前端自学经验总结分享，顺便谈谈前端该如何自学

写在前面

        作者非科班出身，本科学的是自动化专业，平时也能接触一些计算机编程方面的知识，因而对编程比较感兴趣。工作后正好赶上团队调整，采用主流的前后端分离的路线，作为新人被安排到了前端岗位，也是团队的第一批纯前端开发人员。刚进入部门时，很多老一辈开发人员前端用的是jquery,后来前后端分离之后，要求我们这批新人使用Vue构建前端页面，所以我们这批前端基本靠自学。接下来就个人前端自学历程作一个简要的总结。

技术栈 / 前端技术路线

         目前本人所在的企业选用国内比较火的移动端跨端框架uni-app进行移动端应用的开发，主要产品是基于uni-app的H5应用和微信小程序，同时PC端管理后台是基于Vue全家桶（vue cli3 + vuex + vue-router）\ axios \ element ui 搭建，后来随着业务扩展，为了方便各业务统一管理，同时方便对外提供服务，申请了微信的企业服务号，因此又去学习了解了微信公众号 开发对接的相关知识，今年由于疫情影响，部门内部引用了华为的 welink 应用，我页由此接触到华为的 welink 小程序框架微码小程序，通过自己的学习和专研，也是实现了uni-app应用免开发直接转编译为微码小程序的技术路线。

核心学习笔记推荐

• 个人uni-app 学习笔记专栏 ： uni-app 学习笔记
• Vue 学习笔记专栏： Vue 学习笔记
• uni-app / vue 项目集成微信SDK，微信开放标签指南： uni-app / vue 项目集成微信SDK，微信开放标签指南(上); uni-app / vue 项目集成微信SDK，微信开放标签指南(下)
• UNI-APP 转华为 welink 小程序教程： UNI-APP转华为welink小程序实战

前端自学经验总结

         俗话说的好：”师傅领进门，修行靠个人“，我第一次接触前端是当时技术线负责人给我们推荐的《JavaScript程序设计》（第三版），也就是江湖人称的红宝书，当时由于没有前端开发方面的经验，所有在刚开始的很长一段时间内我们都是处于看书自学的状态，就这样正式开启了前端生涯，说实话，当时第一遍读红宝书好像没什么收获，很多知识点都没有概念，不过那个时候有个很好的习惯就是跟着书中的介绍，将书中的大部分不是很理解案例都实现了一遍，至今印象比较深刻的就是10次for循环，输出结果是10个10而不是0—9的问题，相信前端的同学提到这个都有印象吧😂。正是因为这个习惯，第一遍阅读红宝书虽然没有掌握多少知识，但是对js的编码风格和调试技巧有了一定的认知和了解。

这里重要的事情需要说三遍
看书或者看教程的时候，一定要跟着教程自动动手实现一遍
看书或者看教程的时候，一定要跟着教程自动动手实现一遍
看书或者看教程的时候，一定要跟着教程自动动手实现一遍

         后来团队前后端分离，前端采用Vue构建用户页面，团队看重UNI-APP 能够跨多端的特点，移动应用都转用UNI-APP开发（uni-app 是基于Vue的语法和微信的API风格，因此核心技术还是Vue ）。一开始学习Vue/uni-app 是通过腾讯课堂的一个实战项目：uni-app 超英项目实战，基本上跟着视频整个教程走下来，对Vue的基本用法就算了解的差不多了，当时基于这种盲目的自信便自告奋勇的加到实际的项目开发中，应付项目验收大部分情况确实没问题，但是后来随着经验的积累（需求越来越变态，需求变更越来越频繁），越来越多的问题暴露出来，每次出现bug都是各种百度，csdn。后来发现很多问题都是自己没有认真阅读文档导致。 因此个人认为学习Vue最好的路线是一个难度复杂度适宜的入门项目（开源项目或者是培训机构退出的入门级项目），耐心的阅读官方文档，这将有助于你快速定位错误。如果Vue的应用更进一步的提升，那就需要扎实的js基础，以及对Vue的源码的深入学习。

重要的事情说三遍
学习一门新技术，一定要耐心的看一遍文档
学习一门新技术，一定要耐心的看一遍文档
学习一门新技术，一定要耐心的看一遍文档

---

• 不耻下问是学习新知识最快，最划算的方法；
• 论坛，社区是掌握技术更新，技术动态最块的地方；
• 代码注释，开发文档是程序yuan对社会最大的贡献；
• 笔记，技术总结比大脑更可靠；

---

前端该如何自学

如何学习一门技术，方式方法因人而异，下面仅是个人经验之谈。各位看官酌情采纳，不喜勿喷

第一阶段：通过书本打基础

         个人认为，可以通过阅读经典的前端书籍打基础 。这里给大家整理了一份前端热门图书推荐书单，含个人心得体会与阅读顺序指南。前端热门图书推荐。这些书籍填补了我关于前端开发技术 html/ css /js 的空白，
书籍的优势在于其系统性和全面性，通过阅读书籍一是可以建立其前端大概的知识脉络，二是有助于我们理解前端领域的核心概念（此处主要指JS，比如闭包，类和对象，作用域，this等）。

前端热门图书推荐书单，含个人心得体会与阅读顺序指南。前端热门图书推荐

第二阶段：通过项目固化知识，缩小知识盲区

         但是书籍的作用也是有限的，书本重点介绍的是概念，语法。学习一门技术最重要的是投入到实际应用中，如果只看书不应用，所学习到的知识点是无法固化的。学习的目的就是为了能够投入应用，因此有了一定的基础知识之后一定要投入实际应用中，通过实际应用来固化知识，同时也能够发现新的知识空白，然后再学习在固化从而形成一个良性循环

第三阶段：通过技术重构将技术变成技能

         通常对于程序yuan来说，在积累了一定的工作经验之后，工作就会陷入原地踏步的状态，因为后续的项目也好，业务也好所对应的技术栈都是基本相同的，对于后端同学来说可能就是陷入增删改查的循环中，而前端前端现成的框架轮子多则很可能是ctrl+C 、 ctrl+V 的局面。这个阶段很多人对编程的热情就会慢慢冷却，陷入一种难的不想做，简单的不屑做得局面。这个时候要想进一步发展，就必须要需求突破，一个有效得方法就是技术重构，简单的说公共模块封装，项目结构优化，性能优化，程序结构优化等都是有效的技术重构的方法。只有将技术同个人的经验、思考结合在一起形成技能，才能体现出开发者的价值，而不是技术的价值。

• 关于技术和技能，之前无意间看到一段话，在此同大家分享：

我很羡慕医生、教师等职业学习的是一门技能，随着时间经验的积累，越来越不可替代。
而很多程序员自始自终都是在学习一门技术，一旦技术更新换代，立即就会被社会淘汰。

第四阶段：保持热情，技术更新

• 热情若无变化，哪管它沧桑变化！
  …

---

（完）