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

4 Like 2 留言 5809 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

3 Like 5 留言 2127 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day21【ES6 小筆記】物件屬性存取方式 - 以一篇業配文為例

先前我們有介紹過物件的解構賦值，用於存取多屬性的物件，而今天我們就來聊聊存取單一個物件時，有什麼方法吧！假如我們有一個物件 restaurant 紀錄這間好吃...

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

4 Like 1 留言 7591 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

2 Like 2 留言 3709 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

2 Like 2 留言 4042 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

2 Like 3 留言 17500 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

1 Like 0 留言 2646 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15【ES6 小筆記】物件縮寫好棒棒！Object literal extension

在 ES6 中，物件的撰寫更簡便了！可以使用縮寫的方式縮短我們的程式碼，省去的繁瑣的工作外，也能增加可讀性，今天就來一探究竟唄～物件內屬性的簡寫以我家兔子...

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

3 Like 5 留言 58097 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

9 Like 3 留言 16823 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

3 Like 2 留言 4695 瀏覽

鐵人賽 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 ‧團隊火箭隊

6 Like 7 留言 3218 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day11【ES6 小筆記】陣列的解構賦值-以哥哥的前女友為例（Array Destructuring）

上一篇介紹了物件的解構賦值應用，而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫，將資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習陣...

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

4 Like 3 留言 6493 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

3 Like 1 留言 2882 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day09【ES6 小筆記】展開運算子 - 基礎使用範例（Spread operator）

上一篇的剩餘參數，是把很多的參數整合成一個陣列，而展開運算子，則是把陣列裡面的值取出，並拆解成一個一個的獨立參數，使用方式一樣都是 ...，以下來看看使用情境...

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

5 Like 1 留言 5850 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

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

1 Like 1 留言 7150 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

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

4 Like 1 留言 4341 瀏覽

鐵人賽 Modern Web DAY 5

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

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

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

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

1 Like 0 留言 6079 瀏覽

鐵人賽 Modern Web DAY 6

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

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

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

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

5 Like 3 留言 15587 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

2 Like 2 留言 10817 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

1 Like 0 留言 8636 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

8 Like 1 留言 8910 瀏覽

鐵人賽 Modern Web DAY 1

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

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

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

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

0 Like 0 留言 1308 瀏覽

鐵人賽 Modern Web DAY 21

遺留系統重構 - 從 MEAN Stack 轉移到 go-vue-postgresql 系列第 21 篇

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

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

Aoma ‧ 2018-11-04

0 Like 0 留言 2401 瀏覽

鐵人賽 Modern Web DAY 29

Webpack with ASP.NET MVC 系列第 29 篇

技術為專案客製化 ESLint 規則

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

TYSON ‧ 2018-10-29

0 Like 0 留言 3868 瀏覽

鐵人賽 Modern Web DAY 28

Webpack with ASP.NET MVC 系列第 28 篇

技術導入 ESLint

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

TYSON ‧ 2018-10-28

4 Like 0 留言 7575 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 ESLint - 提升程式碼品質

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

六角學院 ‧ 2018-10-19

3 Like 0 留言 7942 瀏覽

鐵人賽 Software Development DAY 6

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

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

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

eugenechen ‧ 2018-10-06

1 Like 0 留言 5756 瀏覽

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

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

Vision ‧ 2018-01-13

0 Like 0 留言 5858 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day06 - 熟悉Webpack專案架構

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

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

0 Like 0 留言 15091 瀏覽

技術 [ESLint] Parsing error: Unexpected token =

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

Luis-Chen ‧ 2017-12-26

3 Like 1 留言 17776 瀏覽