2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

前端開(kāi)發(fā)總結(jié)--之關(guān)于webui的想法
從以下幾個(gè)方面進(jìn)行分析
總得來(lái)說(shuō)，Fusionsphere操作系統(tǒng)是為用戶(hù)（一般為開(kāi)發(fā)，測(cè)試，用服人員使用）提供服務(wù)，并發(fā)上線率低，工程大（前后臺(tái)代碼100M以上），主 頁(yè)面至少30個(gè)，業(yè)務(wù)復(fù)雜（涉及到網(wǎng)絡(luò)、磁盤(pán)、域名、openstack、虛擬機(jī)創(chuàng)建、安裝包上傳、內(nèi)核參數(shù)等等），檢驗(yàn)多且雜，邏輯結(jié)構(gòu)復(fù)雜且偶合度 高。
1.團(tuán)隊(duì)
對(duì)開(kāi)發(fā)人員，測(cè)試人員業(yè)務(wù)掌握要求較高，只有了解業(yè)務(wù)才能準(zhǔn)確，快速理解設(shè)計(jì)師設(shè)計(jì)的特性需求，問(wèn)題出現(xiàn)時(shí)快速定位并解決問(wèn)題。

2.?webui的優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
1.工程邏輯清晰
2.應(yīng)用穩(wěn)定版本插件，不隨便引用第三方插件，自己用tiny庫(kù)（基于angularjs和bootstrap自行開(kāi)發(fā)的）
3.應(yīng)用懶加載技術(shù)，打開(kāi)一個(gè)頁(yè)面才加載其用到的文件，使得請(qǐng)求快速響應(yīng)
4.組件開(kāi)發(fā)較成熟，使得重復(fù)代碼開(kāi)發(fā)量大大減少（比如常用的彈窗，http請(qǐng)求，校驗(yàn)等等）
5.使用cookie技術(shù)，使得已經(jīng)加載的文件無(wú)需重復(fù)加載
6.應(yīng)用icorn技術(shù)，比使用圖片加載量減少。
7.開(kāi)發(fā)過(guò)程中，流程規(guī)范（設(shè)計(jì)-評(píng)審-串講-反串講-編碼-自測(cè)-聯(lián)調(diào)-代碼檢視-轉(zhuǎn)測(cè)）
8.代碼合入時(shí)，應(yīng)用compare進(jìn)行代碼比較，防止漏合、多合代碼，

缺點(diǎn)：
1.前后臺(tái)數(shù)據(jù)交換太多，一般是前臺(tái)直接將所有數(shù)據(jù)發(fā)到后臺(tái)，而不是修改后的數(shù)據(jù)才發(fā)送，這給服務(wù)器增加了額外的負(fù)擔(dān)，響應(yīng)時(shí)間成數(shù)量級(jí)的增長(zhǎng)。
2.接口太多，沒(méi)有進(jìn)行總體評(píng)審，個(gè)人按自己想發(fā)增加接口，使得http請(qǐng)求過(guò)于頻繁。
3.前后臺(tái)交互數(shù)據(jù)結(jié)構(gòu)體復(fù)雜，造成編碼邏輯復(fù)雜，增加出現(xiàn)bug的風(fēng)險(xiǎn)。
4.工程復(fù)雜，參與人員多，規(guī)范執(zhí)行不嚴(yán)格，造成代碼亂，注釋少，難于維護(hù)，
5.沒(méi)有專(zhuān)業(yè)的頁(yè)面設(shè)計(jì)人員參與，一般為特性開(kāi)發(fā)人員自行設(shè)計(jì)，使得頁(yè)面不美觀，交互性不好。
6.沒(méi)有使用圖片精靈技術(shù)，圖片多，請(qǐng)求頻繁。
7.名詞解釋或提示隨便，沒(méi)有提前找專(zhuān)業(yè)人士解決，使得后期易用性問(wèn)題單太多。
8.由于服務(wù)的用戶(hù)類(lèi)型單一，所以瀏覽器兼容性不好，僅支持部分谷歌瀏覽器！


用到的技術(shù)：
1.模塊化用requireJS
2.css使用bootstrap
3.引用第三方庫(kù)及框架jquery，jqueryUI，angularjs

轉(zhuǎn)載于:https://my.oschina.net/niejianbo/blog/638141

總結(jié)

以上是生活随笔為你收集整理的前端开发总结--之关于FusionSphere WEBUI的想法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。