## 前言:為什麼現在選擇 Tauri 像是 Electron 的框架雖然便利,但常常會面臨「應用程式體積過大」「佔用記憶體」等問題。 Tauri 利用作業系統原生的 WebView,並以 Rust 作為後端,旨在打造「小巧快速且安全」的桌面應用程式。 本指南假設讀者為 Tauri 初學者...
家裡有朋友來的時候,幾乎每次都會這樣。 - 「可以告訴我Wi-Fi密碼嗎?」 - 「沒問題!這是密碼!」 - 「謝謝!(輸入…)欸,連不上去、、、」 - 「欸,這裡可能有一個字錯了」 我總是覺得有點麻煩。 口頭傳遞的方法也麻煩,所以我想乾脆換一個奇怪的分享方式,決定用QR碼來分享Wi-Fi密...
# 一種新HTML頁面轉換成 PDF 技術方案 ## 背景 > 本文將深入講解如何使用 snapdom 和 jsPDF 實現高品質的 HTML 轉 PDF 功能,並透過一個完整的消息列表導出案例,帶你掌握這套方案的核心技術。 ### 為什麼 HTML 轉 PDF 如此重要? 在現代 Web 應用...
# 用户登入後,Token 到底該存哪裡?從懵圈到精通的全方位解析 > 面試官的一個簡單問題,卻讓我陷入了深思。這不僅是前端問題,更是全棧工程師必須掌握的安全基礎。 “說說看,使用者登入後拿到的 Token,你會存在哪裡?” 記得我第一次被問到這個問題時,信心滿滿地回答:“localStora...
每個人都喜歡宣稱 jQuery 已死。 然而──2025年了。它依然存在。既沒有出現在任何會議演講中,也沒有登上npm排行榜榜首… 但在排名**前 100 萬的網站中約有 78% (W3Techs)**以及**總共數億個網站**上默默執行。 所以,真正的問題或許不是*“為什麼 jQ...
# 10 個被嚴重低估的 JS 特性,直接少寫 500 行程式碼 ## 前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 ## 1. Set:陣列去重 + 快速查找,比 filter 快 3 倍 提到陣列去重,很多人...
2017. 剛高中畢業。沒有計劃,沒有方向,只有一台筆記型電腦,感覺自己大概該好好想想人生該做什麼了。八年後,我已經成為全端開發者,使用 Node、React、TypeScript 開發真正有用的生產級應用程式。 但關於學習編程,沒人會告訴你一件事:它並非一帆風順。它很混亂,充滿了失敗、彎路、放...
我目前正在開發一款對話式人工智慧 Web 應用。我完全從零開始建造它,遵循結構化的 SDLC 方法。 目前,我正處於第 3 階段:前端交互,我正在致力於動態呈現聊天訊息。 最初,我採用了一種常見的方法:使用`insertAdjacentHTML()`將使用者和 AI 訊息氣泡直接加入到 DOM...
這也許就是AI無法代替人的原因,只需一行代碼就可以實現純前端 html 轉矢量 pdf 的功能 ```javascript // 引入 dompdf.js庫 import dompdf from "dompdf.js"; dompdf(document.querySelector("...
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
# 前言 您好,我是 Watanabe jin (@Sicut_study)。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
上次撈到了商品資料 這次嘗試把加購的商品,連同主商品一起送出 先不實作動態撈加購 id 就先放一個實際商品 id 做測試 --- 這功能乍聽之下簡單,實際上做起來非常複雜 以預設的 theme Dawn 來說 購物車有三種模式 drawer, page, popu...
如您所知,我們*熱愛*[Lingo.dev](https://github.com/lingodotdev/lingo.dev)上不尋常的技術。因此,當我在[上一篇文章](https://dev.to/maxprilutskiy/creating-modal-windows-with-pure-cs...
歡迎來到高級 JavaScript 的世界!無論您是希望提高技能的經驗豐富的開發人員,還是渴望深入了解 JavaScript 複雜性的愛好者,本部落格旨在啟發和教育您。讓我們探索 20 個高級 JavaScript 技巧,這些技巧不僅可以增強您的編碼能力,還可以在您發現優化程式碼的新穎且令人興奮的方...
大家好!在本文中我將描述建立 Gallery 應用程式的過程。您可以放心地使用此應用程式並按您的意願進行編輯(您只能在那裡更改圖片,因為有許可證)。雖然功能不多,但是我認為,它非常適合用作工作範例。 💻 該應用程式是什麼樣的,它的功能是什麼? --------------------- ...
在整體前端架構中,單一程式碼庫處理整個使用者介面。雖然這可以簡化初始開發,但隨著應用程式的成長,它可能會變得複雜: - 擴展:在單一儲存庫中工作的大型團隊可能會面臨合併衝突、較慢的 CI/CD 管道以及依賴關係的困難 - 獨立性:有時處理共享的事情會影響其他團隊 - 彈性:失敗可能...
**JavaScript**是一種強大、靈活的語言,了解一些很酷的技巧可以讓您的程式碼更乾淨、更快、更有效率。以下是 20 個實用的 JavaScript 提示和技巧,您可以在實際應用程式中使用它們來增強您的開發流程。 --- 1.**一步解構重命名** ------------- ...
您是否想知道 Whatsapp 或 Telegram 等訊息應用程式如何讓您查看發送的連結的預覽?  是基於 Tip Tap 函式庫的開源專案,採用 MIT 授權,允許您輕鬆編輯具有排版樣式、連結、圖片、影片等的複雜文字數據。 Flowbite 提供...
> 我幾乎每天都使用 Chrome 開發者工具,但有一些事情我希望早點知道 ### 1:輕鬆取得任何已檢查元素的引用 您可以透過右鍵單擊“元素”視圖中的元素並選擇“儲存為全域變數”,從控制台取得對任何已檢查元素的參考。 ![](https://res.clo...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!