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的全部內容，希望文章能夠幫你解決所遇到的問題。
