會(huì)點(diǎn)兒linux命令

這個(gè)項(xiàng)目是在linux下才能運(yùn)行的。很多后端服務(wù)基于linux環(huán)境。諸如文件操作(gedit或vim)，拷貝操作，這些基本的命令都應(yīng)該掌握。畢竟以后如果是和linux環(huán)境下的后端打交道，基本的操作就不用麻煩人家了。

對(duì)任何項(xiàng)目都應(yīng)該認(rèn)真

因?yàn)槲覐陌肼方邮?，也并不了解?xiàng)目，都是聽(tīng)負(fù)責(zé)人再說(shuō)。包括技術(shù)總監(jiān)也說(shuō)是個(gè)小項(xiàng)目，簡(jiǎn)單做就好了。一開(kāi)始我認(rèn)為這是個(gè)小項(xiàng)目，也沒(méi)特別認(rèn)真對(duì)待，沒(méi)有主動(dòng)去想產(chǎn)品，等主體內(nèi)容做完之后，就忙著做其他項(xiàng)目，抽空寫(xiě)寫(xiě)這個(gè)項(xiàng)目。
真沒(méi)想到自己一做就是三周。我以為頂多兩周就完成了。當(dāng)然這其中也有很多問(wèn)題。比如項(xiàng)目負(fù)責(zé)人并沒(méi)有在一開(kāi)始的時(shí)候就把全局的情況和細(xì)節(jié)都講清楚，沒(méi)有一開(kāi)始的一個(gè)規(guī)劃，只是知道主體的內(nèi)容，然后就是做一點(diǎn)想一點(diǎn)了。

寫(xiě)頁(yè)面的經(jīng)驗(yàn)

1. 隨時(shí)準(zhǔn)備應(yīng)對(duì)需求變更。要注意凡是有<ul><li>標(biāo)簽相互組合的地方，就要考慮增加新li標(biāo)簽的情況。所以固定高度以及位置寫(xiě)死這種做法就不可取。尤其像這種需求并不明確，設(shè)計(jì)稿僅是參考稿的情況下，一會(huì)讓你增加一個(gè)li標(biāo)簽，本來(lái)可以只修改html結(jié)構(gòu)就好了，非得去修改css，降低了多少效率！所以，一定要事先考慮清楚：能否利用達(dá)到高度自動(dòng)撐開(kāi)，利用top:100%這個(gè)屬性來(lái)自動(dòng)定位以達(dá)到目的。
2. 對(duì)于設(shè)計(jì)圖的精準(zhǔn)還原，我還是沒(méi)有做的很好。比如色彩，距離，比例，字體大小。以及選用圖片還是選用css去寫(xiě)，如何拆分圖片的問(wèn)題上我都還欠缺經(jīng)驗(yàn)。這次項(xiàng)目經(jīng)理對(duì)于頁(yè)面效果和設(shè)計(jì)圖比照的非常細(xì)致。連淺粉色和白色的差別都要改。所以一開(kāi)始就請(qǐng)認(rèn)真對(duì)待設(shè)計(jì)圖，一點(diǎn)細(xì)節(jié)都不能馬虎！
3. 前端工程師的基本素養(yǎng)。連密碼輸入框要用<input type="password"/>都不知道！

css能力有待加強(qiáng)

很多時(shí)候感覺(jué)自己寫(xiě)css還是慢了，而且對(duì)布局的理解，對(duì)于需求變更的處理，都做得不是很好。

1. 居中問(wèn)題。水平居中，垂直居中。
2. 布局問(wèn)題。左右布局，左中右布局。

重視產(chǎn)品需求

不明白產(chǎn)品需求，只做技術(shù)實(shí)現(xiàn)就會(huì)陷進(jìn)去，或者做的不是產(chǎn)品經(jīng)理想要的。一定要溝通。如果遇到產(chǎn)品需求闡述并不明確的經(jīng)理。應(yīng)該主動(dòng)去提問(wèn)，對(duì)未知的去了解。主動(dòng)了解需求很重要。

給用戶(hù)的提示信息，語(yǔ)言上要進(jìn)行斟酌

比如提示信息，"還沒(méi)有部署產(chǎn)品"就沒(méi)有"尚未部署產(chǎn)品"更嚴(yán)肅。在目前沒(méi)有產(chǎn)品經(jīng)理，部分圖紙沒(méi)有ui設(shè)計(jì)的情況，語(yǔ)言要有意識(shí)去積累。平時(shí)在使用app的時(shí)候，在看別人寫(xiě)的提示信息的時(shí)候要有意識(shí)積累。

越是精小的UI組件越是考察你的細(xì)心

