溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

SharePoint Online 開發(fā)篇：前臺UI界面編寫

發(fā)布時(shí)間：2020-08-18 16:48:04 來源：網(wǎng)絡(luò) 閱讀：186 作者：bxapollo 欄目：建站服務(wù)器

Blog鏈接：https://blog.51cto.com/13969817
很多時(shí)候，企業(yè)為了滿足自己的UI 策略，通常的做法是開發(fā)人員客制化一套Portal以符合公司的標(biāo)準(zhǔn)，那么在開發(fā)期間，一定要注意編寫規(guī)范，否則日后維護(hù)的成本就很大，這里跟大家分享一下相關(guān)經(jīng)驗(yàn)。

1.遵循Protal相關(guān)的css和JS編碼規(guī)范
  • class的命名需要使用項(xiàng)目名稱加”-”和具體的命名。例如：jx-news-title。盡量做到不修改和覆蓋SharePoint默認(rèn)的樣式

  • 其余編碼規(guī)范需要遵循 CSS編碼規(guī)范

    示例：

    / Bad CSS / .selector, .selector-secondary, .selector[type=text] { padding:15px; margin:0px 0px 15px; background-color:rgba(0, 0, 0, 0.5); box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF }

    / Good CSS / .selector, .selector-secondary, .selector[type="text"] { padding: 15px; margin-bottom: 15px; background-color: rgba(0,0,0,.5); box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff; }

2. 要考慮網(wǎng)絡(luò)延遲，需要把js和css做混淆和壓縮處理

在開發(fā)的時(shí)候可以使用原始的js和css，但是一旦提供給客戶的時(shí)候需要對js和css進(jìn)行混淆和壓縮處理，這樣能大大的減小javascript和css文件的大小。在網(wǎng)絡(luò)延遲比較大的時(shí)候能快速的加載對應(yīng)的文件。

希望這里跟大家分享的經(jīng)驗(yàn)，能起到拋磚引玉的作用

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手