林鼎淵用 tree 套件生成專案樹狀的資料夾（目錄）結構隨著專案迭代，除了程式碼越來越龐大外，資料夾結構也越來越複雜。這邊推薦一個直接產生資料夾結構的套件「tree」，透過簡單的指令就能生成樹狀的目錄結構。Jul 11, 2024Jul 11, 2024
InDean Linby林鼎淵JavaScript 如何讓多個 async/await 函式同時執行── 從實際案例了解 Promise.all 和 Promise.allSettled 的區別撰寫前端時，一個頁面往往需要 call 多支 API 才能完成渲染。為了等資料回傳，我們通常都會搭配 await，但有時 API 之間並沒有要求執行的順序；在這樣的情境下，如果還是採取順序執行的方案，當需要 call 多支 API 時就會浪費使用者許多時間。Sep 19, 2022Sep 19, 2022
InDean Linby林鼎淵6 種不可不知的「console.log」進階應用相信 console.log 是 Frontend 開發人員的好朋友，我們用它印出各種輔助資訊來解決問題。這邊文章會跟你分享 6 種 console.log 的進階應用，並說明各自的使用情境，讓你在開發路上更加順利。Sep 9, 20221Sep 9, 20221
InDean Linby林鼎淵[前端＆後端]工程師常犯的錯誤 — 下班有約系列文筆者跟擔任 Tech Lead 的朋友聊天時，發現在幫新人 Code Review、Code Refactoring、Bug Fix 時遇到了許多類似的問題，針對這個部分我安排了 3 篇文章做講解，今天這篇文章我挑選了幾個工程師常犯的錯誤來分享。Feb 23, 20221Feb 23, 20221
InDean Linby林鼎淵[前端]新手工程師容易卡住的問題 — 下班有約系列文筆者跟擔任 Tech Lead 的朋友聊天時，發現我們在幫新人 Code Review、Code Refactoring、Bug Fixing時遇到了許多類似的問題，針對這個部分我安排了 3 篇文章做講解，而今天這篇文章會針對新手工程師容易卡住的問題來做分享。Feb 23, 2022Feb 23, 2022
InDean Linby林鼎淵拒當前端黑鍋俠！用「jsonschema」來驗證後端回傳的 json 資料結構開發網頁前端時，會需要用到後端回傳的 api 數據來渲染頁面，如果雙方依照需求規格書好好實作會天下太平；但在現實生活中總是會有例外發生，如果後端傳給前端時的資料格式不夠穩定，前端在渲染的時候就可能會出錯。遇到這種狀況時，「jsonschema」套件就是你的救星！Apr 22, 2021Apr 22, 2021
InDean Linby林鼎淵在 Mac 將 Nuxt.js 專案 Build 成 Docker Image 發佈到 dockerhub每次聚會朋友都在聊用 Docker 來 deploy 有多潮，感覺再不研究就要落伍了；這篇文章會分享我將過去的 Nuxt 專案成功 Build 成 Docker Image 並 push 到 dockerhub 的步驟。Apr 8, 2021Apr 8, 2021
InDean Linby林鼎淵5 分鐘帶你搞懂 Vue、Vuex、Vuetify、Nuxt.js 之間的關係有了框架後做什麼都很方便，但因為太方便導致有時連工具負責哪一塊都功能有點霧颯颯，如果你搞不太懂 Vue、Veux、Vuetify、Nuxt.js 之間的關係、具體各自負責什麼事情的話可以參考這篇文章釐清自己的觀念喔！Apr 1, 20211Apr 1, 20211
InDean Linby林鼎淵Responsively — 前端工程師必備 RWD 神器，在一個視窗瀏覽所有尺寸的網頁對前端開發者來說 RWD 是一個惡夢，常常會有你修好了一個尺寸但忘記檢核不同尺寸在螢幕的適應性問題；今天跟大家分享一個超實用工具 — responsively，他的安裝極其簡單，而且還是免費的喔！Mar 19, 2021Mar 19, 2021
InDean Linby林鼎淵SSR、CSR名詞理解 & 應用場景當老闆或是主管問你為什麼選擇這個技術時，如果支支吾吾打不出來就遜掉了；理解為什麼該這樣做才是對技術的負責。Mar 18, 2021Mar 18, 2021
InDean Linby林鼎淵讓你的 Postman 更專業 — Mock Server & Environments & Publish API docPostman 除了 api 的基礎驗證外，還有許多加速工作效率的功能，這篇文章你將學會建立 Mock Server，從此不再苦苦等待後端 api；如果你曾經為了測試正式機/測試機/本機而開了一大堆只有網址不同的 request，了解如何設定 Environments…Feb 25, 20211Feb 25, 20211
InDean Linby林鼎淵什麼是 OG ? 別讓分享的連結看起來是詐騙網站啊!大家在滑 FB 時常常會看到一些縮圖詭異的分享連結，或著是沒有縮圖跟介紹長得像是詐欺網頁的連結，今天我們就從技術的角度來了解這些連結到底發生了什麼事，同時檢視自己的網頁有沒有犯一樣的錯誤。Jan 22, 2021Jan 22, 2021
InDean Linby林鼎淵Vue的基本常識雖然用了一段時間的Vue，但自認對他的了解還不夠深刻，於是讀了一些大神文章，依照自己的理解做了整理筆記，希望大家都能吸收這些基本常識。Jul 10, 2020Jul 10, 2020
InDean Linby林鼎淵NUXTJS GCP serverless實戰因為跟著官方文件做，讓我被雷了整整一天，於是我決定紀錄操作流程，希望看到的人可以節省時間Jun 24, 2020Jun 24, 2020
InDean Linby林鼎淵使用 nvm + .nvmrc 讓 Node.js 版本在不同的專案間自動切換Node.js 版本更新速度極快，但未必所有套件都能相容於新的版本，這造成每個專案的 Node.js 版本不盡相同；所以今天要介紹如何透過 .nvmrc 搭配 zsh or bash script 讓你在專案間自動切換 Node.js 版本。Oct 26, 20222Oct 26, 20222
![[前端＆後端]工程師常犯的錯誤 — 下班有約系列文](https://miro.medium.com/v2/resize:fill:160:106/1*kXlVjvXDXteHQCjIcS3s2Q.png)
![[前端＆後端]工程師常犯的錯誤 — 下班有約系列文](https://miro.medium.com/v2/resize:fill:320:214/1*kXlVjvXDXteHQCjIcS3s2Q.png)
![[前端]新手工程師容易卡住的問題 — 下班有約系列文](https://miro.medium.com/v2/resize:fill:160:106/1*qYY_supUIJvoTWd4wC39dQ.png)
![[前端]新手工程師容易卡住的問題 — 下班有約系列文](https://miro.medium.com/v2/resize:fill:320:214/1*qYY_supUIJvoTWd4wC39dQ.png)
