iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

3 Like 5 留言 52765 瀏覽

鐵人賽 Modern Web DAY 13

透過 ESLint 練習 JavaScript ES6 系列第 13 篇

技術 Day13【ES6 小筆記】Array.map() - 處理陣列最佳選擇

上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法，我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的： 11.1 不要使用迭代...

江江好 ‧ 2019-09-14 ‧團隊火箭隊

0 Like 0 留言 38027 瀏覽

鐵人賽 Modern Web DAY 14

React - DOM界的彼方系列第 14 篇

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

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

eyesofkids ‧ 2016-12-14

3 Like 0 留言 27038 瀏覽

技術 Vue.js - 使用 ESLint + Prettier 整理程式碼

在多人開發的時常常大家寫 Code 的風格都不一樣，這時候可以透過輔助工具來統一每個人的風格，當然自己開發時也可以用，尤其是像我這種寫 Code 習慣很差的人X...

Ares ‧ 2020-05-21

6 Like 0 留言 25913 瀏覽

鐵人賽 Modern Web DAY 3

React - DOM界的彼方系列第 3 篇

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

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

eyesofkids ‧ 2016-12-03

3 Like 1 留言 16982 瀏覽

鐵人賽 Modern Web DAY 12

從無到有，打造一個漂亮乾淨俐落的 RESTful API 系列第 12 篇

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

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

10程式中 ‧ 2017-12-22

2 Like 3 留言 16851 瀏覽

鐵人賽 Modern Web DAY 17

透過 ESLint 練習 JavaScript ES6 系列第 17 篇

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小妙招

上次練習了 airbnb 推薦的 map() 語法，我們再來複習一次 ESLint airbnb 的規則怎麼說的： 11.1 不要使用迭代器。更好的做法是使用...

江江好 ‧ 2019-09-18 ‧團隊火箭隊

9 Like 2 留言 15848 瀏覽

鐵人賽 Modern Web DAY 3

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 3 篇

技術 Day02 | 整齊的程式，讓看的人長命百歲，給我用 ESLint

前言 ESLint 提供語法檢查的功能，會檢查出專案中有可能會出錯、語法不正確的地方，也能夠按照個人或團隊的需要設定專屬的 coding style（編碼風格）...

神Q超人 ‧ 2019-09-14 ‧團隊IT成長團

0 Like 0 留言 14966 瀏覽

技術 [ESLint] Parsing error: Unexpected token =

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

Luis-Chen ‧ 2017-12-26

4 Like 3 留言 14263 瀏覽

鐵人賽 Modern Web DAY 3

透過 ESLint 練習 JavaScript ES6 系列第 3 篇

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

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

江江好 ‧ 2019-09-04 ‧團隊火箭隊

2 Like 2 留言 10046 瀏覽

鐵人賽 Modern Web DAY 4

透過 ESLint 練習 JavaScript ES6 系列第 4 篇

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

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

江江好 ‧ 2019-09-05 ‧團隊火箭隊

8 Like 1 留言 8203 瀏覽

鐵人賽 Modern Web DAY 1

透過 ESLint 練習 JavaScript ES6 系列第 1 篇

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

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

江江好 ‧ 2019-09-02 ‧團隊火箭隊

1 Like 0 留言 8153 瀏覽

鐵人賽 Modern Web DAY 2

透過 ESLint 練習 JavaScript ES6 系列第 2 篇

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

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

江江好 ‧ 2019-09-03 ‧團隊火箭隊

3 Like 0 留言 7664 瀏覽

鐵人賽 Software Development DAY 6

用js成為老闆心中的全端工程師系列第 6 篇

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

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

eugenechen ‧ 2018-10-06

4 Like 1 留言 7224 瀏覽

鐵人賽 Modern Web DAY 20

透過 ESLint 練習 JavaScript ES6 系列第 20 篇

技術 Day20【ES6 小筆記】什麼是「語法糖」哩？

在學習 ES6 的路上，常常會看到「語法糖」這個名詞，但一直不知道是什麼意思，我們來看看維基百哥怎麼說的：語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語，...

江江好 ‧ 2019-09-21 ‧團隊火箭隊