項(xiàng)目當(dāng)中需要做一個(gè)ip輸入框組件。我主要是參照windows下的ip輸入框進(jìn)行制作的。
核心實(shí)現(xiàn)四個(gè)input,組成一個(gè)大的輸入框，然后監(jiān)聽(tīng)input的keypress事件，onblur事件來(lái)處理一些問(wèn)題。
其實(shí)代碼邏輯較為復(fù)雜,各種細(xì)節(jié)因素沒(méi)有照顧周全。比如什么時(shí)候按·跳行，跳行之后是否選中下一行，focus子網(wǎng)掩碼的時(shí)候如果IP有值自動(dòng)生出子網(wǎng)掩碼，退格應(yīng)該能清空上一格，每個(gè)輸入框最多輸入3個(gè)數(shù)字，最大不超過(guò)255。
好我就隨便寫(xiě)幾個(gè)寫(xiě)IP組件過(guò)程中遇到的問(wèn)題：

1. keypress和keydown有什么區(qū)別：keypress中e.preventDefault()可以真正屏蔽按鍵輸入。但是keydown不行。
2. 如何focus下一個(gè)input的時(shí)候選中其中的值
3. 如何判斷當(dāng)前input中時(shí)候有選中的值?；鸷鼮g覽器下用window.getSelection()獲取input中的選中值無(wú)效。

有機(jī)會(huì)再把ip組件寫(xiě)一遍，你的代碼邏輯會(huì)更加清楚。我發(fā)現(xiàn)這個(gè)是鍛煉前端邏輯的非常好的一個(gè)練習(xí)：仿照windows系統(tǒng)ip輸入框做輸入組件。
把各種情況都要考慮到！

代碼分離問(wèn)題

我不知道其他公司前后端是怎么交接的，我這里是一部分的和后端交互的js代碼，后端同學(xué)也有權(quán)維護(hù)，所以和后端的代碼要抽離到單獨(dú)的js中，這樣方便后端同學(xué)查看。
并且還有就是不要過(guò)度封裝。我覺(jué)得我function(xxx,callback){}這樣的接口都不是很好，因?yàn)槟愀静恢纁allback是什么，很多后端同學(xué)去看代碼都傻了，找callback太費(fèi)勁了，干脆就把callback顯式地寫(xiě)在方法體里面就好了。

數(shù)據(jù)刷新設(shè)計(jì)到的頁(yè)面變化

當(dāng)涉及到一個(gè)列表數(shù)據(jù)（ul,li的這種結(jié)構(gòu)）刷新的時(shí)候，由于數(shù)據(jù)更新之后涉及到樣式變更，后端希望我重新渲染整個(gè)ul標(biāo)簽就完了。但我覺(jué)得那樣浪費(fèi)性能，點(diǎn)擊的時(shí)候那個(gè)變動(dòng)了刷新那個(gè)，這樣更有針對(duì)性。弊端就是控制上要用css控制的更加精準(zhǔn)。沒(méi)有刷新整個(gè)那么無(wú)腦。我認(rèn)為我做的是對(duì)的。

涉及后端長(zhǎng)時(shí)間io操作的時(shí)候，需要等待的時(shí)候，要給出loading信息，并且屏蔽部分操作按鈕

低級(jí)問(wèn)題不要犯

剛開(kāi)始我并不會(huì)很主動(dòng)去溝通，項(xiàng)目經(jīng)理又一次隨口提了一句，有不懂的就要問(wèn)，不要擱置不解決。其實(shí)我一直在解決，會(huì)有一些冤枉的情緒在里面。受批評(píng)，有冤枉，被人不理解，很正常。不要覺(jué)得不好意思。一定要對(duì)自己有信心。
我現(xiàn)在才去的策略是除非這個(gè)工作影響到我根本進(jìn)行不下去了，比如后端沒(méi)有開(kāi)啟某個(gè)服務(wù)，本地沒(méi)有數(shù)據(jù)。沒(méi)法實(shí)際走一遍。就會(huì)請(qǐng)相應(yīng)的人幫忙。正常情況下，只要我還能繼續(xù)往下走，我就不會(huì)輕易尋求別人幫忙。因?yàn)槲乙恢闭J(rèn)為溝通是有溝通成本的問(wèn)題的。反正我手頭還有很多部分可以繼續(xù)深入做，現(xiàn)在去找他，時(shí)間都浪費(fèi)在溝通上了。所以在這種情況下我時(shí)常處于等待的情況。我先忙我的，有事你找我。但其實(shí)這種做法會(huì)有小問(wèn)題，就是有些困難會(huì)減緩你前進(jìn)速度，不如直接去找后端幫忙。
但是之后有一次，我犯了一個(gè)低級(jí)錯(cuò)誤，后端顯得非常不耐煩，“你關(guān)了重新開(kāi)！”原來(lái)，這個(gè)項(xiàng)目集成到一定程度的時(shí)候，不能隨意點(diǎn)擊重啟鍵，否則電腦的信息會(huì)被剛才安裝部署的部分重置。而且這個(gè)問(wèn)題發(fā)生了兩三次，每次都要麻煩后端人員，重新安裝，自己也不懂linux.
所以你要分清，有些關(guān)鍵點(diǎn)不懂了，馬上問(wèn)。但是低級(jí)的錯(cuò)誤你犯了，你麻煩別人，無(wú)形增加對(duì)方工作量，就是你的不對(duì)了！所以對(duì)方生氣了，也是可以理解的。