最(zui)初的 JS 執(zhi)行代(dai)碼(ma)都是(shi)一(yi)條線執(zhi)行到(dao)底，當遇(yu)到(dao)比(bi)較耗時的操作時，比(bi)如(ru)大數組循(xun)環運算，就(jiu)(jiu)會(hui)導致(zhi)頁面卡(ka)著，就(jiu)(jiu)像(xiang)假死(si)一(yi)樣。就(jiu)(jiu)像(xiang)一(yi)個(ge)(ge)人在廚房燒菜一(yi)樣，需要(yao)依(yi)次完成切菜、炒菜、裝盤這些(xie)步(bu)驟，此過程中沒(mei)辦法同時做其他事情，必須按順序執(zhi)行每一(yi)個(ge)(ge)步(bu)驟。 Web Worker 賦予了(le) JS 分配任(ren)務的能力，在遇(yu)到(dao)復 ...
? 寫(xie)在開頭 點(dian)贊(zan) + 收(shou)藏 學會 隨著(zhu)前端業務(wu)的(de)快速發展，微前端架(jia)構(gou)已經被(bei)廣(guang)泛采用，其中 qiankun 作為主流解決方案也越(yue)來越(yue)受到關注。前幾天面(mian)試時，我(wo)就(jiu)被(bei)問到了一個高頻問題：qiankun 是(shi)如何實現 JS 和 CSS 隔(ge)離(li)的(de)？ qiankun 的(de)JS 沙(sha)箱 qianku ...
大屏(ping)項目指南 資源(yuan)列表 1. echars官方(fang)文檔：[Apache ECharts](//echarts.apache.org/zh/index.html) 1. api： [Api](//echarts.apache.org/zh/api.html#echarts) 2. ...
? 寫在(zai)開頭 點贊 + 收(shou)藏 學會 1. 前端倒計時(shi)為何不準(zhun)？ 1.1 JavaScript的“單(dan)線(xian)(xian)程(cheng)陷阱(jing)” JavaScript是單(dan)線(xian)(xian)程(cheng)語言，所有任務(wu)（包括定時(shi)器回調）都在(zai)同一個線(xian)(xian)程(cheng)中排(pai)隊執行。當主(zhu)線(xian)(xian)程(cheng)被(bei)耗時(shi)任務(wu)（如復(fu)雜計算、網絡請求）阻塞時(shi)，定時(shi)器回調只能“望隊興嘆”，導致實 ...
vxe-table 實現列表(biao)單元格的合(he)(he)并(bing)(bing)，將多個列頭合(he)(he)并(bing)(bing)為(wei)一個的實現方式 在(zai)使用(yong) vxe-table 時(shi)，如果需(xu)要合(he)(he)并(bing)(bing)單元格非常(chang)(chang)簡(jian)單，只需(xu)要通過 merge-cells 就可以非常(chang)(chang)輕松的合(he)(he)并(bing)(bing)單元格，但是需(xu)要合(he)(he)并(bing)(bing)列表(biao)就非常(chang)(chang)難了。好(hao)消息的最新版本支持列頭合(he)(he)并(bing)(bing)了，只需(xu)要通過 merge-header-ce ...
直播(bo)平臺發現組件(jian)(jian)(jian)、藝人動態展(zhan)示、點擊切換藝人 直播(bo)平臺發現組件(jian)(jian)(jian)使用步(bu)驟： 1. 查(cha)找插(cha)件(jian)(jian)(jian) 進入(ru)插(cha)件(jian)(jian)(jian)市(shi)(shi)場(chang)：打開 HBuilderX 編(bian)輯器，點擊菜單(dan)欄中的 “插(cha)件(jian)(jian)(jian)” -> “插(cha)件(jian)(jian)(jian)市(shi)(shi)場(chang)”，或者直接訪問uni-app 插(cha)件(jian)(jian)(jian)市(shi)(shi)場(chang)官網 。 搜索(suo)插(cha)件(jian)(jian)(jian)：在插(cha)件(jian)(jian)(jian)市(shi)(shi)場(chang)的搜索(suo)框中輸入(ru)關鍵詞，查(cha)找本(ben)插(cha)件(jian)(jian)(jian)，比(bi)如(ru)搜索(suo) “小(xiao)程(cheng) ...
在完成 Vue3 + H5 的(de)移(yi)動端開發后(hou)，如果希望生(sheng)成一份可(ke)以直接安裝到手(shou)機(ji)上的(de) 安卓(zhuo) APK 程序，可(ke)以借助 HBuilderX 來(lai)完成。使(shi)用 HBuilderX 可(ke)以快速(su)將 Vue3 + H5 項目打包成安卓(zhuo)應用，無需復雜(za)的(de)原生(sheng)開發環境，非(fei)常適合前(qian)端快速(su)交付(fu)移(yi)動端應用。測試階段用默認證書即可(ke)，... ...
在前(qian)端風(feng)風(feng)雨(yu)雨(yu)的混(hun)了(le)多年(nian)，從沒在項目中實際使用過 IndexedDB 這個(ge)瀏覽(lan)器端的數據庫，所以今(jin)天(tian)就(jiu)摸了(le)下 MDN 的后門，寫一個(ge)簡單的入門示例。 頁面大概長(chang)這樣： 源碼： 以下代碼包含(han)了(le)一個(ge)數據庫所有(you)的 CRUD （增刪改查）操作。 <div> <button id="js_add_btn">添 ...
vue table 甘(gan)特圖 vxe-gantt 實(shi)現(xian)(xian)多個表(biao)格的任務(wu)互相(xiang)拖(tuo)(tuo)拽(zhuai)數(shu)據 對于(yu)需要(yao)實(shi)現(xian)(xian)多表(biao)數(shu)據互相(xiang)拖(tuo)(tuo)拽(zhuai)的場景就非(fei)常(chang)有用了，實(shi)現(xian)(xian)方式(shi)非(fei)常(chang)簡(jian)單 查看官網：//vxeui.com Github：//github.com/x-extends/vxe-gantt Gitee：ht ...
vue 如何(he)使用(yong) vxe-table 來(lai)實現跨表(biao)(biao)(biao)拖(tuo)拽(zhuai)(zhuai)，多表(biao)(biao)(biao)聯動(dong)互(hu)相(xiang)(xiang)拖(tuo)拽(zhuai)(zhuai)數(shu)據(ju) row-drag-config.isCrossTableDrag 啟用(yong)跨表(biao)(biao)(biao)格、多表(biao)(biao)(biao)格互(hu)相(xiang)(xiang)拖(tuo)拽(zhuai)(zhuai)；跨表(biao)(biao)(biao)拖(tuo)拽(zhuai)(zhuai)需(xu)要確保數(shu)據(ju)主鍵(jian)不重復，通過(guo) row-config.keyField 指(zhi)定主鍵(jian)字段名 查(cha)看官(guan)網：//vxeta ...
? 寫在(zai)開頭 點贊 + 收藏 學會 Vue-Plugin-HiPrint 是一(yi)個(ge)Vue.js的插件，旨在(zai)提(ti)供一(yi)個(ge)簡單(dan)(dan)而(er)強大的打印(yin)解決(jue)方案。通過(guo) Vue-Plugin-HiPrint，您可以(yi)輕松地在(zai)Vue.js應用程(cheng)序中實現高(gao)度定制(zhi)的打印(yin)功(gong)能。但是本文只簡單(dan)(dan)介紹 Vue-Plugi ...
Node.js 環(huan)境準備(bei) 為了方便切換 Node.js 版(ban)本, 在 Ubuntu 下使(shi)用 nvm 做(zuo)(zuo) Node.js 的版(ban)本管理, 在 Windows 10 下使(shi)用 fnm 做(zuo)(zuo) Node.js 的版(ban)本管理 Ubuntu 22.04 Node.js 環(huan)境準備(bei) 以下操作(zuo)使(shi)用 Ubuntu 22.04 環(huan) ...
在(zai)最新版本的(de) Figma 設(she)計(ji)系統 中，所有變量已與(yu)(yu) AG Grid Theming API 參數 實現 1:1 映射。這(zhe)意味(wei)著設(she)計(ji)師在(zai) Figma 中的(de)修改能夠無縫傳遞到開發代碼，徹底消除溝通障礙(ai)。更重要的(de)是，借(jie)助自動化導(dao)出與(yu)(yu)轉換(huan)工具，團隊(dui)可(ke)以一(yi)鍵(jian)生(sheng)成(cheng)生(sheng)產可(ke)用的(de) AG Grid 自定義主題，顯(xian)著提... ...
vxe-gantt 實(shi)現(xian)實(shi)現(xian)多行日期軸(zhou)、按季度進(jin)行查(cha)詢數(shu)據渲染 查(cha)看官(guan)網(wang)：//vxeui.com Github：//github.com/x-extends/vxe-gantt Gitee：//gitee.com/x-extends/vxe-gantt 實(shi)現(xian)按季度 ...
大家好，我是(shi) Java陳(chen)序(xu)(xu)員。 在(zai)數字化時代，無論是(shi)個人開(kai)發(fa)者的(de)獨立產(chan)品，還是(shi)企業(ye)(ye)的(de)業(ye)(ye)務(wu)系統(tong)，一(yi)旦出現故障(zhang)，都(dou)可(ke)能造成(cheng)用戶流失(shi)或(huo)業(ye)(ye)務(wu)損(sun)失(shi)。因此，搭建一(yi)套可(ke)靠的(de)監控告警系統(tong)是(shi)十分必(bi)要的(de)。 今天，給大家介紹一(yi)款監控神(shen)器，開(kai)源自托管(guan)！ 關注微信(xin)公眾號：【Java陳(chen)序(xu)(xu)員】，獲取開(kai)源項(xiang)目分享、AI副業(ye)(ye)分享、超 ...
問題描述(shu) 在(zai)學udemy的html&css課(ke)的時候，challenge2有一(yi)部(bu)分是給超(chao)鏈接(jie)添加margin-top/bottom,添加后瀏覽器devtool的樣式中顯示(shi)margin已(yi)生效(xiao)，但是在(zai)頁面(mian)中卻無法顯示(shi)。 解(jie)決過程(cheng) 搜索(suo)margin不生效(xiao)的幾個原(yuan)因可(ke)以總結為 parent box 放不下 上 ...
vue vxe-gantt 甘特圖自(zi)定義任務條(tiao)樣(yang)式模板 table 自(zi)定義插槽模板 當需要渲染自(zi)定義內容模板是，就可(ke)以通過插槽來(lai)實(shi)現，非常靈活 查(cha)看官(guan)網(wang)：//vxeui.com Github：//github.com/x-extends/vxe-gantt Gitee：htt ...
在Vue3+ElementPlus前端(duan)中(zhong)，有時候一些字(zi)典的關聯顯(xian)示(shi)，需要(yao)使用級聯，因此一般使用watch監控對(dui)象(xiang)變(bian)化，實現字(zi)典列(lie)表的級聯更新。本篇(pian)隨(sui)筆介紹基于實際案例來實現多級關聯的處理(li)操作，以供參考。 ...
為了滿足 DHTMLX Scheduler 用戶的(de)實(shi)際(ji)業(ye)務需求，本文將(jiang)展(zhan)示如何在 JavaScript 日(ri)程(cheng)組件中實(shi)現“帶拖拽的(de)任務待辦區（Backlog）”。這一功能讓用戶可以像物業(ye)管理系統那樣(yang)，通過簡單的(de)拖拽操作將(jiang)任務分(fen)配到時間軸上的(de)合適位置，大幅提升排程(cheng)效率與(yu)體(ti)驗。 ...
? 寫在開頭 點贊 + 收(shou)藏 學(xue)會 vue3項目實戰 打印(yin)、導(dao)出PDF 一 維護模板 1 打印(yin)模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id ...
