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文件的大小。在网络延迟比较大的时候能快速的加载对应的文件。

希望这里跟大家分享的经验，能起到抛砖引玉的作用