Stories

List
Create Time

img-preview-script - 圖片預覽工具

img-preview-script - 圖片預覽工具 一個純 Node.js 腳本，無需任何依賴，快速查看特定目錄及其子目錄的圖片，支持快速預覽查看。 功能介紹 img-preview-script 是一個純 Node.js 腳本，無需任何依賴，為開發者提供高效的圖片管理和代碼生成解決方案。 核心功能 🖼️ 圖片預覽與管理 快速預覽：一鍵掃描目錄下所有圖片，支持多層級文件夾遍歷 智能排序

圖片預覽 , 開發 , 前端 , 效率工具
Create Time

低成本改善圖片訪問體驗

jpeg 漸進模式是什麼？ 圖片加載，從上下加載，變為從模糊到清晰，提前讓用户有告知，詳情參考 png 怡也有類似的技術，稱為png 的交錯模式 快速實現 在「OSS」和「又拍雲」上的路徑上添加幾個參數即可低成本，快速使用上漸進式圖片 「OSS」中使用漸進式 jpeg 官方文檔 測試圖片 https://oss.luckly-mjw.cn/jpeg-

低成本 , 圖片 , jpeg
Create Time

低成本單頁應用 SEO（Simple-Spa-Seo）

背景 本項目，低成本預渲染： 非侵入式，無需改動業務代碼 屏蔽框架差異，無依賴，單文本實現，直接拷貝粘貼本腳本即可實現功能 簡單，開源代碼，無編譯，腳本代碼量僅一百多行，二次集成門檻低，代碼清晰易懂 注意本項目僅適合低成本的中小型項目，大型商業項目可參考以下成熟方案 SSG 預渲染：Prerender SPA Plugin，和本工具類似，但集成

效率 , seo , 低成本 , spa
Create Time

【Nginx 學習】Nginx 配置在線調試工具

NGINX 在線配置調試工具 在線調試地址 背景： 學習 nginx 最頭痛的問題在與，解析過程不可見，常常因效果不符合配置預期而煩惱，只能無腦嘗試解決。 或者網上上翻閲各種教程，瞭解各個命令優先級，過程複雜繁瑣 nginx 一般放在 linux 服務器中，建立文件夾測試，查看日誌都較為複雜，測試過程操作繁瑣 而且一般 nginx 配置一次就不會經常改，學習成本高，剛學會，沒有得運用就很

Nginx , 效率工具 , 調試技巧 , 學習 , 工具
Create Time

純js、v-for、vue函數式組件、vue普通組件性能對比

先説結論 dom 節點數量對內存影響沒想象中大，js 變量才是內存佔用的元兇 內存佔用及運行性能對比：原生 js v-for div ≈ v-for 函數式組件 v-for 普通組件 去虛擬 dom 化框架正在崛起，成為一種新的選擇 dom 節點數量對內存影響沒想象中大（十萬 div 僅佔用 400mb） 測試示例 生成 100,000（十萬）個 div，內存佔用僅

dom , vue.js , 性能分析 , 性能
Create Time

記 Accept-Language: "zh-CN" 引起的思考

記 Accept-Language: "zh-CN" 引發的思考 先説結論： "CORS 安全列表請求標頭"，不僅僅指 請求頭的 key，也約束了 key 對應的值域 現象 在開發過程中遇到，當 Accept-Language 被錯誤改成 "zh-CN" 時，會導致頁面請求跨域。 而當設置成 zh-CN（沒有被雙引號包裹）時，請求正常發出，沒有跨域。 疑

跨域 , cors , HTTP
1