PWA離線應用調研
1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存
PatWu16 動態日志
動態
列表
PWA離線應用實踐
上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/
DragControls拖拽插件優化：從指定平面到任意平面
現狀：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直於相機法線的平面上移動 目標場景：在六面體空間盒子中沿着六面體平面拖拽物體，並且需要限制在盒子內部 已知：空間盒子大小，對象所在的平面 方案設計： 將Object拖拽依賴的信息放在userData中，示例如下 基於拖拽控件，改造部分關鍵代碼，實現目標 // 模型對
chrome-devtools-mcp 工具試用記錄
谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：