關(guān)鍵代碼設(shè)計(jì)思路怎么寫?
、分析需求形成本次的主題。二、形成原型圖。
三、提出復(fù)用性高的部分。
分析原型圖,進(jìn)行模塊拆分,將復(fù)用性高的部分提出,制成對(duì)應(yīng)的代碼模塊。
四、進(jìn)行布局。
進(jìn)行總體的框架的搭建。
框架需要注意:自適應(yīng)強(qiáng);各瀏覽器兼容性強(qiáng)。
五、分模塊。根據(jù)內(nèi)容的含義,區(qū)分模塊,在布局中細(xì)化。
六、放置控件。在模塊內(nèi)放置控件,使之位置合理,突出重點(diǎn)。
七、調(diào)節(jié)風(fēng)格樣式。使模塊之間有所區(qū)分、模塊內(nèi)風(fēng)格統(tǒng)一,控件大小、顏色、圖片、樣式合理。
八、加入驗(yàn)證等控制。
控制控件功能合理,進(jìn)行基礎(chǔ)的控制。
包括:大小值控制、數(shù)據(jù)類型控制、非空控制等。
九、加入動(dòng)畫效果。加入簡(jiǎn)單的動(dòng)畫效果,表現(xiàn)層次等概念。
其中包括:鼠標(biāo)移入移出效果、控件點(diǎn)擊的效果、div緩慢移入移出效果。
十、測(cè)試。檢查該有的功能是否遺漏、測(cè)試各效果是否合理。
十一、整理代碼。刪除多余代碼和邏輯。整理原來(lái)的代碼,
減少代碼上造成的處理速度慢的問(wèn)題。使代碼便于維護(hù)和閱讀。
十二、優(yōu)化性能。