? 寫在開頭 點贊 + 收藏 學會 效果圖 瀑布流布局原理 瀑布流布局（Waterfall Layout）是一種等寬不等高的多列布局方式，視覺上元素像瀑布一樣逐列填充。核心原理： 等寬多列：將容器劃分為多個等寬的列。 動態(tài)填充：元素按順序優(yōu)先插入當前高度最短的列，保證布局緊湊。 ...

如今 Vue 大行其道，大部分開發(fā)場景直接使用 @click 就實現(xiàn)了事件綁定，可能都沒思索過 JS 中的事件性能優(yōu)化。 事件委托原理 事件委托 其主要是利用了事件冒泡這個特性。 以點擊事件 click 為例：將事件綁定在父元素上，點擊子元素會通過冒泡的方式觸發(fā)父元素的點擊事件。這種綁定事件的方式， ...

uavInspection.js代碼 /** * 無人機巡檢 */ import * as mars3d from "mars3d" import * as Cesium from 'mars3d-cesium' import * as turf from "@turf/turf" import { ...

AG Grid成立于英國，致力于提供優(yōu)秀的企業(yè)級數(shù)據(jù)表格及圖表解決方案。 AG Grid及AG Charts是其兩大主要的高性能企業(yè)級JavaScript數(shù)據(jù)表格及圖表解決方案，被全球開發(fā)者廣泛采用。憑借其卓越的性能、豐富的功能與高度可定制性，成為構(gòu)建復雜數(shù)據(jù)驅(qū)動型應用的優(yōu)選工具庫。 近日，AG G ...

? 寫在開頭 點贊 + 收藏 學會 CSS Grid 布局（網(wǎng)格布局）是 CSS 中一種強大的二維布局系統(tǒng)，它徹底改變了我們構(gòu)建網(wǎng)頁布局的方式。與傳統(tǒng)的布局方法（如浮動、定位或 Flexbox）相比，Grid 提供了更直觀、更靈活的方式來創(chuàng)建復雜的網(wǎng)頁布局。 一、Grid 布局的 ...

對pdf旋轉(zhuǎn)、拖拽公章或其他圖片到pdf任意位置，生成一個新的pdf進行下載 網(wǎng)上搜了一下代碼量都挺大的，這里自己來實現(xiàn)一個吧！ 涉及到的技術棧：pdfjs-dist、pdf-lib、vueuse <script setup> import { ref, onMounted, computed } ...

vue vxe-table 自適應列寬，根據(jù)內(nèi)容自適應寬度的2種使用方式 查看官網(wǎng)：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-tabl ...

在討論冒泡和捕獲之前，先看這么一段代碼： <style> .bd { border: 1px solid #000; padding: 8px; } </style> <div id="container1" class="bd"> 外層 <div id="container2" class="bd ...

介紹 IIFE(Immediately Invoked Function Expression)，中文名稱：立即執(zhí)行函數(shù)表達式，其實IIFE最早并不叫這個名字，而是叫做Self-Executing Anonymous Function，即自執(zhí)行匿名函數(shù)。根據(jù)MDN的資料，IIFE這個說法最早由Ben ...

網(wǎng)頁上各種炫酷的交互效果離不開各種 DOM 事件 的支持，在寫這篇文章之前，一度以為 JS 的事件綁定/取消方式就我知道的那幾種，翻閱文檔之后才發(fā)現(xiàn)，知識面還是有待提升，多翻翻文檔，就像發(fā)現(xiàn)新大陸一樣~~ 常用事件 鼠標事件： click：鼠標左鍵單擊 dblclick：鼠標左鍵雙擊 mousedo ...

當項目的安全團隊找上門告訴您，您開發(fā)的項目存在 XSS 安全漏洞，作為一個開發(fā)人員，就問您慌不慌？？ HTML 內(nèi)容寫入的時候，如果稍不注意就會觸發(fā)隱藏 BOSS 漏洞 XSS。 XSS 漏洞原理就是利用了網(wǎng)站上內(nèi)容輸入的地方，比如說常見的評論提交，老六 通過輸入評論的地方，提交一些 包含 JS 代 ...

如何使用 vue vxe-table 來實現(xiàn)一個產(chǎn)品對比表表格 查看官網(wǎng)：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 效果 ...

有一個深有體會的事：發(fā)現(xiàn)現(xiàn)在很多前端同學，經(jīng)常用 Vue 開發(fā)項目之后，在某些需求場景要操作 DOM 節(jié)點的時，就不知道咋辦了~~ 以前接手過其他開發(fā)團隊的項目，項目被漏洞掃描工具發(fā)現(xiàn)了異常，原因是用了一個 vue-video-player 插件用于播放視頻，這插件又依賴了低版本的 video.js ...

vxe-table vue 表格禁用單元格編輯的2種實現(xiàn)方式 查看官網(wǎng)：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 阻止激活 ...

雖然目前的開發(fā)場景基本都是使用 React/Vue/Angular 等框架，但是對于一些基礎的 DOM 操作，還是需要了解學習。 曾經(jīng)我們討論過這樣一個問題：Vue 這些開發(fā)框架，用它們渲染頁面，真的就比不用開發(fā)框架快嗎？ 其實這個問題很好回答的，開發(fā)框架只是優(yōu)化了項目的開發(fā)效率，對于瀏覽器的渲染速 ...

Promise 這個 API 曾在 JS 領域掀起過血雨腥風，以前的大佬們都喜歡手搓一個自己的 Promise 用以理解 Promise 的原理。 Promise 的誕生，應該多少都有受到 jQuery 的異步方法 $.Deferred() 影響。 應用場景 Promise 唯一作用就是在處理異步耗 ...

一、前期準備： 1. 準備node環(huán)境（推薦nvm方式管理node版本）； 2.安裝pnpm(pnpm 通過創(chuàng)新存儲模型解決了 npm/yarn 的磁盤冗余、依賴污染等核心痛點，尤其適合 ?Monorepo 項目、低存儲環(huán)境及高穩(wěn)定性要求的場景?。若項目無特殊兼容需求，pnpm 是當前最優(yōu)解。)； ...

使用 vue vxe-table 實現(xiàn)復選框禁用，根據(jù)行規(guī)則來禁用是否允許被勾選選中 查看官網(wǎng)：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vx ...

JS 是單線程語言。這句話對不對？ 按照目前的情況來看，JS 自從支持了 Web Worker 之后，就不再是單線程語言了，但 Worker 的工作線程與主線程有區(qū)別，在 Worker 的工作線程中無法直接操作 DOM、window 對象或大多數(shù)瀏覽器 API（如 localStorage），Wor ...

前言 在此記錄下使用 elementui，antDesign，antDesignVue 的表格嵌套表單校驗的一些經(jīng)驗。 要達到的目的是：有個多行表格，每一行有多個表單項（比如輸入框），表單項填完值后，點擊提交，校驗表格中所有表單項，校驗通過則將整個表格數(shù)據(jù)送到后臺。還可以重新給表格賦值（比如進入詳情 ...