被施工的Tom的記錄

異想世界

發表於 更新於 分類於 ，

前言

記錄有關一些javascript的用法

UTC的用法

目前是使用momentjs這個程式庫來轉成要的UTC

1
2
3
4
5
6
//將日期塞入，出來就是utc的時間格
moment.utc(formmodel.value.date);
//以數字來使用
moment.utc(formmodel.value.date).valueOf();
//不要毫秒
Math.round(moment.utc(formmodel.value.date).valueOf() / 1000);

Buffer的用法

建立array

這是其中的一個

1
2
3
4
var array1 = Buffer.from("123");
console.log(array1);//<Buffer 31 32 33> 
var array2 = Buffer.from("abc");
console.log(array2);//<Buffer 61 62 63>

合併

1
2
3
4
5
6
7
8
9
var array1 = Buffer.from("123");
console.log(array1);//<Buffer 31 32 33> 
var array2 = Buffer.from("abc");
console.log(array2);//<Buffer 61 62 63>
var array3 = Buffer.from("ABC");
console.log(array3);//<Buffer 41 42 43>
var totallength = array1.length + array2.length + array3.length;
var buf = Buffer.concat([array1, array2, array3], totallength);
console.log(buf);//<Buffer 31 32 33 61 62 63 41 42 43>

以下是參考的碼

1
2
3
4
5
6
7
8
9
10
var videobuff = Buffer.from(chunk);
var audiobuff = Buffer.from(soundchunk);
var Duration = Buffer.alloc(2);//new Buffer(2);
Duration.writeUInt16LE(1000, 0);
var auddiolen = Buffer.alloc(4);//new Buffer(4);
auddiolen.writeUInt32LE(audiobuff.length, 0);

var totalLength = Duration.length + auddiolen.length + videobuff.length + audiobuff.length;
var buf = []
var buf = Buffer.concat([Duration, auddiolen, audiobuff, videobuff], totalLength);

參考資料

Node.js：Buffer淺談

Buffer 模組處理

日期轉換的用法

將時間的字串，先取出來,再利用dataToYMD轉成相要的顯示字串
new Date().toISOString(); // e.g. “2016-11-21T08:00:00.000Z”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function GetCurDate()
{
    var strDate = $("#dummyDate").val().substring(0, 10);
    //console.log(strDate);
    var d = new Date(Date.parse(strDate));
    var szformatDate = dateToYMD(d);
    return szformatDate;
}
function dateToYMD(date) {
    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    return '' + y + '/' + (m <= 9 ? '0' + m : m) + '/' + (d <= 9 ? '0' + d : d);
}

JavaScript Array陣列的操作方法

目前記錄是我有用到的方法

forEach的用法

有index

1
2
3
4
var array1 = ['a', 'b', 'c'];
array1.forEach(function(item,idx) {
  console.log(item);
});

無index

1
2
3
4
var array1 = ['a', 'b', 'c'];
array1.forEach(function(item) {
  console.log(item);
});

every()和some()

  • every()是對數組中每一項運行給定函數，如果該函數對每一項返回true,則返回true。
  • some()是對數組中每一項運行給定函數，如果該函數對任一項返回true,則返回true。
1
2
3
4
5
6
7
8
9
10
var arr = [1, 2, 3, 4, 5, 6];
console.log(arr.some(function (item, index, array) {
    console.log(`item=${item},index=${index},array=${array}`);
    return item > 3;
}));

console.log(arr.every(function (item, index, array) {
    console.log(`item=${item},index=${index},array=${array}`);
    return item > 3;
}));

運行結果

1
2
3
4
5
6
7
8
item=1,index=0,array=1,2,3,4,5,6 
item=2,index=1,array=1,2,3,4,5,6 
item=3,index=2,array=1,2,3,4,5,6 
item=4,index=3,array=1,2,3,4,5,6 
true
#-------------------------------- 
item=1,index=0,array=1,2,3,4,5,6 
false

some一直在找符合條件的值，一旦找到，則不會繼續迭代下去。

every從迭代開始，一旦有一個不符合條件，則不會繼續迭下去。

Promise的相關資訊

理解 Promise 狀態及使用方式

從Promise開始的JavaScript異步生活
Multi File Uploader built with Native JS and Promises

使用 Blob 和 File 相關 Web API 即時呈現上傳圖片檔案

發表於 更新於 分類於 ，

PlantUML和Hexo整合

安装hexo-tag-plantuml

1
npm install hexo-tag-plantuml --save

語法

1
2
3
4
5
6
7
8
{% plantuml %}
start
:配置Java環境; 
:下載pantuml.jar;
:編寫描述文件; 
:執行; 
stop
{% endplantuml %}

使用Astah繪製UML圖形

Astah這個提供免費版本的UML繪製工具

發表於 更新於 分類於

這邊我會介紹我常用的 markdown 語法

# 標題

有六種標題的大小

1
2
3
4
5
6
#        標題1
##       標題2
###      標題3
####     標題4
#####    標題5
######   標題6

# 分隔線

“-“連續三個減號，也可以叫 dash 比較潮，這樣就會跑出一個分隔線

1
---

# 縮排、引言

“>” 大於符號後面所接的文字，就會向右縮排，如果越多 > 的符號，就會縮排越多。

至理名言

1
> 至理名言

特列顯示

刪除線

1
~~刪除線~~

Markdown 產生程式碼區塊

在Markdown裡面產生程式碼區塊的方法很簡單，就是用三個``` 的符號
將程式碼的上下都用括起來

舉例：
```
程式碼放這邊
```

這樣會產生的畫面就是

1
程式碼放這邊

Markdown 連結設定

image

1
2
[Google](http://www.google.com/)
![image](https://lh3.googleusercontent.com/ytDZt9pKlh84wDUYE04K49g-MGXYxfV1mET4-HpPtR9QpglNIT-v5Co_zzOC1FU0V0m2rnnhQ39afPeZlV47TOdZr4sLWAOAhzBEZ6AVJyyl8pM6OUNft2F5BxJuY2wtgCF1WAzcVd7WPIoT1FqgdDViYOKGYK9qn5nDdiRAc1bB3UIBPkBh_rDlbcrlROteZFRmegY81Gpx4uqR4cHYa0x9BVnA9M1vEYbxaH4IKvMAHdCQtKbls49RepPxbwqqXy4M_fOP6EMPCI-oX6A-fqXTE42auU5NyQheKKROPBZnbgcEm2Ffz-6-fxJiGzXm_DO9058v3cS9qAjzZmQCrCXDQKh3tWymRB9gHK4dgoruZJWws1Q6p9izxufh0SQ8KfL5TagK-xQK8s2ietie2kHwcWbwKOWpM4BQtNGqTMGbKT9nzVxkxk9kBiqEll7bcETz-O3zYeRMT6Adl6JDnfjshnIns6rj-dgwairU-ZYBHr7z7pdYL-rs92GrBtonZv1n1UUwKr1CG78Q3me-ZwBMXcJecTaeks0t2TL56BPYTh4SVphUZX_XGAApZp9DKdpeoN51tC8Sbh7yeGpSwWkl5rfbPBRH0lJntNs=w1032-h774-no)

Markdow 表格的設定

如下的範例

1
2
3
4
5
-|默認左對齊|居中對齊|內容右對齊
:-:|-|:-:|-:
1|Left|Center|Right
2|Left|Center|Right
3|Left|Center|Right
- 默認左對齊 居中對齊 內容右對齊
1 Left Center Right
2 Left Center Right
3 Left Center Right

無序號

以* 標題來表示
如有有下一級+ 1-1來表示

1
2
3
4
* 註冊流程
* db備份
* 車主
   + 1-1 車主主畫面的圖要換
  • 註冊流程
  • db備份
  • 車主
    • 1-1 車主主畫面的圖要換
參考資料
0%