第 1 页

上升箭頭符號

Vue defineExpose 是啥?子元件如何溝通?

近期要重寫很多的 Vue 發現多得是我需要多補充的知識。你可能了解 Vue 元件間透過 props down 與 event up 或是使用 Scoped Slots 來傳遞資訊。還有一種做法是「顯式地暴露某些變數或函式給父組件使用」。

钥匙符号

了解「验证」和「授权」的差别

验证(Authentication)与授权(Authorization)是存取控制中两个常被混淆的概念,背后分别代表两种问题:你是谁?你被允许做哪些事?同时也将介绍几种常见的授权模式,例如 RBAC 与 ABAC 管理授权。

鑰匙符號

瞭解「驗證」和「授權」的差別

驗證(Authentication)與授權(Authorization)是存取控制中兩個常被混淆的概念,背後分別代表兩種問題:你是誰?你被允許做哪些事?同時也將介紹幾種常見的授權模式,例如 RBAC 與 ABAC 管理授權。

早餐土司符号

从网页演进看 Jamstack 如何解决传统架构的痛点

要了解 Jamstack 架构解决什么问题,需要先回顾网页演变的历史,从静态档案到动态伺服器渲染再到客户端渲染,Jamstack 的核心概念是强调预先生成静态页面并解耦商业逻辑与内容,以提高网站效能、弹性与安全性。适合大多数动态资料不多的网站。

早餐土司符號

從網頁演進看 Jamstack 如何解決傳統架構的痛點

要了解 Jamstack 架構解決什麼問題,需要先回顧網頁演變的歷史,從靜態檔案到動態伺服器渲染再到客戶端渲染,Jamstack 的核心概念是強調預先生成靜態頁面並解耦商業邏輯與內容,以提高網站效能、彈性與安全性。適合大多數動態資料不多的網站。

移動方塊

通过渐变伪元素淡入淡出可滚动内容

近期预览我的线上履历时发现阅读体验有点生硬,甚至最糟的情况下会裁到文字行间,导致没有任何提示指明可以继续往下滑动,这篇文章描述如何透过 CSS 伪元素达成卷动元素淡入的样式。这个样式我应用于自己的线上履历或 CodePen 范例可以参考看看。

移動方塊

透過漸層偽元素淡入淡出可捲動內容

近期預覽我的線上履歷時發現閱讀體驗有點生硬,甚至最糟的情況下會裁到文字行間,導致沒有任何提示指明可以繼續往下滑動,這篇文章描述如何透過 CSS 偽元素達成捲動元素淡入的樣式。這個樣式我應用於自己的線上履歷或 CodePen 範例可以參考看看。

手指移动符号

实作可拖动 DOM 元素增添网站互动与趣味性

最初是看到 Glitch 网站 图示像冰箱磁铁可以随意挪动的功能觉得充满趣味,背后是使用 react-draggable 套件制作。不过考虑到速度与维护性,部落格不打算因为一页特效就引入额外套件,所以从头用 DOM API 手刻了相关功能。