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

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

分享文章：SharePointOnline开发篇：前台UI界面编写
分享URL：http://cqcxhl.cn/article/cgjopc.html