知乎提问:做前端一年了,感觉好多逻辑还是搞不懂,公司用的vue,一起的还有个经验丰富的老前端,其实我只是负责写写页面,js逻辑基本都是他在写,我只是偶尔写一些,但都是仿照他的js逻辑来的。唉,每天也很吃力用功的学,但总是看不到进步。。。
我的回答:
做前端一年,主要写页面,JS偶尔写一些。
每天吃力用功的学,但看不到进步,不知道你是怎么学习的。
这种吃力,其实很容易提升自己的。
我觉得你目前所需要的是把你当前项目会使用的技术学起来就可以。
一、学习JavaScript基础
一般Vue项目,用到的JS其实也不复杂,可能就是业务逻辑会相对比较绕。
主要打交道的可能就是JS数组、字符串、对象、函数、异步等方面的灵活运用。
这些知识怎么学,我推荐红宝书《JavaScript高级程序设计》
第四版,微信读书APP上可以免费看了。
而且现在也推出了第七版犀牛书《JavaScript权威指南》
,比第六版少了很少。
再推荐看阮一峰老师的《ES6 入门教程》
在线版免费,和《现代JavaScript编程》
在线版免费。这几本书相关类似的章节看下来,并动手练习,自己放到github上
,这样学习下来,能看到自己每天都有提交代码或者笔记,就会有正反馈容易坚持。我相信不需要多久就会有挺大的提升。这时回过头,再看你同事写的JS逻辑,可能就会觉得很好懂了。当然也可以找你同事请教项目中代码中一些不懂的逻辑。
看书的同时,也可以参加这个项目练手学习。JavaScript30
网站,github仓库:https://github.com/wesbos/JavaScript30
,解题指南soyaine/JavaScript30
https://github.com/soyaine/JavaScript30
。
再比如freecodecamp网站
练手学习。
二、学习Vue全家桶
先从Vue文档
、Vuex文档
(如果用到的话,没用到可以暂时不学)、Vue-router文档
,从头到尾整体看一遍文档,自己记录下哪些是你之前不知道的,记笔记,学起来。不记笔记容易感觉没学一样。
同时也可以看这个看VueCnodejs
的项目,注释非常详细。同时也可以看这个高star项目学习 vue-element-admin
三、再学项目本身用到的工程化相关技术
比如ESlint怎么配置,Vue-cli、Webpack、nodejs等,有余力可以研究这些原理。
四、深入原理学习
比如学习小而美的源码。可以参考我之前的几个回答,相信会有所收获。