抱着强烈的好奇心，为了避免被专业前端开发人员降维打击，最终还是决定一窥前端热门框架Vue究竟是为何物，于是在B站里游荡了许久，并且最终也下决心看完了一个40小时的系列课程。此处简单分享下学习后的感受。
一、下决心很重要，可以让自己突破旧我。
在过往很长时间里，笔者都是一个野生业余程序员的角色，没有经过系统地科班学习或培训班脱产式学习。硬生生地从一名Excel小白一路逛奔到如今。
因着对技术的畏惧，一直都不敢涉猎前端开发知识，仅仅停留在被专业开发群体所唾弃的winform、VBA级别的老旧技术体系。
当已经下决心在OFFICE插件领域深耕到底，并且已经有成型的插件产品出来，为了用户体验也为了作为探路者的角色，有必要去拥抱新时代的javaScript技术开发，无论是当下的WPSJS还是微软的OFFICEJS，都势不可挡地引领OFFICE二次开发走向Web开发世界。
从3月份开始，一路学习WPSJS的开发技术，也学习和恶补了不少网页开发知识，但面对Vue这样的庞然大物，还是不敢轻易去触碰，就算它在专业前端开发手中是多么地刚需。
按着野路子的方式走下来，学了一些自我感觉不错的轮子库，仿佛找到了一些新大陆，和带我进入.NET师傅分享了。
他的一句话很触动着我：既然已经选择了前端开发，使用框架的作用就是大大的提升开发效率，这个无论如何都绕不过的，基目开发深入后，代价总是要还的，学习使用框架避免不了。
二、术业有专攻，当今的编程工作专业细分大开眼界
感谢时代，让我们可以轻松地通过互联网有大量的知识即手可得，特别是这些纯技术的知识，真是汗牛充栋。
在五一假期前后，一门心思地钻进了B站的视频学习中，进进出出好几回，整个学习的心得简单作一下分享。
1、选了些简短的视频来初步感受了Vue的面貌
在B站上简单搜索下vue，出来许多教程，从几小时到几十小时都有，阅读量排名靠前的几个视频，都是好几十个小时的。对中年人来说，单单看视频都要几十个小时，这个学习成本真不低。
所以刚开始，是看了个几小时入门的视频，再加2倍播放速度，大概感受了Vue是为何物。
入门的视频，有幸找到了黑马程序员pink老师的视频，前端大网红老师，确实讲得不错。
视频切割得到位，每个小知识点为一节，讲完后必有总结梳理加深印象，看来讲课也是个大学问。
黑马程序员VUE经典视频-4小时+5个拣选案例让你快速入门Vue.js-想学习vue的童鞋可以围观了
https://www.bilibili.com/video/BV1HE411e7vY
Vue的编程思想MVVM中的双向数据绑定，也借着这些视频的案例感受了一翻，确实震撼，比起自己所用的winform写界面绑定事件，要舒服流畅得多，技术进步对写代码来说也是一大利好，多学习新技术真心不错。
一个门外汉简单的白话理解MVVVM，就是可以让我们专注在数据处理上，而数据处理完了，界面就自动根据最新的数据自动同步过来了，和前阵子自己所喜爱的jsonForms库一样，整个界面控件可以有初始化绑定属性，而用户交互完之后，最终的数据又可以收集到数据层里，一个json对象。
有了vue之后，之前看到的一些jquery过时论，也确实是有一点道理，因为整个过程已经不需要去操作DOM层面，Vue框架已经自动帮我们做好了这一部分的绑定渲染。
2. 回头再到Vue官网去看一圈
入门性教程以视频方式展现，确实比起文字类教程有很大的优势，有老师帮我们敲完代码，并且现场演示直观感受到功能的变化，但入门教程总让人感觉只是看着会，但总有意犹未尽的感觉，会忽略大量细节。
人类知识的传播，从来都是图文是主角，图文也方便快速翻阅定位，所以有了大概的感知后，也决定到Vue官网去看一圈。一般来说，官网承接了两大作用，快速上手和详尽的细节解释。有时官网上的快速上手，并不比其他博客上的文章要差，换位思考，作出来一个轮子，谁不想让其最大化地传播，让大家最低学习门槛就用得上。
非常难得的是Vue是国人开发的，中文化文档非常丰富，所以官网就是纯中文的，不是爱好者翻译而来的。
https://cn.vuejs.org/v2/guide/
官网上也有一套基础视频教程，更精简，当然看着看着开始看不懂了，这也正常，毕竟人家是专业前端人员的三大框架，必然是包罗万象，太多东西在里面，不然为何要60个小时来讲解。
所以很短暂的官网图文、视频学习后，又打道回府，重新到B站里寻求更多的学习。
3.因着ECharts图表优化的需要，学习Vue的欲望更强烈了
下决心来学习Vue，其实真不容易，从上面入门视频中，认识了黑马程序员pink老师，其实除了看完他的Vue入门视频外，还追了两个ECharts视频，讲得都很不错，其中一个还是用Vue来做ECharts的可视化项目的。
而笔者所开发的EasyShu，一直在想着如何优化，特别是如何更好地迁移到wpsjs的开发平台上来，所以面对专业前端人员用ECharts，天然有强烈的欲望去学习它。
这里也帖一下两个视频，有兴趣的朋友也可以学习下，其中大部分是讲如何使用ECharts图表的。
ECharts数据可视化项目-大屏数据可视化展示-echarts 图表制作-pink老师直播课更新完毕
https://www.bilibili.com/video/BV1v7411R7mp
电商平台数据可视化实时监控系统-Echarts-vue项目综合练习-pink老师推荐(持续更新)素材已经更新https://www.bilibili.com/video/BV1bh41197p8
经过上述的两个视频学习，特别是第二个使用Vue框架来开发ECharts可视化项目的，更加铁定心要将Vue一学到底。所以必然要找一个大几十小时的视频来学习一轮。
4.系统的Vue全家桶学习
从B站搜索中，来回找了几个视频，最后意外地发现了一个pink老师的Vue全家桶视频，可能是他们的线下脱产班的视频，没有在他自己的频道上放出，反而是一些个人可能有些“侵权”的方式放出来了，但观看量也有10万+，官方好像也不太介意。毕竟能够坚持自学下来的人也很少，可能最后也会因为这些线上课对其的良好印象而报读其脱产班去了。
Vue全家桶从入门到实战-pink老师出品
https://www.bilibili.com/video/BV1KJ411U7ML?p=379
很不容易把整个视频完整地过了一遍，对前端开发有一个较为清晰的认识了，和我们业余野生程序员的代码相比，确实严谨许多，整个前端的操作，真的是只专注在界面的交互上，一切数据处理、增删改查，都完全是通过调用Ajax的方式与后端进行交互完成。
而另外一个很深的感受是，在专业开发者手里，有非常多的工具、插件去帮助完成一些非业务、功能上的工作，也再次感受到了一份专业气质，而对工具市场也大开眼界了，特别是Vue Cli工具，经过简单配置下，就出来一个完整的项目框架，再通过添加各种插件、库，不断地加强项整个项目的装备，例如Ajax请求的Axios库、前端UI库ElementUI、打包工具的webpack等。
三、结语
过去三年里，笔者自我感觉作出了不少的工具成果，而对此轮的前端开发学习过程中，重新归零再出发，发现技术领域真的是浩瀚无穷，自己小打小闹搞出来的一些小工具，真的不值一提。
借着学习和分享，也让自己走得更远，或许将来，自己也真成为了一名专业的开发者，可以输出更优秀的工具给广大的业务背景人员来使用，任重道远，一起学习，一起共勉。
若有收获，就点个赞吧
0 人点赞
