vue vxe-gantt 甘特圖的使用
vue vxe-gantt 甘特圖的使用 查看官網(wǎng)：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：https://gitee.com/x-extends/vxe-gantt npm install vxe- ...
基于Vant4+Vue3+TypeScript的H5移動(dòng)前端
本H5移動(dòng)前端項(xiàng)目使用最新的 `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技術(shù)開(kāi)發(fā)，結(jié)合我們《SqlSguar開(kāi)發(fā)框架》后端的功能接口，實(shí)現(xiàn)了相關(guān)的框架基礎(chǔ)功能和一些業(yè)務(wù)案例的功能。另外集成了 `Axios... ...
格式轉(zhuǎn)換全能王！一個(gè)開(kāi)源自托管的文件轉(zhuǎn)換神器
ConvertX —— 一個(gè)基于 TypeScript、Bun 和 Elysia 實(shí)現(xiàn)的自托管在線文件轉(zhuǎn)換工具，支持超過(guò)一千種不同格式的文件轉(zhuǎn)換。 ...
記錄---為什么你寫的 `position: sticky` 不工作？99% 的前端都踩過(guò)這個(gè)坑
? 寫在開(kāi)頭 點(diǎn)贊 + 收藏 學(xué)會(huì) 前端世界里有很多看似“直白”的屬性，比如 position: sticky，聽(tīng)起來(lái)像是“粘住某個(gè)位置”——只要設(shè)置好就能吸附在頁(yè)面某個(gè)位置上，滾動(dòng)時(shí)一動(dòng)不動(dòng)。 結(jié)果實(shí)際開(kāi)發(fā)中你可能經(jīng)歷過(guò)以下崩潰三連： 設(shè)置了 position: sticky; ...
記錄---高效前端開(kāi)發(fā)：使用 unplugin-auto-import 實(shí)現(xiàn)依賴自動(dòng)導(dǎo)入
? 寫在開(kāi)頭 點(diǎn)贊 + 收藏 學(xué)會(huì) unplugin-auto-import：為 Vite、Webpack、Rollup 設(shè)計(jì)的按需自動(dòng)導(dǎo)入 API 的強(qiáng)大工具 開(kāi)發(fā)痛點(diǎn)分析 在日常前端開(kāi)發(fā)中，我們經(jīng)常遇到以下困擾： 重復(fù)導(dǎo)入常用模塊 - 如 dayjs、lodash 等工 ...
扣子 Coze 產(chǎn)品體驗(yàn)功能
我們是袋鼠云數(shù)棧 UED 團(tuán)隊(duì)，致力于打造優(yōu)秀的一站式數(shù)據(jù)中臺(tái)產(chǎn)品。我們始終保持工匠精神，探索前端道路，為社區(qū)積累并傳播經(jīng)驗(yàn)價(jià)值。 本文作者：長(zhǎng)路 認(rèn)識(shí)扣子 相關(guān)鏈接 官方文檔：什么是扣子 https://www.coze.cn/open/docs/guides/welcome 學(xué)習(xí)資源：https ...
Web前端入門第 83 問(wèn)：JavaScript localStorage 有大小限制嗎？溢出會(huì)怎樣？
本地存儲(chǔ)除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數(shù)據(jù)會(huì) 永久 保存在瀏覽器中，除非用戶手動(dòng)刪除。 localStorage 能用于同一瀏覽器同一域名跨標(biāo)簽頁(yè)通信。 同一 ...
JavaScript數(shù)據(jù)網(wǎng)格方案AG Grid 34.1更新：提升開(kāi)發(fā)效率，優(yōu)化測(cè)試與布局體驗(yàn)
近日，JavaScript 數(shù)據(jù)表格方案AG Grid 正式發(fā)布 34.1 版本，本次更新以“提升開(kāi)發(fā)者生產(chǎn)力、簡(jiǎn)化測(cè)試流程、增強(qiáng)布局與樣式控制”為核心目標(biāo)，帶來(lái)了多項(xiàng)實(shí)用功能與體驗(yàn)優(yōu)化。值得一提的是，該版本為非中斷版本，當(dāng)前使用 33.x 版本的開(kāi)發(fā)者可無(wú)縫升級(jí)，無(wú)需修改已有代碼。 AG Grid ...
vue vxe-table 如何實(shí)現(xiàn)表格設(shè)置默認(rèn)行高同時(shí)又支持自定義行高
vue vxe-table 如何實(shí)現(xiàn)表格設(shè)置默認(rèn)行高同時(shí)又支持自定義行高 在有些產(chǎn)品需求中，列表需要設(shè)置默認(rèn)行高，還得同時(shí)支持自適應(yīng)高度，那么對(duì)于這種情況也是可以實(shí)現(xiàn)的，首先將默認(rèn)行高通過(guò) css 變量修改，然后再啟用自定義行高，就可以輕松實(shí)現(xiàn)這個(gè)功能了。 查看官網(wǎng)：https://vxetable ...
記錄---瀏覽器指紋-探究前端如何識(shí)別用戶設(shè)備
? 寫在開(kāi)頭 點(diǎn)贊 + 收藏 學(xué)會(huì) 什么是瀏覽器指紋？ 瀏覽器指紋，是用來(lái)唯一標(biāo)識(shí)你瀏覽器的一組“特征值”。它不是我們理解中的那種真實(shí)指紋，而是通過(guò)收集瀏覽器、操作系統(tǒng)、設(shè)備分辨率、字體、插件等信息，組合成的一個(gè)獨(dú)特 ID。 和傳統(tǒng)的 Cookie 不同，瀏覽器指紋不需要在用戶設(shè) ...
DHTMLX重磅發(fā)布React Scheduler組件，強(qiáng)勢(shì)賦能日程管理開(kāi)發(fā)！
React開(kāi)發(fā)者們的呼聲，DHTMLX團(tuán)隊(duì)聽(tīng)到了！繼DHTMLX React Gantt圖表廣受歡迎后，DHTMLX再次帶來(lái)全新力作 —— DHTMLX React Scheduler正式發(fā)布！ 該組件將成熟穩(wěn)定的JavaScript Scheduler功能完美移植到React生態(tài)，為現(xiàn)代Web開(kāi)發(fā) ...
Diff算法的簡(jiǎn)單介紹
原生 DOM 更新 graph LR A[數(shù)據(jù)變化] --> B[手動(dòng)查找DOM節(jié)點(diǎn)] B --> C[直接修改節(jié)點(diǎn)屬性] C --> D[處理相關(guān)依賴節(jié)點(diǎn)] Diff 算法更新 graph LR A[應(yīng)用狀態(tài)變更] --> B[生成新的虛擬 DOM 樹(shù)] B --> C[Diff 算法比較新舊樹(shù)] ...
vue vxe-table 實(shí)現(xiàn)列個(gè)性化自定義列功能，自動(dòng)記憶用戶的操作列狀態(tài)，完整的詳細(xì)教程
vue vxe-table 實(shí)現(xiàn)列個(gè)性化自定義列功能，自動(dòng)記憶用戶的操作列狀態(tài)，完整的詳細(xì)教程 在開(kāi)發(fā) ERP 系統(tǒng)或后臺(tái)管理系統(tǒng)時(shí)，經(jīng)常需要用到的記憶列狀態(tài)的功能，就是不同用戶根據(jù)不同的列表頁(yè)面，比如將用戶主動(dòng)將常用的列顯示出來(lái)和不常用的列隱藏，列凍結(jié)狀態(tài)等，刷新頁(yè)面或者下次進(jìn)入頁(yè)面后自動(dòng)回復(fù)成上 ...
絕了！一款簡(jiǎn)潔優(yōu)雅的高性能個(gè)人博客系統(tǒng)！
VanBlog —— 一款簡(jiǎn)潔、實(shí)用、優(yōu)雅的個(gè)人博客系統(tǒng)，內(nèi)置了流量統(tǒng)計(jì)和圖床，集成了評(píng)論系統(tǒng)，并支持全自動(dòng)按需申請(qǐng) HTTPS 證書、黑暗模式、移動(dòng)端自適應(yīng)等。 ...
前端代碼安全防護(hù)完整指南
隨著前端應(yīng)用復(fù)雜度不斷提升，保護(hù)JavaScript源代碼和核心業(yè)務(wù)邏輯變得越來(lái)越重要。本文將介紹多種前端代碼安全防護(hù)策略，構(gòu)建多層次的安全防護(hù)體系。 前端安全威脅分析 常見(jiàn)安全風(fēng)險(xiǎn) 源代碼泄露：核心算法和業(yè)務(wù)邏輯暴露 API接口濫用：惡意調(diào)用后端接口 數(shù)據(jù)爬取：自動(dòng)化工具批量獲取數(shù)據(jù) 逆向工 ...
記錄---啊！！！Blob 居然這么強(qiáng)大！
? 寫在開(kāi)頭 點(diǎn)贊 + 收藏 學(xué)會(huì) 啊！！！Blob 居然這么強(qiáng)大！ 在前端開(kāi)發(fā)的世界里，我們每天都在和各種 API、對(duì)象和數(shù)據(jù)打交道。然而，有一個(gè)對(duì)象，常常被我們忽視，卻又在背后默默支撐著許多關(guān)鍵功能 —— 它就是 Blob。 Blob（Binary Large Object） ...
學(xué)習(xí) TreeWalker api 并與普通遍歷 DOM 方式進(jìn)行比較
介紹 TreeWalker TreeWalker 是 JavaScript 中用于遍歷 DOM 樹(shù)的一個(gè)接口。允許你以靈活的方式在 DOM 樹(shù)中進(jìn)行前向和后向遍歷，包括訪問(wèn)父節(jié)點(diǎn)、子節(jié)點(diǎn)和兄弟節(jié)點(diǎn)。適用于處理復(fù)雜的 DOM 操作：在遍歷過(guò)程中進(jìn)行添加、刪除或修改節(jié)點(diǎn)的操作，并繼續(xù)遍歷。 與普通的 f ...
輕松設(shè)計(jì) Logo！一款 Pornhub 風(fēng)格的 Logo 在線生成器！
logoly —— 一個(gè)簡(jiǎn)單的在線 Logo 生成器，提供了類似 Pornhub 或 OnlyFans 風(fēng)格的 Logo 生成功能，可以自定義顏色、字體大小，并支持 PNG 或 SVG 格式下載。 ...
跨域問(wèn)題
1、跨域問(wèn)題的產(chǎn)生 跨域問(wèn)題的根源是瀏覽器的同源策略：出于安全考慮，當(dāng)從A域名請(qǐng)求B域名的資源時(shí)，如果A、B兩域名不同源（協(xié)議不同/域名不同/端口不同），瀏覽器就會(huì)攔截這次請(qǐng)求或響應(yīng)。 為什么會(huì)有跨域限制——防止竊取用戶數(shù)據(jù)：比如你打開(kāi)了銀行網(wǎng)站www.bank.com進(jìn)行了登錄，后來(lái)你又打開(kāi)了惡意 ...
Web前端入門第 82 問(wèn)：JavaScript cookie 有大小限制嗎？溢出會(huì)怎樣？
面試時(shí)候經(jīng)常會(huì)被問(wèn)及 Cookie 大小限制，但一直沒(méi)嘗試寫一些 demo 測(cè)試下溢出極限值會(huì)怎樣~~ 本文就來(lái)看看各種極限情況！ 英文 測(cè)試代碼： (() => { const maxSize = 4 * 1024; // 4KB const name = 'name' // 最大出入的 valu ...