文档章节

前端开发总结--之关于FusionSphere WEBUI的想法

-波仔-
 -波仔-
发布于 2016/03/15 23:04
字数 708
阅读 14
收藏 0

前端开发总结--之关于webui的想法
从以下几个方面进行分析
总得来说,Fusionsphere操作系统是为用户(一般为开发,测试,用服人员使用)提供服务,并发上线率低,工程大(前后台代码100M以上),主 页面至少30个,业务复杂(涉及到网络、磁盘、域名、openstack、虚拟机创建、安装包上传、内核参数等等),检验多且杂,逻辑结构复杂且偶合度 高。
1.团队
对开发人员,测试人员业务掌握要求较高,只有了解业务才能准确,快速理解设计师设计的特性需求,问题出现时快速定位并解决问题。

2. webui的优缺点
优点:
1.工程逻辑清晰
2.应用稳定版本插件,不随便引用第三方插件,自己用tiny库(基于angularjs和bootstrap自行开发的)
3.应用懒加载技术,打开一个页面才加载其用到的文件,使得请求快速响应
4.组件开发较成熟,使得重复代码开发量大大减少(比如常用的弹窗,http请求,校验等等)
5.使用cookie技术,使得已经加载的文件无需重复加载
6.应用icorn技术,比使用图片加载量减少。
7.开发过程中,流程规范(设计-评审-串讲-反串讲-编码-自测-联调-代码检视-转测)
8.代码合入时,应用compare进行代码比较,防止漏合、多合代码,

缺点:
1.前后台数据交换太多,一般是前台直接将所有数据发到后台,而不是修改后的数据才发送,这给服务器增加了额外的负担,响应时间成数量级的增长。
2.接口太多,没有进行总体评审,个人按自己想发增加接口,使得http请求过于频繁。
3.前后台交互数据结构体复杂,造成编码逻辑复杂,增加出现bug的风险。
4.工程复杂,参与人员多,规范执行不严格,造成代码乱,注释少,难于维护,
5.没有专业的页面设计人员参与,一般为特性开发人员自行设计,使得页面不美观,交互性不好。
6.没有使用图片精灵技术,图片多,请求频繁。
7.名词解释或提示随便,没有提前找专业人士解决,使得后期易用性问题单太多。
8.由于服务的用户类型单一,所以浏览器兼容性不好,仅支持部分谷歌浏览器!


用到的技术:
1.模块化用requireJS
2.css使用bootstrap
3.引用第三方库及框架jquery,jqueryUI,angularjs

© 著作权归作者所有

下一篇: 学习总结
-波仔-
粉丝 6
博文 58
码字总数 48482
作品 0
杭州
程序员
私信 提问
FCC杭州站Coffee and Code #04活动回顾

Hello,久违了各位!大家期盼已久的第四次FCC线下编程活动在11月27日下午成功举行了,本次活动的举办地点是在“马云爸爸”的阿里巴巴西溪园区,老实说头一回在阿里举办活动心里还有点小激动。...

李序锴
2017/12/05
0
0
手把手教你使用IPFS web可视化工具:IPFS WebUI

昨天已经给大家介绍了IPFS Desktop的展示和使用,今天阿信将为大家介绍一下IPFS WebUI的使用,近期项目团队更新了下一个版本的界面,也给大家一起展现一下。当前团队仅发布了下一个版本的Web...

阿信
2018/10/26
0
0
raspberry pi实现下载机

上文写道如何在raspbian上使用TP-LINK TL-725N无线网卡,本文使用该无线网卡实现一个下载机。硬件平台:Raspberry pi。软件平台:操作系统使用raspbian,其他软件包括开源的aria2、webui-ari...

linuxhunter
2013/12/31
1K
2
2016年终总结

简介 2016年对我来说还是一个比较意义重大的一年,这一年里,我成功完成了转型,并顺利的进入了一家较为满意的互联网公司。整个2016年比较关键的节点大概是2,5,9月份,接下来一一总结。 二...

光哥很霸气
2016/12/04
0
0
关于GloudGarden的工作分配和项目概述总结贴(实时更新)

Hi, Guys: 我这段时间考虑了一下工作的分配,初步设想如下: 李琦伟团队(李琦伟,邱少健)—— 负责项目架构的设计和搭建 邱少健团队(邱少健,学生2名)—— 负责前端开发的学习和设计 谷麦...

Kevin_Qiu
2015/03/02
6
1

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
22
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
17
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
27
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部