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

2019独角兽企业重金招聘Python工程师标准>>>

前端开发总结--之关于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

转载于:https://my.oschina.net/niejianbo/blog/638141

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

前端开发的瓶颈与未来
前端开发的瓶颈到底在哪里,前端技术是否已经走到一个十字路口,全栈化的系统架构是否能改变目前的窘境?本文将根据作者自身的开发经历谈谈当下前端开发中遇到的一些问题和想法. 近两年我一直在思考的一个问题: ...
day44前端开发1之html基础
web前端开发1 一.前端三剑客之html 1.为标记语言,是非编程语言 2.自身不具备逻辑,遇到负责重复操作只能全部手写(Ctrl+C > V) 3.组成:标签, 指令, 实体标签: ...
关于前端开发的相关资料及例子
1:前端HTML-CSS规范(http://www.cnblogs.com/whitewolf/p/4491707.html): 2:HTML实例(http://www.w3school.com.cn ...
gulp 配置自动化前端开发
有的人说,grunt已经廉颇老矣,尚能饭否.gulp已经成为了未来的趋势,或许将撼动grunt的地位. 那么就得看看gulp到底优势在哪里,在我最近的使用中发现,我的到了一个结论:"grun ...
读书笔记：编写高质量代码--web前端开发修炼之道（二：5章）
读书笔记:编写高质量代码--web前端开发修炼之道这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
《初级前端开发人员经常容易忽视几个细节问题汇总》
<初级前端开发人员经常容易忽视几个细节问题汇总> 1.使用变量.toString()的时候记得对变量进行判空 2.使用字符串.indexOf()的时候记得对字符串变量进行判断是否为nu ...
前端开发中的性能那点事
前端开发中的性能那点事(一)巧用xdebug 前言: 在我们平时的php开发中,一个大的项目经过长时间的积累以后你会发现性能越来越慢,而性能到底消耗在了什么地方,常常是一个令人头疼的问题,funct ...
前端开发学习常用网站网址及介绍（都是免费的）
在开发的时候,想记住所有的单词基本是不可能的,所以就需要进入文档,只要理清需求能做出来,就很不差了!! 扫码加博主微信 1.百度,俗称度娘,有不懂的就问百度,有问必答,跳转 2.百度翻译,不懂的单词, ...
前端开发神器之ngrok
ngrok能做什么,为什么是前端开发神器? 内网穿透,映射本地开发环境到公网,模拟多终端线上环境. 结合一个很简单的PWA demo,举个简单的例子 1.克隆demo到本地 git clone htt ...

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

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

最新文章

热门文章