在學習 ES6 的路上，常常會看到「語法糖」這個名詞，但一直不知道是什麼意思，我們來看看維基百哥怎麼說的： 語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語，...
三元運算子可以拿來做簡單的判斷，在兩個結果間快速的做出選擇！雖然不是 ES6 才出的語法，但是 airbnb 有提到，今天就來介紹一下他的用法唄！ ESLin...
上次練習了 airbnb 推薦的 map() 語法，我們再來複習一次 ESLint airbnb 的規則怎麼說的： 11.1 不要使用迭代器。更好的做法是使用...
今天來介紹 ESLint airbnb 中對於註解的建議，好的註解除了可以增加程式碼的可讀性之外，對於團隊間的開發，如果有培養下註解的默契，在維護上也會有幫助歐...
在 ES6 中，物件的撰寫更簡便了！可以使用縮寫的方式縮短我們的程式碼，省去的繁瑣的工作外，也能增加可讀性，今天就來一探究竟唄～ 物件內屬性的簡寫 以我家兔子...
上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法，我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的： 11.1 不要使用迭代...
前言 ESLint 提供語法檢查的功能，會檢查出專案中有可能會出錯、語法不正確的地方，也能夠按照個人或團隊的需要設定專屬的 coding style（編碼風格）...
過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料，而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...
上一篇介紹了物件的解構賦值應用，而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫，將資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習陣...
今天來學習 ES6 中的解構賦值，功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫，快速的將多筆資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習物件...
上一篇的剩餘參數，是把很多的參數整合成一個陣列，而展開運算子，則是把陣列裡面的值取出，並拆解成一個一個的獨立參數，使用方式一樣都是 ...，以下來看看使用情境...
在有些情況，Function 有不確定數量的參數時，ES6 提供的「剩餘參數」就可以幫助我們很容易 取得剩餘的所有參數，並保存在陣列裡！ 剩餘參數的特性如下：...
在先前我們已經有介紹過 ES6 新的變數宣告方法 let 與 const，但是變數宣告的位置跟變數名稱也是有規則的哦！養成良好的習慣，可以讓我們的程式碼有更好的...
參數預設值 ES6 提供了更簡易的函式參數預設值的設定方式，讓我們可以更直覺的來進行設定，優點如下： 減少程式碼 有利於代碼的可讀性 話不多說，來看範...
本月參加的鐵人挑戰就是要來探索 ES6，讓 JavaScript 更上一層樓！但是忘記在第一天先跟大家介紹 ES6 是什麼了XDD，來補充分享一下！（以下是簡略...
ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式，它可以讓我們的函式變得更簡短、提升可讀性，但其實蠻多眉眉角角的，以下就提供幾個寫法範例&特性說明...
模板字串符（template literal）是 ES6 中新增的一個相當方便實用的功能，取代以往在 JS 中用 " " 或 ' ' 及 +...
今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較，我們先來看 airbnb 中關於變數的撰寫建議： ESL...
什麼是 ESLint？ 每個工程師都會有自己寫 code 的習慣，比如有些人喜歡加; 有些人不喜歡加，有些人喜歡先宣告變數，有些人則習慣不宣告直接使用，但是當...
在使用 vue-cli 創建專案的時候，選擇自定義選項 選擇 Linter/Formatter 加入檢查器 有四種檢查的方式，在這邊依照之前的習慣，我們使用 P...
延續前一篇的主題，來介紹一些我們應用在專案的 ESLint 規範 Possible Errors 與程式碼或邏輯錯誤有關 no-console 禁用 cons...
ESLint 介紹 一套支援 ES6 / JSX 語法的程式碼檢測工具，具高度設定彈性與擴充性。能提前檢測出可疑的、具有潛在問題的程式碼，並顯示警告或錯誤訊息...
現在大家對 code 的要求已經不是先求有再求好，而是先求好再求更好，因此能提升程式碼品質的工具就越來越受大家的重視。而 ESLint 相較於 JavaScri...
回顧 昨天我們介紹了作用域(Scope)、this、閉包(Closure)如何影響 VSCode debut 模式。終於可以寫程式了，但在開始寫程式前先來決定程...
在上一篇 開發環境建置(上) - Babel 編譯工具 講解 Babel 後，這篇將來介紹 ESLint ，使用 ESLint 偵錯工具來檢查 JavaScri...
有時遇到這種問題，程式碼是對的，轉寫格式有錯就會出現類似問題，可能會是Parsing error: Unexpected token < 、Parsing...
專案整體架構 當我們使用webpack樣板初始化一個完整的vue專案，該專案資料夾內基本架構如下圖： static資料夾內存放的是“真正的”靜態資源，他們不...
何謂 ESLint ? ESLint 支援 ES6 與 JSX 語法，具高度設定彈性與擴充性的檢查語法工具，可提供程式開發者在語法上的錯誤警告，此篇教學我所使用...
"本文章附有影片"，在之前的"開發環境&開發工具"，我們已經介紹過整個的環境的建置，從這裡開始，我們需要為因應...
Lint & Coding Style <好讀版> 前言 好的 coding style ，對團隊來說是一個莫大的幫助，當所有的人寫法，都像...
江江好
神Q超人
Aoma
TYSON
六角學院
eugenechen
Syuanhahaha
10程式中
eyesofkids
沒一村
iThome鐵人賽
看影片追技術