三元運算子可以拿來做簡單的判斷，在兩個結果間快速的做出選擇！雖然不是 ES6 才出的語法，但是 airbnb 有提到，今天就來介紹一下他的用法唄！ ESLin...
這一篇我們來進一步做些 Next.js 專案基本設定，讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定： 新增 .nvmrc 鎖定專案 Node.js...
工程師的寫 code 日常中，拼錯字必定不可少（誤）。造成程式壞掉的各種原因裡，「錯字」跟「型別錯誤」都是很常見的原因之一。前面我們知道，寫測試的目的是在保護程...
使用程式語言實作功能時，一百個人寫就會有一百種不同的程式碼，雖然都可以正常運作，但有些寫法（例如全域變數）會使系統結構脆弱，容易造成錯誤。 為了避免這些錯誤，開...
ESLint 介紹 一套支援 ES6 / JSX 語法的程式碼檢測工具，具高度設定彈性與擴充性。能提前檢測出可疑的、具有潛在問題的程式碼，並顯示警告或錯誤訊息...
TL;DR 這是「Modern Blog 30 天」系列第 9 篇文章，上一篇我們讓 Contentlayer 也支援了 MDX 格式。這篇讓我們來安裝 Tai...
Lint & Coding Style <好讀版> 前言 好的 coding style ，對團隊來說是一個莫大的幫助，當所有的人寫法，都像...
上一篇介紹了物件的解構賦值應用，而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫，將資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習陣...
會有今天的文章是因為上次由 CRA 轉到 Vite 後(如果還沒有看文章的話，可以點這裡，發現原本的ESLint設定全部都不能用了，需要全部重新設定 這邊作為...
將各式 linter 與 formatter 工具整合於同個專案中，讓開發者可以： 使用 EditorConfig 配置的設定做輸入。 使用 Prettier...
find() 在過去如果我們想要找到陣列中符合條件的元素，可能會使用 forEach 或是 for 循環，但是 forEach 是不能跳過或終止的，所以如果當...
上一篇的剩餘參數，是把很多的參數整合成一個陣列，而展開運算子，則是把陣列裡面的值取出，並拆解成一個一個的獨立參數，使用方式一樣都是 ...，以下來看看使用情境...
前言 ESLint 一直是我們打程式的重要指標，它不但能夠替我們檢查語法風格中的問題，也避免某些問題可能會造成的程式錯誤，所以如果 ESLint 無法在 Typ...
在 ES6 中，物件的撰寫更簡便了！可以使用縮寫的方式縮短我們的程式碼，省去的繁瑣的工作外，也能增加可讀性，今天就來一探究竟唄～ 物件內屬性的簡寫 以我家兔子...
eslint 是很有名的 linter ，如果有在寫 JavaScript 應該多多少少都會知道，雖然它不該被歸類來這系列的主題「建置工具」中，不過它也算是很常...
完賽嚕～！！過去都沒有寫文章的經驗，經過這次的學習紀錄真的覺得成長很多，不過也因為沒經驗，所以順序編排的不是很好（雖然也不知道有沒有人要看XDDD），這邊整理一...
Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然，我希望他可以自動自發──────────────── By Opshell 目標：...
Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標：成功完成一個能用...
前言 Angular 搭配 TypeScript 使用，已經能夠在編譯階段檢查出很多問題了，為什麼還要程式碼檢查呢？ 因為 TypeScript 檢查更注重的是...
延續前一篇的主題，來介紹一些我們應用在專案的 ESLint 規範 Possible Errors 與程式碼或邏輯錯誤有關 no-console 禁用 cons...
在說明JSX前，先來提一個規則 EsLint !! Eslint 是用來檢測Code的標準及是否違規,而這些規定其實可以在設定檔可以自行設定 為了讓我們...
先前我們有介紹過物件的解構賦值，用於存取多屬性的物件，而今天我們就來聊聊存取單一個物件時，有什麼方法吧！ 假如我們有一個物件 restaurant 紀錄這間好吃...
這幾天看了很多關於函式中 this 的文章，但感覺還不是很懂 XDDD，今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別，練練我的小腦袋！ 如果...
ES6 中新增了類別 (class) 來實現原型繼承，但他並不是一種新原型繼承方式，只是以前原型繼承的語法糖，提供更簡潔的語法來建立物件和處理繼承！ 這邊也來看...
上一篇學習了 Set，今天要練習的 Map 也是 ES6 中提出的一種資料結構，跟 Set 蠻像的，只是 Map 存取的是鍵值對，所以也跟物件蠻像的，但有以下差...
Set （集合） 是 ES6 中提出的一種資料結構，跟陣列蠻像的，只是他所有的元素都是唯一的，不會有重複的值存在，也沒有順序之分，所以也不能透過 [0] 這種...
前言 今天這兩個工具，基本上已經跟前端沒有直接關係了XD 但它們的重要性，我想用過的人肯定都知道，它們就像兩尊門神一樣，站在電腦前面，程式碼品質不合格，退件！程...
從第二階段開始就會寫一些程式啦~終於開始擠牙膏出來了，在寫程式之前，我希望有個聰明靈活的小助手可以幫助我這個老眼昏花的碼農，首先想到的事 ESLint + P...
在使用 vue-cli 創建專案的時候，選擇自定義選項 選擇 Linter/Formatter 加入檢查器 有四種檢查的方式，在這邊依照之前的習慣，我們使用 P...
這篇的完整的程式可以到 https://github.com/DanSnow/ironman-2020/tree/master/build-tool/pack...
江江好
EasonChang
TWGD
Peter Chen
TYSON
沒一村
神Q超人
DanSnow
Opshell
ShawnWu
Ivy
ycchiuuuu
Aoma
iThome鐵人賽
看影片追技術