原创 npm中存在幽靈依賴嗎

是的,npm中確實存在幽靈依賴(Ghost Dependencies),也稱爲虛擬依賴(Virtual Dependencies)。 幽靈依賴指的是在項目中雖然沒有顯式引用該依賴,但是存在其他依賴與該依賴版本有衝突,導致該依賴被安裝到項目中

原创 Islands Architecture-孤島架構

Islands Architecture是什麼 Islands Architecture(孤島架構)的概念最初是由「Etsy」的前端架構師 「Katie Sylor-Miller」 在 2019 年提出,並由Preact作者「Jason M

原创 Hooks-Admin

React18 + React-Router v6 + TypeScript + Vite2 + Ant-Design 開源管理系統 一、在線預覽地址 👀 Link:http://hooks.spicyboy.cn 二、Git 倉庫地址

原创 後臺管理系統模版

Vue Element Admin vue-element-admin 是一個後臺前端解決方案,它基於 vue 和 element-ui實現。它使用了最新的前端技術棧,內置了 i18n 國際化解決方案,動態路由,權限驗證,提煉了典型的業務模

原创 Qiankun

Qiankun是一個基於微前端的解決方案,但它並不是基於iframe的。Qiankun是基於瀏覽器新特性Web Components和Custom Elements實現的 它使用了Shadow DOM來隔離各個子應用的CSS和JavaScr

原创 webAssembly

WebAssembly 是一種新的字節碼格式,它是一種可移植、高性能的二進制格式,可以在現代的 Web 瀏覽器中運行。WebAssembly 可以在瀏覽器中以本地速度運行編寫的任何語言代碼,無需通過 JavaScript 解釋器進行解釋。

原创 Router的兩種路由模式

在 Vue-Router 中,提供了兩種路由模式:hash 和 history。 Hash 模式 Hash 模式本質上是通過錨點值(URL 中 # 號後面的部分)來實現路由的切換和監聽的。當 URL 中的 hash 發生變化時,路由就會

原创 rbac模型是什麼?

RBAC(Role-Based Access Control)是基於角色的訪問控制模型,是一種廣泛應用於信息技術(IT)安全中的訪問控制機制。RBAC 模型建立在三個關鍵元素之上:用戶、角色和權限。 在 RBAC 模型中,用戶與角色相關聯,

原创 項目水印

canvas mutation observer 用戶通過控制檯刪掉,監聽dom變化,重新加上水印

原创 將URL轉化爲截圖以及PDF的API思考

browser less技術去做

原创 Seo優化有哪些

前端SEO(Search Engine Optimization,搜索引擎優化)主要是針對網頁的內容進行優化,提升網站在搜索引擎中的排名和曝光率。前端優化主要涉及以下幾個方面: 網頁的結構和內容:要提高網頁的排名,需要考慮內容的豐富程度

原创 前端大文件分片上傳

前端大文件分片上傳需要將文件切割成若干個片段,然後將每個片段上傳到服務器,最終在服務端將所有的片段合併成完整的文件。下面是一個前端大文件分片上傳的示例: 將文件切割成若干個片段。 function splitFile(file, chu

原创 移動端佈局⽅案

移動端佈局方案通常有如下幾種: 使用百分比佈局 百分比佈局是一種常見的移動端佈局方式,通過設置元素的寬度或者高度爲百分比,從而實現自適應效果。例如: .container { width: 100%; } .item { wi

原创 移動端300ms延時的原因? 如何處理?

移動端300毫秒的延遲是由於雙擊縮放(double tap to zoom)機制引起的。當用戶在移動設備上輕觸屏幕時,瀏覽器會等待300毫秒,以確定用戶是否要進行雙擊縮放。 爲了解決這個問題,有以下幾種常見的方法: 使用meta標籤禁用縮

原创 tailwindcss 生產環境按需加載樣式原理

Tailwind CSS 的生產環境按需加載樣式,是通過 PurgeCSS 插件和 Webpack 進行實現的。 在 Tailwind CSS 的生產環境構建配置中,會先使用 PurgeCSS 對項目中的 HTML、JavaScript 和