ESLint 跟 Prettier 差別 ESLint 與昨天介紹的 Prettier 比較，ESLint 主要用途為語法檢查，撰寫規範性提醒；Prettie...
從第二階段開始就會寫一些程式啦~終於開始擠牙膏出來了，在寫程式之前，我希望有個聰明靈活的小助手可以幫助我這個老眼昏花的碼農，首先想到的事 ESLint + P...
在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...
開發工具和編碼習慣 在開始專案開發的過程中，我們會使用各種相依工具來輔助開發。這些工具有的是運行時必須的，例如 Vue，而有的則是僅在開發過程中使用，例如 ES...
會有今天的文章是因為上次由 CRA 轉到 Vite 後(如果還沒有看文章的話，可以點這裡，發現原本的ESLint設定全部都不能用了，需要全部重新設定 這邊作為...
前言 今天這兩個工具，基本上已經跟前端沒有直接關係了XD 但它們的重要性，我想用過的人肯定都知道，它們就像兩尊門神一樣，站在電腦前面，程式碼品質不合格，退件！程...
Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然，我希望他可以自動自發──────────────── By Opshell 目標：...
Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標：成功完成一個能用...
TL;DR 這是「Modern Blog 30 天」系列第 9 篇文章，上一篇我們讓 Contentlayer 也支援了 MDX 格式。這篇讓我們來安裝 Tai...
昨天我們已完成套件的命名，也建立了 GitHub 儲存庫，NPM 套件庫也先把套件要用的名字定下來了，準備開始開發 Slider 套件，不過在這之前還有些開發環...
Vite 環境最麻煩了 開始用Vite之後，是個會自立自強的大人了呢!!────────────────────── By Opshell 目標： 開...
前言 Angular 搭配 TypeScript 使用，已經能夠在編譯階段檢查出很多問題了，為什麼還要程式碼檢查呢？ 因為 TypeScript 檢查更注重的是...
這一篇我們來進一步做些 Next.js 專案基本設定，讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定： 新增 .nvmrc 鎖定專案 Node.js...
將各式 linter 與 formatter 工具整合於同個專案中，讓開發者可以： 使用 EditorConfig 配置的設定做輸入。 使用 Prettier...
使用程式語言實作功能時，一百個人寫就會有一百種不同的程式碼，雖然都可以正常運作，但有些寫法（例如全域變數）會使系統結構脆弱，容易造成錯誤。 為了避免這些錯誤，開...
前言 昨天講完 Code Review，團隊一致的寫 code 風格，可以大幅提升 review 的速度，也可以讓每個人的程式碼更好閱讀。 因此今天來聊聊兩個很...
在說明JSX前，先來提一個規則 EsLint !! Eslint 是用來檢測Code的標準及是否違規,而這些規定其實可以在設定檔可以自行設定 為了讓我們...
這篇的完整的程式可以到 https://github.com/DanSnow/ironman-2020/tree/master/build-tool/pack...
eslint 是很有名的 linter ，如果有在寫 JavaScript 應該多多少少都會知道，雖然它不該被歸類來這系列的主題「建置工具」中，不過它也算是很常...
工程師的寫 code 日常中，拼錯字必定不可少（誤）。造成程式壞掉的各種原因裡，「錯字」跟「型別錯誤」都是很常見的原因之一。前面我們知道，寫測試的目的是在保護程...
在多人開發的時常常大家寫 Code 的風格都不一樣，這時候可以透過輔助工具來統一每個人的風格，當然自己開發時也可以用，尤其是像我這種寫 Code 習慣很差的人X...
前言 ESLint 一直是我們打程式的重要指標，它不但能夠替我們檢查語法風格中的問題，也避免某些問題可能會造成的程式錯誤，所以如果 ESLint 無法在 Typ...
完賽嚕～！！過去都沒有寫文章的經驗，經過這次的學習紀錄真的覺得成長很多，不過也因為沒經驗，所以順序編排的不是很好（雖然也不知道有沒有人要看XDDD），這邊整理一...
find() 在過去如果我們想要找到陣列中符合條件的元素，可能會使用 forEach 或是 for 循環，但是 forEach 是不能跳過或終止的，所以如果當...
ES6 中新增了類別 (class) 來實現原型繼承，但他並不是一種新原型繼承方式，只是以前原型繼承的語法糖，提供更簡潔的語法來建立物件和處理繼承！ 這邊也來看...
上一篇學習了 Set，今天要練習的 Map 也是 ES6 中提出的一種資料結構，跟 Set 蠻像的，只是 Map 存取的是鍵值對，所以也跟物件蠻像的，但有以下差...
Set （集合） 是 ES6 中提出的一種資料結構，跟陣列蠻像的，只是他所有的元素都是唯一的，不會有重複的值存在，也沒有順序之分，所以也不能透過 [0] 這種...
Hi～你寫程式時都隨便換行、隨便空白，看心情加逗號跟分號嗎？你覺得反正程式沒有錯誤，結果有出來就好嗎？偶爾還會因為忘記分號導致出錯嗎？你覺得其實看了很不舒服，但...
在 JavaScript 中，原始型別有以下幾種： Boolean：僅有 true, false 兩個值 Null：僅有 null 的值 Undefin...
這幾天看了很多關於函式中 this 的文章，但感覺還不是很懂 XDDD，今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別，練練我的小腦袋！ 如果...
mcshao
Opshell
機器人幽默研究員
ycchiuuuu
EasonChang
Terry L.
ShawnWu
Peter Chen
Ivy
DanSnow
TWGD
神Q超人
江江好
iThome鐵人賽
看影片追技術