# 一種新HTML頁面轉換成 PDF 技術方案 ## 背景 > 本文將深入講解如何使用 snapdom 和 jsPDF 實現高品質的 HTML 轉 PDF 功能,並透過一個完整的消息列表導出案例,帶你掌握這套方案的核心技術。 ### 為什麼 HTML 轉 PDF 如此重要? 在現代 Web 應用...
# 從 58MB 到 2.6MB:我是如何將 React 官網性能提升 95% 的 ## 從 58MB 到 2.6MB:React 官網性能優化實戰全記錄 > 一次完整的 React + Vite 專案性能優化之旅,將首屏加載時間從 4 分鐘降到 13 秒,節省 95% 流量成本。 ### 📖...
> 這是一篇關於個人學習 AI 的筆記與程式碼摘錄。希望從前端的視角出發,快速了解大型語言模型(LLM)、提示詞工程、LangChain、RAG 等相關術語知識,最終能夠搭建一個 “玩具智能體” 或者真正應用到生產中去。 --- ### 目錄 📑 - LLM 基礎:深入 AI 的心...
我們正在開發一款名為[「Accessibility Visualizer」](https://ymrl.github.io/a11y-visualizer/)的工具,用於檢查網頁的可存取性。該工具以瀏覽器擴充功能的形式提供,可在網頁上疊加顯示與可存取性相關的資訊。它適用於[Chrome](https...
HTML 是 Web 開發的基礎。雖然大多數開發人員都熟悉基本元素,例如 ``` <div>, <p>, and <img>, ``` HTML 提供了大量進階功能,可顯著增強網頁的功能和效率。不幸的是,其中許多強大的功能仍未充分利用。在本文中,我們將探討您可能沒有使用但絕對應該使用...
在這篇文章中,我們將討論更進階的**Dockerfile**指令。這些指令可用於建立更進階的 Docker 映像。 例如,我們可以使用**VOLUME**指令將主機的檔案系統綁定到 Docker 容器。這將使我們能夠將 Docker 容器產生和使用的資料保存到本機。 我們將在這篇文章中介...
在這篇文章中,我將分享 21 個帶有程式碼片段的 HTML 技巧,可以提高您的編碼技能。 讓我們直接進入正題吧。🚀 建立聯絡連結 ------ 使用 HTML 建立可點擊的電子郵件、電話和簡訊連結: ``` <!-- Email link --> <a href="ma...
原文出處:https://dev.to/mhatvan/10-reasons-why-i-recommend-svelte-to-every-new-web-developer-nh3 儘管 [Svelte](https://svelte.dev/) 的初始版本早在 2016 年 11 月就發...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!