技術 Day04【ES6 小筆記】箭頭函式 - 基礎使用範例（Arrow function ）

ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式，它可以讓我們的函式變得更簡短、提升可讀性，但其實蠻多眉眉角角的，以下就提供幾個寫法範例&特性說明...

技術 Day03【ES6 小筆記】JS 組字串好方便！一目瞭然最清楚（模板字串符 template literal）

模板字串符（template literal）是 ES6 中新增的一個相當方便實用的功能，取代以往在 JS 中用 " " 或 ' ' 及...

技術 Day02【ES6 小筆記】變數宣告 - let、const 哪裡好？跟 var 說掰掰

今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較，我們先來看 airbnb 中關於變數的撰寫建議： ES...

技術 Day01【ES6 小筆記】ESLint 工具簡介&安裝教學-來個乾淨的程式碼

什麼是 ESLint？ 每個工程師都會有自己寫 code 的習慣，比如有些人喜歡加; 有些人不喜歡加，有些人喜歡先宣告變數，有些人則習慣不宣告直接使用，但是當...

技術 Day 21 : 檢查 - 在 commit 之前檢查前端程式碼

在使用 vue-cli 創建專案的時候，選擇自定義選項 選擇 Linter/Formatter 加入檢查器 有四種檢查的方式，在這邊依照之前的習慣，我們使用...

技術 為專案客製化 ESLint 規則

延續前一篇的主題，來介紹一些我們應用在專案的 ESLint 規範 Possible Errors 與程式碼或邏輯錯誤有關 no-console 禁用 cons...

技術 導入 ESLint

ESLint 介紹 一套支援 ES6 / JSX 語法的程式碼檢測工具，具高度設定彈性與擴充性。能提前檢測出可疑的、具有潛在問題的程式碼，並顯示警告或錯誤訊息...

技術 ESLint - 提升程式碼品質

現在大家對 code 的要求已經不是先求有再求好，而是先求好再求更好，因此能提升程式碼品質的工具就越來越受大家的重視。而 ESLint 相較於 JavaScri...

技術 Day 6 - 一周目- 程式碼品質工具ESLint，照顧程式碼風格

回顧 昨天我們介紹了作用域(Scope)、this、閉包(Closure)如何影響 VSCode debut 模式。終於可以寫程式了，但在開始寫程式前先來決定程...

技術 [ES6-重點紀錄] 開發環境建置(下) - ESLint 偵錯工具

在上一篇 開發環境建置(上) - Babel 編譯工具 講解 Babel 後，這篇將來介紹 ESLint ，使用 ESLint 偵錯工具來檢查 JavaScri...

技術 [ESLint] Parsing error: Unexpected token =

有時遇到這種問題，程式碼是對的，轉寫格式有錯就會出現類似問題，可能會是Parsing error: Unexpected token < 、Parsing...

技術 Day06 - 熟悉Webpack專案架構

專案整體架構 當我們使用webpack樣板初始化一個完整的vue專案，該專案資料夾內基本架構如下圖： static資料夾內存放的是“真正的”靜態資源，他們不...

技術 [Day-12] 深入浅出 ESLint 與實作

何謂 ESLint ? ESLint 支援 ES6 與 JSX 語法，具高度設定彈性與擴充性的檢查語法工具，可提供程式開發者在語法上的錯誤警告，此篇教學我所使用...

技術 Day 14: React篇: 建置React開發環境

"本文章附有影片"，在之前的"開發環境&開發工具"，我們已經介紹過整個的環境的建置，從這裡開始，我們需要為因應...

技術 Day5 / Basic -- Lint & Coding Style

Lint & Coding Style <好讀版> 前言 好的 coding style ，對團隊來說是一個莫大的幫助，當所有的人寫法，都像...

達標好文 技術 Day 03: ESLint - Lint工具的後起之秀

本章的目標是提供一些ESLint的簡介與使用建議，當然它只是個檢查工具，並不會自動幫你修正錯誤或警告。在撰寫程式碼的過程中，檢查工具的提示是很重要，它是可以提...