sessionStorage 與 localStorage 差不(bu)多可(ke)以算作(zuo)一對兄弟，它倆(lia)的(de)暴露的(de) API 方法一模一樣(yang)。 但兩者也有不(bu)同(tong)點(dian)： 1、sessionStorage 存入的(de)數(shu)據在(zai)頁(ye)面關閉(bi)后，會自動清除。 2、相同(tong) URL 的(de)每個(ge) tab 頁(ye)簽的(de) sessionStorage 會被隔離，互不(bu) ...
vue vxe-gantt 甘特圖實現子(zi)任務拖拽排序(xu) 通過 row-config.drag 和列設置 drag-sort 啟用行拖拽排序(xu)功能 查看官網：//vxeui.com Github：//github.com/x-extends/vxe-gantt Gitee：http ...
? 寫在(zai)開(kai)頭 點(dian)贊 + 收藏 學會(hui) 自(zi)(zi)動(dong)生(sheng)(sheng)成(cheng)(cheng)前端路(lu)由最佳實踐(jian) 概(gai)述 本(ben)文檔介紹如何使用(yong) vite 和 vite-plugin-pages 在(zai)前端項目中自(zi)(zi)動(dong)生(sheng)(sheng)成(cheng)(cheng)前端路(lu)由，通過文件系統結構(gou)自(zi)(zi)動(dong)映射(she)為路(lu)由配(pei)置，減(jian)少手動(dong)維護路(lu)由的(de)工作量。 安裝(zhuang)必要依(yi)賴(lai) 首先需要安裝(zhuang)用(yong)于(yu)自(zi)(zi)動(dong)生(sheng)(sheng)成(cheng)(cheng)路(lu)由的(de)插(cha)件 ...
vue vxe-gantt 甘特(te)圖的使用(yong) 查看官網(wang)：//vxeui.com Github：//github.com/x-extends/vxe-gantt Gitee：//gitee.com/x-extends/vxe-gantt npm install vxe- ...
本H5移動(dong)前端項目使用最新的(de) `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技術開發，結合我(wo)們《SqlSguar開發框(kuang)架(jia)》后端的(de)功(gong)能(neng)接(jie)口，實(shi)現了相關的(de)框(kuang)架(jia)基礎功(gong)能(neng)和一(yi)些(xie)業務案例的(de)功(gong)能(neng)。另(ling)外集成了 `Axios... ...
ConvertX —— 一個(ge)基于 TypeScript、Bun 和 Elysia 實現的自托(tuo)管在線文(wen)件轉換工具，支持超過一千種不同(tong)格式(shi)的文(wen)件轉換。 ...
? 寫在(zai)開(kai)頭 點贊 + 收藏 學會 前端世界里有(you)很多看(kan)似(si)“直(zhi)白”的(de)屬性，比如(ru) position: sticky，聽起來像(xiang)是“粘(zhan)住某(mou)個(ge)位(wei)置”——只(zhi)要設置好就(jiu)能吸附在(zai)頁面某(mou)個(ge)位(wei)置上，滾動時(shi)一動不動。 結果實際開(kai)發中你可能經歷(li)過以下(xia)崩潰三(san)連： 設置了 position: sticky; ...
? 寫在開頭 點(dian)贊(zan) + 收藏 學會(hui) unplugin-auto-import：為 Vite、Webpack、Rollup 設計的(de)按(an)需自動導(dao)入 API 的(de)強大工具 開發(fa)痛點(dian)分(fen)析 在日(ri)常(chang)前(qian)端開發(fa)中(zhong)，我們經(jing)常(chang)遇(yu)到以下困擾： 重復導(dao)入常(chang)用模塊 - 如 dayjs、lodash 等工 ...
我們是袋(dai)鼠(shu)云(yun)數棧 UED 團(tuan)隊，致力于打(da)造優秀(xiu)的一站式數據中臺產品。我們始終保持工匠精神，探(tan)索(suo)前端道路，為社區積累(lei)并傳(chuan)播經驗價(jia)值。 本文作者：長路 認識扣(kou)子 相關鏈接 官(guan)方(fang)文檔(dang)：什么(me)是扣(kou)子 //www.coze.cn/open/docs/guides/welcome 學習資源：https ...
本地存(cun)(cun)儲除了 Cookie 外，還(huan)有 localStorage 和 sessionStorage，本文一(yi)探 localStorage。 localStorage 此 API 存(cun)(cun)入(ru)的數(shu)據會 永(yong)久(jiu) 保存(cun)(cun)在(zai)瀏覽(lan)(lan)器中(zhong)，除非用(yong)(yong)戶手動刪除。 localStorage 能用(yong)(yong)于同一(yi)瀏覽(lan)(lan)器同一(yi)域名跨標簽頁通信(xin)。 同一(yi) ...
近日，JavaScript 數據(ju)表格方案AG Grid 正式(shi)(shi)發布(bu) 34.1 版(ban)(ban)本(ben)(ben)(ben)，本(ben)(ben)(ben)次更新(xin)以“提(ti)升(sheng)開(kai)發者生(sheng)產(chan)力、簡化測試流程、增強布(bu)局與(yu)樣式(shi)(shi)控制”為核心目(mu)標，帶來了多項實用(yong)(yong)功能與(yu)體驗優化。值得(de)一(yi)提(ti)的是，該版(ban)(ban)本(ben)(ben)(ben)為非中斷(duan)版(ban)(ban)本(ben)(ben)(ben)，當前(qian)使用(yong)(yong) 33.x 版(ban)(ban)本(ben)(ben)(ben)的開(kai)發者可無(wu)縫升(sheng)級，無(wu)需修(xiu)改(gai)已有代碼。 AG Grid ...
vue vxe-table 如何實現表(biao)格(ge)設(she)置默認(ren)(ren)行高(gao)(gao)(gao)同(tong)時又支持自(zi)定義(yi)行高(gao)(gao)(gao) 在有些產品需求中(zhong)，列表(biao)需要設(she)置默認(ren)(ren)行高(gao)(gao)(gao)，還得(de)同(tong)時支持自(zi)適應(ying)高(gao)(gao)(gao)度，那么對于這(zhe)種情況(kuang)也是可以(yi)實現的，首先將默認(ren)(ren)行高(gao)(gao)(gao)通過(guo) css 變量修改，然(ran)后再(zai)啟用自(zi)定義(yi)行高(gao)(gao)(gao)，就可以(yi)輕松實現這(zhe)個功能了(le)。 查(cha)看(kan)官網：//vxetable ...
? 寫在(zai)(zai)開頭 點贊 + 收(shou)藏 學會(hui) 什么是(shi)瀏(liu)覽(lan)器(qi)指紋(wen)？ 瀏(liu)覽(lan)器(qi)指紋(wen)，是(shi)用來唯一標識你瀏(liu)覽(lan)器(qi)的一組(zu)“特(te)征值(zhi)”。它不是(shi)我們理解中的那種(zhong)真實指紋(wen)，而是(shi)通過收(shou)集瀏(liu)覽(lan)器(qi)、操作系統、設備(bei)分(fen)辨率、字(zi)體、插件等(deng)信息，組(zu)合(he)成(cheng)的一個獨特(te) ID。 和(he)傳統的 Cookie 不同，瀏(liu)覽(lan)器(qi)指紋(wen)不需要(yao)在(zai)(zai)用戶設 ...
React開發(fa)者們的呼聲，DHTMLX團隊聽(ting)到了！繼DHTMLX React Gantt圖(tu)表(biao)廣受歡迎后，DHTMLX再次(ci)帶來全(quan)新力(li)作 —— DHTMLX React Scheduler正(zheng)式發(fa)布！ 該組件將成熟穩定的JavaScript Scheduler功(gong)能完美移植到React生(sheng)態，為現代(dai)Web開發(fa) ...
原生(sheng) DOM 更新(xin) graph LR A[數據變化] --> B[手動查找DOM節(jie)點] B --> C[直(zhi)接修(xiu)改節(jie)點屬性] C --> D[處理(li)相關依賴(lai)節(jie)點] Diff 算(suan)法(fa)更新(xin) graph LR A[應(ying)用狀態變更] --> B[生(sheng)成新(xin)的虛擬 DOM 樹(shu)] B --> C[Diff 算(suan)法(fa)比較新(xin)舊(jiu)樹(shu)] ...
vue vxe-table 實現列(lie)個性化(hua)自(zi)定義(yi)列(lie)功能(neng)，自(zi)動記(ji)憶(yi)用(yong)(yong)戶(hu)(hu)的(de)(de)操(cao)作列(lie)狀態(tai)，完整(zheng)的(de)(de)詳細(xi)教(jiao)程(cheng) 在開發(fa) ERP 系(xi)統或后臺管(guan)理系(xi)統時(shi)，經常(chang)需要用(yong)(yong)到的(de)(de)記(ji)憶(yi)列(lie)狀態(tai)的(de)(de)功能(neng)，就是(shi)不同用(yong)(yong)戶(hu)(hu)根據(ju)不同的(de)(de)列(lie)表(biao)頁(ye)(ye)面(mian)(mian)，比(bi)如將用(yong)(yong)戶(hu)(hu)主動將常(chang)用(yong)(yong)的(de)(de)列(lie)顯示出來和不常(chang)用(yong)(yong)的(de)(de)列(lie)隱(yin)藏，列(lie)凍結狀態(tai)等，刷新頁(ye)(ye)面(mian)(mian)或者下次進(jin)入頁(ye)(ye)面(mian)(mian)后自(zi)動回復(fu)成上 ...
VanBlog —— 一款簡潔、實用(yong)、優雅的個(ge)人博(bo)客(ke)系統(tong)(tong)，內置了流量統(tong)(tong)計和圖(tu)床，集成了評論系統(tong)(tong)，并支(zhi)持全自(zi)(zi)動(dong)按需申請 HTTPS 證書、黑暗模(mo)式、移動(dong)端自(zi)(zi)適應等。 ...
隨著前(qian)(qian)端(duan)應用(yong)復雜(za)度不斷提升，保護(hu)JavaScript源代(dai)碼和核心業務(wu)邏輯變得越來越重要。本文將介紹多(duo)種前(qian)(qian)端(duan)代(dai)碼安全(quan)(quan)防護(hu)策略，構(gou)建多(duo)層次的安全(quan)(quan)防護(hu)體系。 前(qian)(qian)端(duan)安全(quan)(quan)威脅(xie)分析(xi) 常見安全(quan)(quan)風險 源代(dai)碼泄露：核心算法和業務(wu)邏輯暴露 API接(jie)口(kou)濫(lan)用(yong)：惡意調(diao)用(yong)后端(duan)接(jie)口(kou) 數據(ju)(ju)爬取：自動化工(gong)具批量獲取數據(ju)(ju) 逆向工(gong) ...
? 寫在開頭 點贊 + 收藏 學會 啊！！！Blob 居然這么強大(da)！ 在前端開發(fa)的世界里(li)，我們每(mei)天都在和各種 API、對(dui)象和數據打(da)交道(dao)。然而，有一個對(dui)象，常常被我們忽(hu)視，卻(que)又在背(bei)后默默支(zhi)撐(cheng)著許多(duo)關鍵功能 —— 它就(jiu)是 Blob。 Blob（Binary Large Object） ...
介紹(shao) TreeWalker TreeWalker 是 JavaScript 中(zhong)用于遍歷(li) DOM 樹(shu)的(de)(de)一(yi)個接(jie)口。允許你以靈活的(de)(de)方(fang)式(shi)在 DOM 樹(shu)中(zhong)進行(xing)前向和后向遍歷(li)，包(bao)括訪問父節(jie)點、子節(jie)點和兄弟(di)節(jie)點。適(shi)用于處理復雜(za)的(de)(de) DOM 操(cao)(cao)作：在遍歷(li)過程中(zhong)進行(xing)添加、刪除或(huo)修改節(jie)點的(de)(de)操(cao)(cao)作，并繼續遍歷(li)。 與普通的(de)(de) f ...