4 Like 0 留言 7203 瀏覽

鐵人賽 Modern Web DAY 5

前端工具百寶箱 - 六角學院系列第 5 篇

技術 ESLint - 提升程式碼品質

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

六角學院 ‧ 2018-10-19

1 Like 1 留言 6810 瀏覽

鐵人賽 Modern Web DAY 7

透過 ESLint 練習 JavaScript ES6 系列第 7 篇

技術 Day07【ES6 小筆記】變數命名規則&宣告位置哪裡好？

在先前我們已經有介紹過 ES6 新的變數宣告方法 let 與 const，但是變數宣告的位置跟變數名稱也是有規則的哦！養成良好的習慣，可以讓我們的程式碼有更好的...

江江好 ‧ 2019-09-08 ‧團隊火箭隊

3 Like 1 留言 6602 瀏覽

鐵人賽 Modern Web DAY 24

透過 ESLint 練習 JavaScript ES6 系列第 24 篇

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中，原始型別有以下幾種： Boolean：僅有 true, false 兩個值 Null：僅有 null 的值 Undefin...

江江好 ‧ 2019-09-25 ‧團隊火箭隊

4 Like 3 留言 5957 瀏覽

鐵人賽 Modern Web DAY 10

透過 ESLint 練習 JavaScript ES6 系列第 10 篇

技術 Day10【ES6 小筆記】物件的解構賦值-以一間好吃的餐廳為例（Object Destructuring）

今天來學習 ES6 中的解構賦值，功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫，快速的將多筆資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習物件...

江江好 ‧ 2019-09-11 ‧團隊火箭隊

1 Like 0 留言 5687 瀏覽

鐵人賽 Modern Web DAY 6

透過 ESLint 練習 JavaScript ES6 系列第 6 篇

技術 Day06【ES6 小筆記】函式參數預設值 - 基礎範例（Default Arguments）

參數預設值 ES6 提供了更簡易的函式參數預設值的設定方式，讓我們可以更直覺的來進行設定，優點如下：減少程式碼有利於代碼的可讀性話不多說，來看範...

江江好 ‧ 2019-09-07 ‧團隊火箭隊

0 Like 0 留言 5654 瀏覽

鐵人賽 Modern Web DAY 6

Vue.js 30天隨身包系列第 6 篇

技術 Day06 - 熟悉Webpack專案架構

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

Syuanhahaha ‧ 2017-12-25 ‧團隊30天熱度

1 Like 0 留言 5419 瀏覽

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

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

Vision ‧ 2018-01-13

5 Like 1 留言 5377 瀏覽

鐵人賽 Modern Web DAY 8

透過 ESLint 練習 JavaScript ES6 系列第 8 篇

技術 Day08【ES6 小筆記】剩餘參數 - 基礎使用範例（Rest parameter）

在有些情況，Function 有不確定數量的參數時，ES6 提供的「剩餘參數」就可以幫助我們很容易取得剩餘的所有參數，並保存在陣列裡！剩餘參數的特性如下：...

江江好 ‧ 2019-09-09 ‧團隊火箭隊

4 Like 2 留言 5305 瀏覽

鐵人賽 Modern Web DAY 22

透過 ESLint 練習 JavaScript ES6 系列第 22 篇

技術 Day22【ES6 小筆記】變數提升（Hoisting）與暫時死區（TDZ）

今天來介紹 let/const 的暫時死區（Temporal Dead Zone，TDZ），這是 ES6 中對作用域新的專用語，翻成中文就是「時間上暫時無法達到...

江江好 ‧ 2019-09-23 ‧團隊火箭隊

3 Like 2 留言 4349 瀏覽

鐵人賽 Modern Web DAY 12

透過 ESLint 練習 JavaScript ES6 系列第 12 篇

技術 Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料，而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...

江江好 ‧ 2019-09-13 ‧團隊火箭隊

4 Like 0 留言 4009 瀏覽

鐵人賽 Modern Web DAY 25

透過 ESLint 練習 JavaScript ES6 系列第 25 篇

技術 Day25【ES6 小筆記】有點規矩！讓你的程式碼整整齊齊～

