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