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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

改進(jìn)：

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

2.改