Mesos | 1.3.2 webui static 界面代码分析 ——app.js/relative-date.js
一、app.js
(一)filter
1. truncateMesosID / / 先分割,删除指定字符串,重组
string.split(separator,limit)
split() 方法用于把一个字符串分割成字符串数组。
提示: 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。注意: split() 方法不改变原始字符串。
返回值:一个字符串数组。
array.splice(index,howmany,item1,.....,itemX)
splice() 方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。
返回值:如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
array.join(separator)
join() 方法用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。
返回值:string。
2.truncateMesosState //删除TASK_前缀
string.substring(from, to)
substring() 方法用于提取字符串中介于两个指定下标(from, to)之间的字符。substring() 方法返回的子串包括 开始( from)处的字符,但不包括 结束(to) 处的字符。
返回值:string
3.isoDate //格式化日期,将日期以yyyy-MM-ddTHH:mm:ssZ的格式输出。
parseInt(string, radix) [radix介于2~36之间]
parseInt() 函数可解析一个字符串,并返回一个整数。
当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。
当忽略参数 radix , JavaScript 默认数字的基数如下:
- 如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。
- 如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
- 如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数
返回值:int
AngularJs 服务之$filter https://blog.csdn.net/u011301203/article/details/53225340
4.relativeDate //计算程序运行了多长时间
relativeDate()在 relative-date.js 中定义。
relative-date.js
开始定义SECOND,MINUTE,HOUR等时间的标准。
然后定义一个formats数组,数组的元素也是数组。
定义一个比较函数function,用来得到程序开始运行时间和当前系统时间的差值delta,并根据这个差值delta和相应的数组元素比较的结果(delta < format[0])返回程序运行的时间状态(just now,a minute age 等)。参数input为程序刚开始运行的时间,reference为当前系统的时间。
Date.getTime()
getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
返回值:Number
5.unixDate //如果时间是今年,不显示年份。如果不是今年,显示年份。
Date.getFullYear()
getFullYear() 方法可返回一个表示年份的 4 位数字。
6.decimalFloat //返回一个小数位数为4位的String
parseFloat()
parseFloat() 函数可解析一个字符串,并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。
number.toFixed(x)
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。x是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。
返回值:String
string.toString()
7.dataSize //将bytes转为KB,MB,GB,TP,PB
(二)directive
1.clipboard
Mesos | 1.3.2 webui static 界面代码分析 ——app.js/relative-date.js相关推荐
- Mesos | 1.3.2 webui static 界面代码分析
知识点链接:https://blog.csdn.net/lilele12211104/article/details/85011877 https://blog.csdn.net/lilele1221 ...
- 微信小游戏 demo 飞机大战 代码分析(四)(enemy.js, bullet.js, index.js)
微信小游戏 demo 飞机大战 代码分析(四)(enemy.js, bullet.js, index.js) 微信小游戏 demo 飞机大战 代码分析(一)(main.js) 微信小游戏 demo 飞 ...
- C语言项目 电话查询系统 哈希表实现(项目要求 + 运行界面 + 代码分析 + 完整代码)
电话查询系统 1. 项目要求 2. 数据样例 3. 运行界面 4. 代码分析 5. 完整代码 6. 项目报告 关注博主不迷路,博主带你码代码! 1. 项目要求 设每个记录有以下数据项:用户名.电话.地 ...
- java主界面设置背景图片_java 窗体设置背景图片问题?(附上登陆界面代码,我想加个背景图片,求大神帮忙改改)...
java 窗体设置背景图片问题?(附上登陆界面代码,我想加个背景图片,求大神帮忙改改) 关注:223 答案:4 mip版 解决时间 2021-01-26 22:09 提问者非莪莫属 2021-01 ...
- android仿微信聊天功能,Android高仿微信聊天界面代码分享
微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们 ...
- php写的微信聊天界面,Android_Android高仿微信聊天界面代码分享,微信聊天现在非常火,是因其 - phpStudy...
Android高仿微信聊天界面代码分享 微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先 ...
- android 微信高仿,Android高仿微信聊天界面代码分享
微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们 ...
- # java swing,awt图形化界面代码案例合集
文章目录 java awt,swing图形化界面代码案例合集 java awt,swing图形化界面代码案例合集 package Demo1; import java.awt.*; public cl ...
- java窗体背景图片_java 窗体设置背景图片问题 (附上登陆界面代码,我想加个背景图...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 java 窗体设置背景图片问题 (附上登陆界面代码,我想加个背景图片,求大神帮忙改改) package com.qx; import java.awt.D ...
- (转)flex中使用swc实现更好的界面代码分离
flex中使用swc实现更好的界面代码分离 转自:http://www.cnblogs.com/yjmyzz/archive/2010/07/26/1785265.html 前几天写过一篇" ...
最新文章
- [文章集合] 在Windows Server 2012上关于Vmware的几点
- java语言解析XML
- SSM框架的搭建(idea)
- linux shell 编写菜单脚本事例
- 如何将Eclipse中的开源项目使用到Android Studio中
- MS CRM 2011 RC中的新特性(9)—全新的工作流 脚本设计模式
- (39)css3实现轮播图效果
- 【PHP】【PHP100改进系列】上传图片水印、缩略图、图片大小预处理类
- 如何将cocos2d-x项目打包成一个.exe
- (十)瑞芯微rk3568 中qt工程ffmpeg 拉取rtsp视频流
- JAVA与GO语言之间应该选择学习哪个?
- 思迅商云8修改服务器端口,思迅商云8 sql server端口打开失败1433
- 用cube移植PS2手柄--HAL库
- 建站系列:有云服务器和域名怎么建设网站?
- UnityShader学习教程之<矩阵的左乘还是右乘所导致的效果问题>
- java读取pdf签名_Java 获取PDF中的数字签名信息
- PHP解码JavaScript中的escape()方法
- 计算机网络习题——第3章 数据链路层
- Redis数据类型汇总
- 计算机硬盘不能存储文件,磁盘已满,文件无法保存怎么弄