第 5 頁

星星符号

如何架构一个超赞的前端专案于 2025 年 (feat. Vue)

随着前端演进,我们时常需要依靠现成的框架轮子协助,而其中Vue 又是继React 外第二热门且成熟的选项,但很少有教学提到一个完整的专案该如何建构,以及有哪些模式可以遵循。这次来介绍一下如果从头开始我会怎么建构一个 Vue 专案,在 2025 年!

星星符號

如何架構一個超讚的前端專案於 2025 年 (feat. Vue)

隨著前端演進,我們時常需要依靠現成的框架輪子協助,而其中 Vue 又是繼 React 外第二熱門且成熟的選項,但很少有教學提到一個完整的專案該如何建構,以及有哪些模式可以遵循。這次來介紹一下如果從頭開始我會怎麼建構一個 Vue 專案,在 2025 年!

打开的书图示

Express.js 串接 MySQL 实作书本管理 App

先前系列提到使用 Express.js 简单的创造一个 CRUD App 并用 MVC 分层,这次流程差不多,目标是把后端接上本地的 MySQL 服务器并使用 MySQL2,一个专为 Node.js 应用设计的 MySQL 数据库连接工具。

打開的書圖示

Express.js 串接 MySQL 實作書本管理 App

先前系列提到使用 Express.js 簡單的創造一個 CRUD App 並用 MVC 分層,這次流程差不多,目標是把後端接上本地的 MySQL 伺服器並使用 MySQL2,一個專為 Node.js 應用設計的 MySQL 資料庫連接工具。

更新符号

撰写自动化发布语义化版本 TypeScript NPM 套件

使用套件时总是会好奇一般管理套件开发的流程是如何?我通过 Matt Pocock 的 Blazing Fast Tips: Publishing to NPM 教学视频顺手实作了一次,并且把自己之前遇过的需求写成一个独立的 TS 套件公开发布:edit-element。

更新符號

撰寫自動化發布語意化版本 TypeScript NPM 套件

使用套件時總是會好奇一般管理套件開發的流程是如何?我透過 Matt Pocock 的 Blazing Fast Tips: Publishing to NPM 教學影片順手實作了一次,並且把自己之前遇過的需求寫成一個獨立的 TS 套件公開發布:edit-element。

重叠的抽象几何线条符号

Express.js 入门构建 MVC 示例

Express 提供便捷优雅的API 让我们接收请求经过处理后回应,但会发现随着规模庞大起来路径、商业逻辑、资料……等代码都塞在一个 app.js 实在不是一个好做法,于是这篇文章介绍使用MVC 架构替代码进行用途上的切割,以方便维护。

重疊的抽象幾何線條符號

Express.js 入門建構 MVC 範例

Express 提供便捷優雅的 API 讓我們接收請求經過處理後回應,但會發現隨著規模龐大起來路徑、商業邏輯、資料……等代碼都塞在一個 app.js 實在不是一個好做法,於是這篇文章介紹使用 MVC 架構替代碼進行用途上的切割,以方便維護。

打勾圓圈符號

Express.js 入門造個簡單的增刪查改待辦事項

近期正在學習後端相關領域,與前端最貼近的框架絕對就是 Express.js 了,很適合目標為全端的工程師,因為可以使用單一語言最快接觸到兩種領域。這次實作並不會牽扯到資料庫相關的部分,侷限在使用 Express.js 打造一個簡單的 in-memory 代辦事項後端伺服器,熟悉一下開設增刪查改相關 API。

無障礙符號

前端需要知道的無障礙網頁

近期看到 Web Dev Simplified 推出的教學促使我趕緊打開這篇文章記錄其中提到的網頁無障礙需要留意的地方,並且補充上一些我自己實驗有幫助的資訊。無障礙一直是我想重視但實際開發時優先順序總是排在最後的要求,差勁的無障礙對某些使用者來說會嚴重影響到網頁互動的體驗,身為前端讓網頁保持良好的無障礙是基本責任。