JavaScript: Introductory

Javascript not only a script language, it is a efficient general-purpose language suitable for software engineering and projects with huge codebases. JavaScript was invented by Brendan Eich in 1995. It was developed for Netscape …

Generate Sitemap.xml for Next.js 14

🔹 Next.js 14 官方建議的方式 你可以在 src/app/sitemap.ts中,手動定義你的 sitemap 內容。 📌 1️⃣ 建立 sitemap.ts 在 src/app/sitemap.ts新增: ts複製編輯import { MetadataRoute } from ‘next’ export default function sitemap(): MetadataRoute.Sitemap { const baseUrl = ‘https://www.winerva.com’ …

Tailwind Grid

🔍common device resolutions Prefix Min Width CSS sm 40rem (640px) @media (width >= 40rem) { … } md 48rem (768px) @media (width >= 48rem) { … } lg 64rem (1024px) @media (width >= …

Tailwind Flex

block-level elements:<div>, <p>, <h1>-<h6>, <section>, <article> inline-level elements:<span>, <a>, <strong>, <em> block-level elements: one below other block-level elements (default) <div> <div class=”quote”>…</div> <div class=”quote”>…</div> <div class=”quote”>…</div> </div> <div class=”flex”> <div …

OAuth 4 Flows

1. Client Credentials Flow(用於機器對機器 M2M 通信) 用法 流程 示例 2. Implicit Flow(已被淘汰) 用法 流程 示例 為什麼淘汰? 👉 解決方案:使用 Authorization Code Flow + PKCE(適用於 SPA 應用)。 3. Authorization Code Flow(適用於 Web …