Category Archives: Javascript

ESLint couldn’t find the plugin (when install dependencies using yarn)

今日嘗試用 command line (CLI) 執行 ESLint 時出現了以下的錯誤信息

# eslint command
eslint ./src

Error: Cannot find module 'eslint-config-airbnb'

仔細看他其實是在找npm install 的 module 的 folder
“c:\user\chi\AppData\Roaming\npm\node_modules”
但我是用 yarn install的所以 是使用錯了folder
解決方法十分簡單
我們只要使用 yarn 執行便可

 yarn eslint ./src

Hope you find it useful

Cannot read property ‘mtime’ of undefined – Jasmine

終於開始做 Unit Testing
但是不知道為什麼在自己電腦上Run Unit Test 出現以下的錯誤信息

Running “connect:test” (connect) task
Started connect web server on http://localhost:9001

Running “karma:unit” (karma) task
Warning: Cannot read property ‘mtime’ of undefined Use –force to continue.

Aborted due to warnings.

mtime of undefined

最後發現原因可能是 Windows 10 使用 mklink  symbolic link 來reference 資料夾/ 檔案的問題
或是可以bower package version mismatch的問題
解決方法 就是在Windows上使用傳統的方法
copy and paste 來複製在Unit Test用到的檔案到要用的資料夾內

之後再進行Unit test 便可以解決這個問題了

Hope you find it useful

How to delete field inside Json Object – 如何把Json 的屬性移除

今日在公司經過同事Code Review…我學會了很多東西
其中一個就是如何delete Json/ Javascript Object 內的一些Field

e.g.

var params = {
        UserId: membership.id,
        FirstName: membership.firstName,
        ScreenName: membership.nickname,
        location: membership.currentLocation
      };

假設只有某些權限的用戶才可以看到 location這個field的

我們可以使用 delete keyword 來把Json / Javascript object的 field 移除
e.g.

delete params.location;
console.log(params);

Hope you find it useful

‘const’ is available in ES6 (use ‘esversion: 6’) or Mozilla JS extensions (use moz). JSHints JSCS

搭飛機訓唔著係一件十分痛苦的事..
幸好..可以給我一些時間去tidy up自己之前hackathon 的Code
但在執行gulp 的JSCS 時出現以下的Warning.

‘const’ is available in ES6 (use ‘esversion: 6’) or Mozilla JS extensions (use moz).
'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz)

在機上不能上網..今天終於有時間去research下怎樣解決

解決方法十分簡單..
只要在 .js 檔案的上方 加入下comment便可以不再顯示這些Warning
jshints esversion 6 issue fixed

/*jshint esversion: 6 */

Hope you find it useful

Javascript get Current Date without time – 如何在Javascript上找出現在的日子.. 不要時間

今天又為自己寫下一些筆記..
很多時候都需要為網頁的一些 Form 或其他功能去埴上今天/現時日期..
很多時候的default/預計功能都會自動加上時間..
有時就是因為這些 時間令到一些功能有錯誤..
E.G. 例如你想比較兩個日子

解決方法十分簡單
我們可使用 new Date().toJSON() 來 輸出
2015-08-21T14:46:06.729Z
之後用slice(0,10) 取出 日期的字串
之後我們便可以用new Date()來把這個日子轉為javascript的 日子object 以方便之後處理

Console.log(new Date().toJSON());
// result: "2015-08-21T14:46:06.729Z"

Javascript new Data().toJSON() result

console.log(new Date().toJSON().slice(0,10));
// 2015-08-24

把他轉為一個DateObject

var currentDate = new Date().toJSON().slice(0,10)
// result "2015-08-21"
Console.log(currentDate);

Convert Date String to Javascript Date Object

Hope you find it useful