iT邦幫忙

eslint相關文章
共有 43 則文章
鐵人賽 Modern Web DAY 14
React - DOM界的彼方 系列 第 14

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

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

鐵人賽 Modern Web DAY 3
React - DOM界的彼方 系列 第 3

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

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

鐵人賽 Modern Web DAY 12

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

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

技術 [ESLint] Parsing error: Unexpected token =

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 6
Vue.js 30天隨身包 系列 第 6

技術 Day06 - 熟悉Webpack專案架構

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

鐵人賽 Modern Web DAY 5

技術 ESLint - 提升程式碼品質

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

鐵人賽 Software Development DAY 6

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

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

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 5

技術 Day5 / Basic -- Lint & Coding Style

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

鐵人賽 Modern Web DAY 28
Webpack with ASP.NET MVC 系列 第 28

技術 導入 ESLint

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 29
Webpack with ASP.NET MVC 系列 第 29

技術 為專案客製化 ESLint 規則

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 29

技術 Day29【ES6 小筆記】陣列搜尋新方法 find() findIndex() - 以工具人清單為例

find() 在過去如果我們想要找到陣列中符合條件的元素,可能會使用 forEach 或是 for 循環,但是 forEach 是不能跳過或終止的,所以如果當...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 16

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

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