Hi～你寫程式時都隨便換行、隨便空白，看心情加逗號跟分號嗎？你覺得反正程式沒有錯誤，結果有出來就好嗎？偶爾還會因為忘記分號導致出錯嗎？你覺得其實看了很不舒服，但...

江江好 ‧ 2019-09-26 ‧團隊火箭隊

3 Like 1 留言 3975 瀏覽

鐵人賽 Modern Web DAY 5

透過 ESLint 練習 JavaScript ES6 系列第 5 篇

技術 Day05【ES6 小筆記】前端開發者不能不知道的 ES6 是什麼?

本月參加的鐵人挑戰就是要來探索 ES6，讓 JavaScript 更上一層樓！但是忘記在第一天先跟大家介紹 ES6 是什麼了XDD，來補充分享一下！（以下是簡略...

江江好 ‧ 2019-09-06 ‧團隊火箭隊

2 Like 2 留言 3758 瀏覽

鐵人賽 Modern Web DAY 16

透過 ESLint 練習 JavaScript ES6 系列第 16 篇

技術 Day16【ES6 小筆記】// javascript 怎麼下個好註解？

今天來介紹 ESLint airbnb 中對於註解的建議，好的註解除了可以增加程式碼的可讀性之外，對於團隊間的開發，如果有培養下註解的默契，在維護上也會有幫助歐...

江江好 ‧ 2019-09-17 ‧團隊火箭隊

0 Like 0 留言 3563 瀏覽

鐵人賽 Modern Web DAY 28

Webpack with ASP.NET MVC 系列第 28 篇

技術導入 ESLint

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

TYSON ‧ 2018-10-28

1 Like 0 留言 3554 瀏覽

鐵人賽 Modern Web DAY 3

循序漸進學習 Javascript 測試系列第 3 篇

技術 Day3 靜態分析：用 ESLint 檢查語法錯誤

工程師的寫 code 日常中，拼錯字必定不可少（誤）。造成程式壞掉的各種原因裡，「錯字」跟「型別錯誤」都是很常見的原因之一。前面我們知道，寫測試的目的是在保護程...

TWGD ‧ 2020-09-18

2 Like 2 留言 3455 瀏覽

鐵人賽 Modern Web DAY 19

透過 ESLint 練習 JavaScript ES6 系列第 19 篇

技術 Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

三元運算子可以拿來做簡單的判斷，在兩個結果間快速的做出選擇！雖然不是 ES6 才出的語法，但是 airbnb 有提到，今天就來介紹一下他的用法唄！ ESLin...

江江好 ‧ 2019-09-20 ‧團隊火箭隊

技術 Day13【ES6 小筆記】Array.map() - 處理陣列最佳選擇

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

技術 Vue.js - 使用 ESLint + Prettier 整理程式碼

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

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

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小 妙招

技術 Day02 | 整齊的程式，讓看的人長命百歲，給我用 ESLint

技術 [ESLint] Parsing error: Unexpected token =

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

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

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

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

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

技術 Day20【ES6 小筆記】什麼是「語法糖」哩？

技術 ESLint - 提升程式碼品質

技術 Day07【ES6 小筆記】變數命名規則&宣告位置哪裡好？

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

技術 Day10【ES6 小筆記】物件的解構賦值-以一間好吃的餐廳為例（Object Destructuring）

技術 Day06【ES6 小筆記】函式參數預設值 - 基礎範例（Default Arguments）

技術 Day06 - 熟悉Webpack專案架構

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

技術 Day08【ES6 小筆記】剩餘參數 - 基礎使用範例（Rest parameter）

技術 Day22【ES6 小筆記】變數提升（Hoisting）與暫時死區（TDZ）

技術 Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

技術 Day25【ES6 小筆記】有點規矩！讓你的程式碼整整齊齊～

技術 Day05【ES6 小筆記】前端開發者不能不知道的 ES6 是什麼?

技術 Day16【ES6 小筆記】// javascript 怎麼下個好註解？

技術 導入 ESLint

技術 Day3 靜態分析：用 ESLint 檢查語法錯誤

技術 Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

標記使用者

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

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小妙招

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

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

技術導入 ESLint