計(jì)算機(jī)軟件工程師實(shí)習(xí)報(bào)告

第第頁(yè)計(jì)算機(jī)軟件工程師實(shí)習(xí)報(bào)告

詹老師讓我仿照“過(guò)家家gogaga”所開(kāi)發(fā)的“打電話認(rèn)師姐”微信小游戲?qū)懸粋€(gè)類似的應(yīng)用。我把原始應(yīng)用找出來(lái)便開(kāi)始摳代碼，第一步是將套在微信接口中的原始應(yīng)用摳出來(lái)(套在微信接口的原始應(yīng)用只能在微信閱覽器中運(yùn)行，無(wú)法在電腦上測(cè)試)，周二開(kāi)始做，一開(kāi)始我的效率特別低，由于我許多測(cè)試方法并不熟識(shí)，在參閱了微信JS-SDK后終于把原始代碼摳出來(lái)，厘清該應(yīng)用的基本規(guī)律后開(kāi)始重寫(xiě)，在詹老師的耐煩地指導(dǎo)和對(duì)基礎(chǔ)知識(shí)的講解下，我們將原始代碼中120行的CSS代碼優(yōu)化到60行，將五百多行的JS代碼優(yōu)化到只有60行，這事實(shí)上是在原有的規(guī)律上完全重寫(xiě)了，這讓我開(kāi)始有點(diǎn)成就感了。

也第一次感受到產(chǎn)品開(kāi)發(fā)中的大局觀，這種大局觀更多的是表達(dá)在環(huán)節(jié)上，比如代碼變量名的設(shè)置需要與文件存放聯(lián)合考慮，以便日后修改和維護(hù)。詹老師在講代碼規(guī)律的時(shí)候親自寫(xiě)了一個(gè)例子讓我體會(huì)，雖然消化這些用了快一天，但感覺(jué)真的收獲很大，有拔云見(jiàn)日之感。

實(shí)習(xí)一周后所遇到的種種困難也讓我意識(shí)到自己許多問(wèn)題，歸納如下：

1.盡管之前對(duì)于書(shū)本的學(xué)習(xí)有肯定積累，但還是暴露出代碼的不嫻熟，環(huán)節(jié)方面處理技能差，在環(huán)節(jié)上耗費(fèi)時(shí)間太多。

2.缺乏基本的軟件開(kāi)發(fā)測(cè)試思路，比如之前不知道chrome具有相當(dāng)強(qiáng)大的錯(cuò)誤測(cè)試功能，它對(duì)于沒(méi)有觸發(fā)的函數(shù)也有錯(cuò)誤提示。

3.缺乏專注的習(xí)慣，比如詹老師讓我先完勝利能方面，但我卻習(xí)慣于去找找界面的素材，這就導(dǎo)致兩邊都沒(méi)有做好。雖然認(rèn)識(shí)上知道不該這么做，但是習(xí)慣上卻很難改。

4.自己許多時(shí)候雖然有問(wèn)題但是不能完全闡述清晰，所以跟leader溝通的時(shí)候往往支支吾吾，以后有問(wèn)題自己首先得想清晰，將問(wèn)題講明白也是很關(guān)鍵的技能。

另外也記錄一些自己的淺薄感受：

1.工科出身的詹老師對(duì)于代碼的運(yùn)行效率有許多的考慮，但對(duì)于用戶體驗(yàn)和交互效果好像略微少點(diǎn)，當(dāng)然也可能是我新來(lái)并不了解的緣由。

2.公司在做小應(yīng)用的時(shí)候并不會(huì)在用戶測(cè)試和產(chǎn)品結(jié)構(gòu)功能上爭(zhēng)論太多，公司要的是迭代效率，就是要快速出應(yīng)用，然后再快速上線下一個(gè)。

本周接到新的任務(wù)，為制作H5的聘請(qǐng)頁(yè)面，之前的“給師姐打電話”的H5應(yīng)用還沒(méi)有優(yōu)化好，能做的改進(jìn)的地方還有許多，leader詹老師讓我先把聘請(qǐng)網(wǎng)站做好，H5應(yīng)用先放放，他給了我大街網(wǎng)做的“中國(guó)好Offer”作為參考，拿到之后的確感覺(jué)這些頁(yè)面都做得很好，詹老師搜集的資源的確非常豐富，從實(shí)習(xí)到現(xiàn)在他發(fā)給我的參考很有用，在看完了五六十個(gè)H5的聘請(qǐng)頁(yè)面之后開(kāi)始構(gòu)思，在將產(chǎn)品架構(gòu)基本做好后，測(cè)試又發(fā)覺(jué)許多問(wèn)題，有技術(shù)層面的，但更多的設(shè)計(jì)本身的問(wèn)題。技術(shù)的環(huán)節(jié)的問(wèn)題：基于jquerymobile的開(kāi)發(fā)框架國(guó)內(nèi)的資料非常有限，不得不查閱原始的英文API，許多問(wèn)題也只能去JQM的論壇查找，這些都非常考驗(yàn)英文閱讀技能。CSS的布局問(wèn)題繁雜，在各個(gè)閱覽器，各個(gè)應(yīng)用的渲染都不一樣，也是很磨折人的過(guò)程，我現(xiàn)在就遇到了css中font-weight屬性在Safari沒(méi)有渲染的問(wèn)題，至今沒(méi)有解決。

漸漸體會(huì)到前端工作的繁瑣與環(huán)節(jié)，需要學(xué)的東西許多，有時(shí)候可以憑自己一些小聰慧在當(dāng)前解決，但并沒(méi)有摸到問(wèn)題的根源，揚(yáng)湯止沸不是長(zhǎng)期之計(jì)，但又似乎沒(méi)有足夠的時(shí)間來(lái)系統(tǒng)的摸索，我只能先將這些問(wèn)題一一記住來(lái)。這些技術(shù)的'體會(huì)是一方面，另一方面便是產(chǎn)品的設(shè)計(jì)層面，現(xiàn)在就是由于產(chǎn)品快做好后發(fā)覺(jué)有許多地方犯了低級(jí)錯(cuò)誤，以往的紙上談兵井井有條，等到自己親身實(shí)踐卻感到把握不住許多設(shè)計(jì)原那么，比如界面設(shè)計(jì)給用戶造成的不須要的干擾，功能可見(jiàn)性的不足，規(guī)律上的不嚴(yán)謹(jǐn)，以下我歸納了下崗做好的H5界面存在的交互問(wèn)題：

1.頁(yè)面的設(shè)計(jì)初衷是左右滑動(dòng)來(lái)切換頁(yè)面，但給幾個(gè)伙伴測(cè)試后都不能進(jìn)入頁(yè)面后就自然而然的知道是左右滑動(dòng)。

2.joinus的圖標(biāo)給用戶是按鈕的錯(cuò)覺(jué)，在測(cè)試中許多用戶以為是按鈕，都會(huì)下意識(shí)的點(diǎn)擊。

3.交互效果的乏善可陳，與滑動(dòng)的規(guī)律好像也沒(méi)有太大關(guān)聯(lián)，只是單純的加入了一些css3的動(dòng)畫(huà)。

4.用于提示左右滑動(dòng)的動(dòng)態(tài)箭頭會(huì)讓用戶以為是點(diǎn)擊作用。

改進(jìn)：

1.放棄joinus圖標(biāo)

2.改