Homepage
Open in app
Sign in
Get started
Dean Lin
Google雲端應用
MIS & DevOps
資料庫
後端
前端
Microsft 365
工程師的自我修煉
前端心得
用 TypeScript 學物件導向
封裝(Encapsulation)能解決什麼問題? — 用 TypeScript 學物件導向
封裝(Encapsulation)能解決什麼問題? — 用 TypeScript 學物件導向
市面上很多文章、影片分享了物件導向要如何應用。 卻很少人分享這些概念是為了解決什麼問題,所以很多人就算學完了物件導向的概念,卻依舊沒有把它應用在手上的專案。 因此這個系列文中,筆者會先分享「直線思考下」我們會設計出怎樣糟糕的程式;接著再來討論如何應用物件導向的概念對程式做…
林鼎淵
Aug 22, 2022
多型(Polymorphism)&繼承(Inheritance)能解決什麼問題? — 用 TypeScript 學物件導向
多型(Polymorphism)&繼承(Inheritance)能解決什麼問題? — 用 TypeScript 學物件導向
市面上很多文章、影片分享了物件導向要如何應用。 卻很少人分享這些概念最初是為了解決什麼問題,所以很多人就算學完了物件導向的概念,卻依舊沒有把它應用在手上的專案。 因此這個系列文中,筆者會先分享「直線思考下」我們會設計出怎樣糟糕的程式…
林鼎淵
Aug 24, 2022
NUXTJS GCP serverless實戰
NUXTJS GCP serverless實戰
因為跟著官方文件做,讓我被雷了整整一天,於是我決定紀錄操作流程,希望看到的人可以節省時間
林鼎淵
Jun 23, 2020
Vue的基本常識
Vue的基本常識
雖然用了一段時間的Vue,但自認對他的了解還不夠深刻,於是讀了一些大神文章,依照自己的理解做了整理筆記,希望大家都能吸收這些基本常識。
林鼎淵
Jul 10, 2020
讓你的 Postman 更專業 — Mock Server & Environments & Publish API doc
讓你的 Postman 更專業 — Mock Server & Environments & Publish API doc
Postman 除了 api 的基礎驗證外,還有許多加速工作效率的功能,這篇文章你將學會建立 Mock Server,從此不再苦苦等待後端 api;如果你曾經為了測試正式機/測試機/本機而開了一大堆只有網址不同的 request,了解如何設定 Environments…
林鼎淵
Feb 24, 2021
SSR、CSR名詞理解 & 應用場景
SSR、CSR名詞理解 & 應用場景
當老闆或是主管問你為什麼選擇這個技術時,如果支支吾吾打不出來就遜掉了;理解為什麼該這樣做才是對技術的負責。
林鼎淵
Mar 17, 2021
Responsively — 前端工程師必備 RWD 神器,在一個視窗瀏覽所有尺寸的網頁
Responsively — 前端工程師必備 RWD 神器,在一個視窗瀏覽所有尺寸的網頁
對前端開發者來說 RWD 是一個惡夢,常常會有你修好了一個尺寸但忘記檢核不同尺寸在螢幕的適應性問題;今天跟大家分享一個超實用工具 — responsively,他的安裝極其簡單,而且還是免費的喔!
林鼎淵
Mar 19, 2021
在 Mac 將 Nuxt.js 專案 Build 成 Docker Image 發佈到 dockerhub
在 Mac 將 Nuxt.js 專案 Build 成 Docker Image 發佈到 dockerhub
每次聚會朋友都在聊用 Docker 來 deploy 有多潮,感覺再不研究就要落伍了;這篇文章會分享我將過去的 Nuxt 專案成功 Build 成 Docker Image 並 push 到 dockerhub 的步驟。
林鼎淵
Apr 7, 2021
拒當前端黑鍋俠!用「jsonschema」來驗證後端回傳的 json 資料結構
拒當前端黑鍋俠!用「jsonschema」來驗證後端回傳的 json 資料結構
開發網頁前端時,會需要用到後端回傳的 api 數據來渲染頁面,如果雙方依照需求規格書好好實作會天下太平;但在現實生活中總是會有例外發生,如果後端傳給前端時的資料格式不夠穩定,前端在渲染的時候就可能會出錯。遇到這種狀況時,「jsonschema」套件就是你的救星!
林鼎淵
Apr 21, 2021
5 分鐘帶你搞懂 Vue、Vuex、Vuetify、Nuxt.js 之間的關係
5 分鐘帶你搞懂 Vue、Vuex、Vuetify、Nuxt.js 之間的關係
有了框架後做什麼都很方便,但因為太方便導致有時連工具負責哪一塊都功能有點霧颯颯,如果你搞不太懂 Vue、Veux、Vuetify、Nuxt.js 之間的關係、具體各自負責什麼事情的話可以參考這篇文章釐清自己的觀念喔!
林鼎淵
Mar 31, 2021
6 種不可不知的「console.log」進階應用
6 種不可不知的「console.log」進階應用
相信 console.log 是 Frontend 開發人員的好朋友,我們用它印出各種輔助資訊來解決問題。這邊文章會跟你分享 6 種 console.log 的進階應用,並說明各自的使用情境,讓你在開發路上更加順利。
林鼎淵
Sep 8, 2022
JavaScript 如何讓多個 async/await 函式同時執行── 從實際案例了解 Promise.all 和 Promise.allSettled 的區別
JavaScript 如何讓多個 async/await 函式同時執行── 從實際案例了解 Promise.all 和 Promise.allSettled 的區別
撰寫前端時,一個頁面往往需要 call 多支 API 才能完成渲染。為了等資料回傳,我們通常都會搭配 await,但有時 API 之間並沒有要求執行的順序;在這樣的情境下,如果還是採取順序執行的方案,當需要 call 多支 API 時就會浪費使用者許多時間。
林鼎淵
Sep 19, 2022
forEach 跟 for 有什麼差異? ── 感覺很像又不太一樣的迴圈
forEach 跟 for 有什麼差異? ── 感覺很像又不太一樣的迴圈
在認識 forEach、map 這類高階函數後,就比較少使用 for 迴圈了,畢竟前者寫起來更加簡潔。 但不久前有朋友遇到 Bug 跑來問我,說他程式執行的順序怪怪的,明明有寫 await,但跑起來卻不符期待;在看過程式後,我發現問題出在「forEach」這個函數。
林鼎淵
Sep 23, 2022
About Dean Lin
Latest Stories
Archive
About Medium
Terms
Privacy
Teams