SharePoint Online 開發篇:前臺UI界面編著規范分享

期望這搭跟大家分享的經驗,能起到拋磚引玉的效用

2. 要考量網絡延緩,需要把js和css做淆惑和壓縮辦理
在開發的時分可以使役原始的js和css,不過一朝提提供客戶的時分需要對js和css施行淆惑和壓縮辦理,這麼能大大的減小javascript和css文件的體積。在網絡延緩比較大的時分能快速的加載對應的文件。

/ 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; }

示例:
/ 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 }

1.遵循Protal相關的css和JS編碼規范

  • class的命名需要使役項目名稱加』-』和具體的命名。例如:jx-news-title。盡力做到不修改和覆被SharePoint默認的范式
  • 其餘編碼規范需要遵循 CSS編碼規范

    Blog鏈接:https://blog.51cto.com/13969817
    眾多時分,企業為了知足自個兒的UI 策略,通常的做法是開發成員客制化一套Portal以合乎企業的標准,那麼在開發期間,必須要注意編著規范,否則日後保護的成本就巨大,這搭跟大家分享一下相關經驗。


發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *