原创 時間轉換

// 轉換時間 Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份

2018-09-04 16:58:59 1

原创 JavaScript 30 Day -- 07 彩虹畫筆

實現效果： 可供鼠標畫畫，顏色呈彩虹色漸變，畫筆大小同樣呈漸變效果。 關鍵點： Canvas： 基本屬性 getContext() strokeStyle //線條描邊的顏色 fi

2018-09-04 16:58:59

原创 JavaScript 30 Day -- 01 JavaScript Drum Kit

實現效果： 模擬一個打鼓的頁面。用戶在鍵盤上按下幾個鍵時，頁面上與字母對應的按鈕變大變亮，對應的鼓點聲音響起來。 關鍵點： 鍵盤事件-監聽(addEventListener) 當按下鍵盤的時候 觸發 transitionend 必須要

2018-09-04 16:58:59

原创 JavaScript 30 Day -- 08 Console 調試技巧指南

實現效果： Console 面板裏的調試技巧 關鍵點： .log 的更多用法 這個是最常用的，但它還有一些更多功能：比如參數支持類似 C 語言的字符串替換模式。 %s 字符串 %d 整數 %f 浮點值 %o Object %c 設

2018-09-04 16:58:59

原创 JavaScript 30 Day -- 05 快速匹配

實現效果： 在輸入框中輸入一個詞，迅速匹配，展示含有這個詞的詩句，詩句的來源 json 數據是加載頁面時從網絡中異步獲得。 關鍵點： Promise fetch() //異步請求 then() json() Ar

2018-09-04 16:58:59

原创 JavaScript 30 Day -- 02 時鐘

實現效果： 時鐘 關鍵點： 獲取時間 var data = new Date() 獲取小時/分鐘/秒 date.getHours(); date.getMinutes(); date.getSecond

2018-09-04 16:58:59