SharePoint Online 開發篇:前臺UI界面編寫規範分享

Blog鏈接:https://blog.51cto.com/13969817
很多時候,企業爲了滿足自己的UI 策略,通常的做法是開發人員客製化一套Portal以符合公司的標準,那麼在開發期間,一定要注意編寫規範,否則日後維護的成本就很大,這裏跟大家分享一下相關經驗。

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

  • class的命名需要使用項目名稱加”-”和具體的命名。例如:jx-news-title。儘量做到不修改和覆蓋SharePoint默認的樣式
  • 其餘編碼規範需要遵循 CSS編碼規範

    示例:

    / 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. 要考慮網絡延遲,需要把js和css做混淆和壓縮處理

在開發的時候可以使用原始的js和css,但是一旦提供給客戶的時候需要對js和css進行混淆和壓縮處理,這樣能大大的減小javascript和css文件的大小。在網絡延遲比較大的時候能快速的加載對應的文件。

希望這裏跟大家分享的經驗,能起到拋磚引玉的作用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章