博客 / 列表

林恆 - 記錄---window.close()失效 + Chrome瀏覽器調試線上代碼

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 情況説明 主系統單點登錄點擊觸發window.open()打開本系統。 是發佈生產後的新需求：要求退出登錄後直接關閉當前系統頁面。 本地運行增加了window.close()方法實現功能，點擊退出後頁面沒反應。 排查過程 官方解析中説明，window.close() 方法只能關閉由window.open()或者瀏覽器直接輸入

Css , HTML , 前端 , Web

林恆 - 記錄---圖文並茂講解nginx中http升級https（部署SSL證書）知識點總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖，是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據，防止數據泄露

Css , HTML , 前端 , Web

林恆 - CSS3 超實用屬性:pointer-events (可穿透圖層的鼠標事件)

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 CSS3pointer-events屬性：實現可穿透圖層的鼠標事件 在網頁開發中，我們通常會遇到多個元素重疊的情況。在這種情況下，如何使得被遮擋的元素仍然能夠響應鼠標事件呢？CSS3 引入了pointer-events屬性，允許開發者控制元素是否能夠接收鼠標事件。通過合理使用pointer-events，可以使得圖層下的元素“穿透”上

前端

林恆 - 【前端效率工具】：告別右鍵另存，不到 50 行代碼一鍵批量下載網頁圖片

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 先看效果：在素材網站一鍵批量保存所有圖片 廢話不多説，直接上手！ 項目結構 image-downloader-extension ├── manifest.json # 擴展的"身份證" └── background.js # 插件後台腳本 創建文件夾image-downloader-exten

前端

林恆 - 移動端h5適配方案

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 em + PostCSS插件 使用PostCSS插件將項目中的px單位自動轉換為rem，搭配JS動態設置根字體大小（監聽window.resize）。 vite配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import

前端

林恆 - 棄用 html2canvas！快 93 倍的截圖神器

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 在前端開發中，網頁截圖是個常用功能。從前，html2canvas是大家的常客，但隨着網頁越來越複雜，它的性能問題也逐漸暴露，速度慢、佔資源，用户體驗不盡如人意。 好在，現在有了SnapDOM，一款性能超棒、還原度超高的截圖新秀，能完美替代html2canvas，讓截圖不再是麻煩事。 什麼是 SnapDOM SnapDO

前端