SharePoint Online 开发篇:前台UI界面编写

  • 来源:网络
  • 更新日期:2020-08-18

摘要:建站服务器 Blog链接:https://blog.51cto.com/13969817很多时候,企业为了满足自己的UI 策略,通常的做法是开发人员客制化一套Portal以符合公

建站服务器

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

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

新网虚拟主机