2019年已經(jīng)快結(jié)束了,想起了年初的時候信誓旦旦立下的flag,現(xiàn)在回過頭來在看一下,自己完成了多少了,2019年大前端學(xué)習(xí)指南(祈澈姑娘的學(xué)習(xí)規(guī)劃)
http://www.itdecent.cn/p/5607e9a4719a
語言語法層面
ES6 :學(xué)了vue和react之后,其實做項目的時候,會經(jīng)常用到es6語法而不自知,只知道這樣去用,卻不知道具體的原理在哪里,后來周末花了兩天的時間,集中看完了一套講es6的語法的視頻,并且寫了系列的筆記,對ES6 的常用的語法有了一個大致的理解。
TypeScript :在學(xué)es6的同時,也順便找了b站上點贊最高的TypeScript 視頻,但是由于時間問題,只了解了數(shù)據(jù)類型,函數(shù),類的定義繼承等知識點,聽說現(xiàn)在大廠都已經(jīng)在用ts,所以學(xué)完語法已經(jīng)迫在眉睫了,在使用Ant Design pro搭建自己的博客管理后臺的時候,更加堅定了去學(xué)這個語法的決心,因為生成開箱即用的后臺之后,發(fā)現(xiàn)全部用ts構(gòu)建,很多都看不懂,用起來就變得非常的艱難了,就列入了1月份的學(xué)習(xí)名單。
還有Rust,Dart,WebAssembly暫時用不到了,關(guān)于他覺得Flutter來做app是相當(dāng)?shù)膎ice的,尤其是作為Flutter的基本入門語法Dart,用一天的時間也就可以學(xué)會了,所以,也被列入清單啦。
框架層面:
Vue 2.0在很久之前就已經(jīng)做過項目啦,3.0發(fā)布之后,只是稍微看了一下源碼,沒有去深入研究,搭建個項目玩一玩,目前處于觀望狀態(tài),React 也很容易上手,只是jsx語法和平時的書寫習(xí)慣有些不太一樣,大概有些人用起來不習(xí)慣,但是Ant Design用起來相當(dāng)?shù)乃崴?,文檔組件一概齊全,復(fù)制黏貼分分鐘就可以把項目模塊都搞定。
Angular 已經(jīng)到8.0版本了,剛剛?cè)胄械臅r候才2.0,短短兩三年的時間,更新?lián)Q代速度太快了,已經(jīng)遠(yuǎn)遠(yuǎn)把我甩在了身后,我也走上了從入門到放棄了,國內(nèi)用的比較少,亦棄之。
數(shù)據(jù)層:
關(guān)于Redux ,GraphQL,要對自己說聲抱歉了,年初立起來的數(shù)據(jù)層flag,沒有用起來,公司的項目沒有涉及到這些技術(shù)棧,(因為我不會,所以不用)盡管redux 可以用在任何框架中,
JS 后端框架:
在做博客的簡易的登陸系統(tǒng)用到mongoDB存用戶名密碼等相關(guān)信息的時候,用的Node+express環(huán)境支撐做為后端框架,還是要重點熟悉一下Express和Koa,若想以后的前端之路能夠發(fā)展全棧技能,這些都是繞不開的,需要作為重點培養(yǎng)對象。
測試框架:
使用分布比較勻稱,Jest 和 Mocha ,說多了都是淚,這一塊的flag可以打個零分了。
跨端框架:
Electron 和 React Native 排名比較靠前,受到廣大開發(fā)者的喜愛和追捧。但也不得不說Flutter還是非常有必要去學(xué),并且完成一個項目,最近使用的是uniapp,做的是公司的考勤app的項目,目前還沒有遇到什么可以踩的坑,總體感覺良好。
后端編程語言
很早以前就學(xué)過了Python 的相關(guān)語法應(yīng)用,也跟著校友很后面學(xué)了一些爬蟲技巧,爬到網(wǎng)站的一些文章,圖片等信息的最基本的功能,以前覺得一定要會一門后端語言,比如說php,現(xiàn)在的計劃是,要延后兩年了,先成為一個全棧,以后的事情再說吧,一個人得先學(xué)會爬再學(xué)會走路。
構(gòu)建工具和工具庫:
構(gòu)建工具和工具庫是經(jīng)常要用到的,工具嘛拿來就用了,不需要花啥時間在上面耗,站在前人的肩膀上,行動起來非常的方便啦,Lodash木有去了解,Moment 現(xiàn)在一般用 ts日期工具: date-fns代替,函數(shù)式而且很輕巧,Moment 體積太大。
瀏覽器 API:
Service Workers、PWA、Web Components 這三個比較靠前,
知道 Web Components 啥時候才能被大規(guī)模使用,反正 Polymer 看數(shù)據(jù)基本涼透了。
PWA: 持續(xù)關(guān)注,不過這玩意其實真的很簡單很簡單,只要學(xué)會 Service Worker + Cache API 就算掌握了 80% 了,需要的時候再學(xué)也來得及。
微信小程序:
花了一周的時間跟著視頻學(xué)完了小程序云開發(fā),并且做了一款云開發(fā)的圖書管理小程序,完全不需要后端的幫助,還是比較開心的。踩了一下小程序mpvue和wepy的坑,最后還是比較喜歡有贊的vant框架,適合做商城的項目,UI看起來也很舒服,(個人觀點),聽說Taro也還是不錯的,有時間就去玩一下。
其他熱點技術(shù)
還是那句話,前端的技術(shù)熱點太多了,技術(shù)更新?lián)Q代的速度很快,各種框架層出不窮,如果有時間有精力的話,可以選擇一些自己喜歡的去做。
總結(jié)和展望
好啦,說了那么多,開始總結(jié)了,2019年給自己立下的flag,其實完成程度一半還沒有到,(雖然已經(jīng)很努力的在學(xué)習(xí)啦)接下來在新的一年里,重點需要發(fā)展:
重點學(xué)習(xí)的部分:
Dart
Vue 3.0
TypeScript
Redux
Koa
React Native
Flutter
技術(shù)棧做一些項目:
React Native移動端:電影平臺項目
Flutter:高仿馬蜂窩項目
小程序:做一個商城項目,框架暫定
uniapp:做一個考勤app的項目
博客:Ant Design做管理后臺展示界面,Node.js + MongoDB做后端支持