WEB前端經(jīng)驗(yàn)之談:時(shí)間一年半、或沉淀、或從零開(kāi)始
距上次寫(xiě)博客還是有點(diǎn)久了,中間有個(gè)寫(xiě)的念頭,不過(guò)由于不知道寫(xiě)什么也就放棄了。
14年4月份***份前端工作到現(xiàn)在也有一年半之久了,自己對(duì)前端的熱愛(ài)相對(duì)于一年前是有過(guò)之而無(wú)不及。一年半的時(shí)間里自己也成長(zhǎng)了少,對(duì)前端的看法和理解也在不斷的變化,中間拋棄了很多東西,也學(xué)了很多東西,一切也都是為了未來(lái)做前端更輕松吧。
前段時(shí)間有點(diǎn)浮躁了,不知道干什么,學(xué)新的東西也學(xué)不進(jìn)去了,感覺(jué)整個(gè)人都失去了目標(biāo)一樣,這種感覺(jué)在之前也有過(guò),就是我做***份工作的時(shí)候, 當(dāng)時(shí)根本不知道自己當(dāng)時(shí)做的事情對(duì)以后有什么幫助,這可能是大部分剛進(jìn)入IT行業(yè)的新人來(lái)說(shuō)都有這種感覺(jué)吧。話說(shuō)回來(lái),才入IT行業(yè)有這種感覺(jué)正常,但是 轉(zhuǎn)入前端以來(lái)我一直有自己的目標(biāo),自己也感覺(jué)成長(zhǎng)的比較快,不應(yīng)該有這種不知道做什么的感覺(jué),但是這種感覺(jué)的確存在,不知道做什么,什么也都不想做。不過(guò) 后來(lái)公司的任務(wù)重起來(lái)了,加了幾天班,浮躁的心情也就沒(méi)怎么去關(guān)心了,可能是轉(zhuǎn)移了目標(biāo)吧。
這段時(shí)間除了做公司的任務(wù),空余的時(shí)候也會(huì)看看博客、看看前端的基礎(chǔ)知識(shí),相對(duì)與后端來(lái)說(shuō),前端的樂(lè)趣性比后端更高,但是想深入?yún)s需要自己不斷的積累才行。我進(jìn)入前端這個(gè)行業(yè)可以說(shuō)完全是自己摸索入門(mén)的,貼一段自己以前的html代碼吧、
- <div class="index-banner">
- <button class="index-banner-btn-left"></button>
- <button class="index-banner-btn-right"></button>
- <div class="index-banner-image">
- <img src="#" />
- <img src="#" />
- <img src="#" />
- <img src="#" />
- </div>
- </div>
這段html代碼是一個(gè)banner里面的,轉(zhuǎn)前端到的***家公司寫(xiě)出來(lái)的代碼,現(xiàn)在回想一下真的寫(xiě)得太爛了,從一開(kāi)始學(xué)前端到現(xiàn)在,***的改變就是現(xiàn)在學(xué)會(huì)了看別人的,以前只知道自己寫(xiě),自己實(shí)現(xiàn)功能就ok了,我想基本上寫(xiě)代碼最開(kāi)始的時(shí)候就兩種人:
1.什么都自己做,做出來(lái)的東西基本上自己看懂,別人看半天就一個(gè)半懂的造輪子新手;
2.什么都先去網(wǎng)上找,功能實(shí)現(xiàn)其它什么的無(wú)所謂,上司要修改點(diǎn)細(xì)節(jié)上的功能各種頭痛的找輪子新手。
我屬于前者,而且才開(kāi)始做前端人新人基本上就這兩種(有老手用心帶的人基本除外吧)。
其實(shí)無(wú)論做前端你才開(kāi)始怎么樣,只要過(guò)了半年時(shí)間你就應(yīng)該在代碼美化、html結(jié)構(gòu)等一些方面都會(huì)有一定提升,這是我自己經(jīng)歷過(guò)的,但是這點(diǎn)提 升卻不足以代表你在前端的能力提升,無(wú)論是造輪子還是找輪子,在前端這個(gè)行業(yè)里面這些都只是開(kāi)頭,前端的東西實(shí)在是太多太多了,你要做一個(gè)什么效果,去網(wǎng) 上找找,總能找到自己需要的。但是,網(wǎng)上找的難免會(huì)有一些小問(wèn)題,功能達(dá)到要求了一些效果需要修改、還需要添加一個(gè)小小的功能等,這些是在工作中難以避免 的事情,所以無(wú)論你造輪子還是找輪子,最終你要提升你自己的能力,至少別人寫(xiě)的代碼你能看懂,而且要能去修改。輪子的問(wèn)題我也就不多說(shuō)了,其實(shí)無(wú)論是找輪 子還是造輪子,***的目的就是完成我們所需要的功能,方法有很多,但是更多的方法卻是需要自己在職場(chǎng)上不斷積累。
我現(xiàn)在這家公司是我上班的第4家公司,做的大項(xiàng)目不是很多,但是平時(shí)做的活動(dòng)專題、節(jié)日專題等東西確實(shí)不少,不過(guò)前端不止我一個(gè),所有我也有閑 下來(lái)的時(shí)候,我現(xiàn)在在公司做的也不只是純前端的東西,偶爾還是會(huì)用node寫(xiě)一些后臺(tái)的東西,現(xiàn)在我的github上面也放了幾個(gè)項(xiàng)目上去。其實(shí)我們做前 端所接觸的東西有很多,但是你要吃飯最基礎(chǔ)的是html、css、js和ps,這4個(gè)是做前端最基礎(chǔ)的,其它的你才開(kāi)始做可以都不會(huì),但是這4個(gè)如果你也 不會(huì)我想你還沒(méi)有做好做前端這行的準(zhǔn)備。html、css、js是一個(gè)網(wǎng)站呈現(xiàn)視圖和交互最基本的,ps是制作頁(yè)面所需要的。但是在前端這個(gè)行業(yè)這4個(gè)往 往不夠,現(xiàn)在找個(gè)后臺(tái)程序員都有不少人會(huì)這4個(gè)技能,所以,如果前端僅僅只會(huì)這4個(gè)技能又如何能體現(xiàn)出前端開(kāi)發(fā)人員的價(jià)值呢?
我認(rèn)識(shí)不少做后端的朋友,他們或多或少都會(huì)做頁(yè)面,還是一些做設(shè)計(jì)的朋友都會(huì),但是他們存在一些問(wèn)題,html結(jié)構(gòu)雜亂、頁(yè)面上和標(biāo)簽上到處都 是css、js代碼等,當(dāng)然,不排除有些還是在前端做的不錯(cuò)的其它職位的人。其實(shí)前面的都是一個(gè)美觀和易修改性問(wèn)題,還有個(gè)最重要的問(wèn)題就是我前面提到的 輪子問(wèn)題:javascript。
很多現(xiàn)在有很多后端人員轉(zhuǎn)到前端來(lái),有一個(gè)嚴(yán)重問(wèn)題就是后端的編程語(yǔ)言靈活性沒(méi)有js好,js寫(xiě)代碼的時(shí)候也沒(méi)有后端那樣嚴(yán)謹(jǐn),舉個(gè)例子:
C#:
- <br> public object point()<br> {<br> int x = 100, y = 100;<br> return new<br> {<br> x = x,<br> y = y<br> };<br> }
JS:
- <br>function point() {<br> var x = 100, y = 100;<br> return {<br> x: x,<br> y: y<br> };<br>}
上面兩段代碼一個(gè)是C#的,一個(gè)是JS的,都是相同的功能,返回一個(gè)坐標(biāo)對(duì)象,各種程序語(yǔ)言的定義都差不多,但是js就太過(guò)于簡(jiǎn)單了,C#里 面很多東西在定版出來(lái)時(shí)就限制死了,比如C#定義一個(gè)函數(shù)需要 ‘訪問(wèn)類型 返回類型 函數(shù)名’,而js只需要一個(gè)‘function 函數(shù)名’,所以后端才轉(zhuǎn)入前端的人在js上就會(huì)碰壁一段時(shí)間,這個(gè)其實(shí)并不奇怪,當(dāng)你習(xí)慣一種方式,然而外力讓你改變的時(shí)候你內(nèi)心就會(huì)不自覺(jué)拒絕。
前端入門(mén)真的很簡(jiǎn)單,但是想要深入前端,你卻要花費(fèi)很多時(shí)間去了解前端的各種東西,前端有很多現(xiàn)成的東西,但是這些東西用多了自己也會(huì)變懶,特 別是對(duì)才入門(mén)的人來(lái)說(shuō)這就是一個(gè)毒瘤?,F(xiàn)在網(wǎng)上現(xiàn)成的東西很多都可以拿來(lái)直接用,很多新人也是這樣,一個(gè)項(xiàng)目為了趕進(jìn)度什么的,很多前端代碼都是來(lái)源于網(wǎng) 絡(luò)上,各種插件、各種框架等等,最終項(xiàng)目出來(lái)了,想要修改卻不知道怎么下手,因?yàn)闁|西實(shí)在太多了,你根本不知道這個(gè)功能修改了其它地方會(huì)不會(huì)莫名其妙的出 問(wèn)題。所以做前端要花時(shí)間去了解別人發(fā)布出來(lái)代碼的邏輯,你至少要知道里面大體是干什么也可以,新手可以多看看別人的代碼,找到自己寫(xiě)代碼的風(fēng)格,不斷熟 悉。
寫(xiě)到這里感覺(jué)廢話了好大一篇文字,做前端一年半,可能已經(jīng)到了一個(gè)瓶頸期了吧,才入前端的時(shí)候找工作唯一的想法就是學(xué)不學(xué)得到東西,學(xué)得到多少 東西,有時(shí)候看別人的博客提到過(guò)瓶頸期,其實(shí)當(dāng)時(shí)沒(méi)什么感覺(jué),但是現(xiàn)在看來(lái),很多東西都是不想程序那樣可以預(yù)判的。這段時(shí)間想了很多,其實(shí)人就是這樣,無(wú) 聊的時(shí)候就會(huì)亂想,想過(guò)前端這行可以做多久,想過(guò)換行,也想過(guò)就這樣混經(jīng)驗(yàn),不過(guò)這些都只是想想而已。之前在一篇文章看到過(guò)做事從零開(kāi)始,其實(shí)我在想我做 前端為何不可從零開(kāi)始呢,想想這一年半走來(lái),一直在最求更好的技術(shù),更好的框架,卻忘了一個(gè)最終要的東西,那就是基礎(chǔ)。我想很多做前端的都沒(méi)有想過(guò)怎么去 從零開(kāi)始吧,其實(shí)從零開(kāi)始也很簡(jiǎn)單,把上課老師講過(guò)的東西拿出來(lái)看看,把自己以前做過(guò)的東西拿出來(lái)寫(xiě)寫(xiě),就像自己才開(kāi)始學(xué)寫(xiě)代碼那樣從新去學(xué),當(dāng)你第二次 回過(guò)頭看自己以前做的東西,也是在對(duì)自己一種審視,也能看見(jiàn)自己的成長(zhǎng)。
當(dāng)然,前端也并不是寫(xiě)代碼,更多的是去想怎么寫(xiě),代碼是死的,人是活的,一個(gè)功能有很多方法去實(shí)現(xiàn),我們想的就是怎么用更好的方式去實(shí)現(xiàn),當(dāng) 然,自己在以后的發(fā)展是怎么樣的誰(shuí)也沒(méi)法預(yù)測(cè),平時(shí)多想想、多看看,沒(méi)事多了解下周邊知識(shí)對(duì)自己也沒(méi)壞處,每個(gè)人都是一步一步走新手到大神的,中間的怎么 把汗水揮灑好全看自己怎么去學(xué)。
這篇文章中間斷斷續(xù)續(xù)的寫(xiě),思路也是斷斷續(xù)續(xù)的,寫(xiě)得不好請(qǐng)見(jiàn)諒。