軟體
我如何架設 WordPress 網站
使用 AWS EC2 和 Easy Engine 快速部署 WordPress 網站(網域是跟 Cloudflare 買),需要一點程式背景但很便宜又迅速,自由度跟擴展性也很高!
用 Hugo 建立靜態網站
介紹如何使用 Hugo 搭配 Congo 主題建立個人網站。
談談 JavaScript 中的 eval、風險及替代方案
介紹 JavaScript 中的 eval,再談談為什麼不要用它,最後以 App script 爬蟲時需要讀取`<script />` 和 取得 JS 運算結果的面試考題來看它的應用,以及它的替代方案。
從 Callback 到 Async/Await:以次序淡入動畫為例
透過一個次序淡入動畫的需求來看 JS 中非同步操作的處理,如何從 Callback 結構轉換到 Promise ,再用 Async/Await 重構成更簡潔、好讀的程式碼。
實作 Google 第三方登入(Vue / Express)
使用 Vue 和 Express 做 Google 登入串接的小範例
談談網頁中的字體 — 設計、檔案格式與前端載入
介紹字體設計流程(不專業版)、字體的檔案有哪些、網頁如何使用字體。
Design System — 前端工程師也該知道的那些事
軟體工程師的本質其實跟建築師很接近,只是他們是建造房屋,我們是建造系統。一個好的房子,它需要良好的架構設計,會需要規劃藍圖、理解整個建物的結構,在前期規劃設計上會花很多的時間。而這概念對應到 網頁 來說,就是 Design System!
前端框架第 0 課:學習框架前該知道的事
前端框架的選擇一直是很多新手(包括我)的大哉問,我當初是因為公司在用 React 就也只能先寫 React 了,前陣子因緣際會開始碰了一下 Angular ,進而啟發我對於「前端框架」進行更多思考,像是「框架」到底是指什麼?什麼東西可以被稱為「框架」?為何前端需要去使用它?不用它會怎麼樣?聽說 Vue3 很猛,我該去學嗎?等等的問題。