前端(duan)開發一(yi)直有種錯覺，好(hao)像異(yi)常捕獲都(dou)是后(hou)端(duan)的事，畢竟后(hou)端(duan)開發時如(ru)果不(bu)處(chu)理代(dai)碼(ma)中(zhong)的異(yi)常，有些(xie)資源得(de)不(bu)到(dao)釋放，極其容易(yi)導(dao)致內存泄漏(lou)。 前端(duan)由于 JS 的垃圾回收機制無需手動釋放資源，反而不(bu)會(hui)怎么使用異(yi)常捕獲代(dai)碼(ma)中(zhong)的錯誤。實際(ji)上任(ren)何編程(cheng)語言，要(yao)寫出(chu)一(yi)個健壯性的代(dai)碼(ma)，都(dou)需要(yao)考慮異(yi)常處(chu)理。 本文分析下哪些(xie)地方 ...
xiaoju-survey —— 一套滴滴開源、輕量安全的問卷調研(yan)系統，提供構建各類(lei)問卷、考試(shi)、測(ce)評和復雜(za)表單的功(gong)能，快速滿足各類(lei)線(xian)上調研(yan)場景。 ...
js進(jin)階 函數 可(ke)以把函數看成java里面的方(fang)法本質是一(yi)樣的知(zhi)識位(wei)置不一(yi)樣 定義方(fang)式一(yi) //絕對值函數 function abs(x){ if(x>=0){ return x; }else{ return -x; } } abs(10) //10 abs(-10) //10 一(yi)旦執行return就代 ...
? 寫在(zai)開頭 點贊 + 收藏 學會 說說PC端掃碼(ma)登(deng)錄 在(zai)前(qian)端開發的面試(shi)中，面試(shi)官常常會提(ti)出一些涉及實(shi)際項(xiang)目經驗(yan)的問(wen)題(ti)，以評估候(hou)選(xuan)(xuan)人(ren)解決問(wen)題(ti)的能(neng)力(li)和技(ji)(ji)術深度。例如，"你在(zai)項(xiang)目中遇到過哪些技(ji)(ji)術挑戰？是如何(he)解決的？" 這(zhe)類問(wen)題(ti)旨在(zai)了解候(hou)選(xuan)(xuan)人(ren)面對復(fu)雜場景時的應對策略和技(ji)(ji)術選(xuan)(xuan)型能(neng)力(li)。其中 ...
PDF 文(wen)檔(dang)(dang)通常是合同、發票(piao)、證書和報告的(de)最終格式。盡管它(ta)(ta)們在設計上是靜態的(de)，但用戶(hu)(hu)現在希(xi)望(wang)能夠與它(ta)(ta)們交互、驗證信息(xi)并直接從這些文(wen)件訪(fang)問(wen)數字服務。這時，二維碼(ma)就(jiu)變得至關重(zhong)要。 PDF 文(wen)檔(dang)(dang)中的(de)二維碼(ma)將印刷或數字內容與動態在線體(ti)驗連(lian)接起來。用戶(hu)(hu)只需掃(sao)描二維碼(ma)即(ji)可驗證文(wen)檔(dang)(dang)、打開相關網站、訪(fang)問(wen)客戶(hu)(hu)門戶(hu)(hu)或繼 ...
JS 中異(yi)步(bu)任務(wu)隨處(chu)可見，比如(ru)： 1、用戶交互的點擊(ji)、輸入 2、網絡請求的 fetch、ajax、WebSocket 3、資源中的圖片、腳本加載 4、定時任務(wu) setTimeout、setInterval、動畫 5、Web Worker 中的后臺(tai)任務(wu) 以上這些地方(fang)都能見到 JS 異(yi)步(bu)任務(wu)使(shi)用場(chang)景(jing)。 ...
全球(qiu)知名(ming)的 JavaScript UI 組件庫 DHTMLX Suite 迎來 9.2 新版(ban)本！此次更新雖為次版(ban)本號，卻實質(zhi)性(xing)提升(sheng)了 Grid 網(wang)格組件的交(jiao)互能(neng)力與用(yong)戶體驗，引入了包括(kuo)歷(li)史記錄(lu)管(guan)理、剪貼板(ban)操作、數據選擇范圍管(guan)理、Block 區塊選擇等多(duo)項高級模塊，支持更接近電(dian)子表格的使(shi)用(yong)體驗。 新版(ban) ...
開源地址：//github.com/Montaro2017/vue-tag-view 背景(jing) 多(duo)標簽頁(ye)多(duo)用(yong)在中(zhong)后(hou)臺管理系統(tong)，能夠讓(rang)用(yong)戶(hu)同時打開多(duo)個標簽頁(ye)，而且不會(hui)丟(diu)失之(zhi)前填寫的內(nei)容，操(cao)作起來(lai)會(hui)比較方(fang)便(bian)。雖(sui)然部(bu)分開源項(xiang)目有多(duo)標簽頁(ye)的功(gong)能，但就體驗來(lai)看，算不上特別(bie)好。 目標 可以通過route ...
在 ES6 之前，JS 的(de)多(duo)行字符(fu)(fu)串一直(zhi)是開發難題，在處理(li)多(duo)行字符(fu)(fu)串時(shi)，各種(zhong)各樣(yang)的(de)方案都有~~ 在 JS 中，如果直(zhi)接這樣(yang)寫多(duo)行字符(fu)(fu)串： const str1 = '第一行 第二行'; 那(nei)瀏覽器轉過來就打臉，分分鐘報錯： Uncaught SyntaxError: Invalid or unexpe ...
? 寫在(zai)開(kai)頭(tou) 點贊 + 收(shou)藏(zang) 學會 前(qian)言 好久(jiu)沒有更文(wen)章咯，最近做一個(ge)中臺(tai)系統的權限(xian)控制功能，由于路(lu)由權限(xian)和(he)角色權限(xian)都簡(jian)單(dan)，但是(shi)要做按鈕(niu)權限(xian)有點麻(ma)煩(fan)，因為太多按鈕(niu)了(le)。其實我(wo)以前(qian)也(ye)做過(guo)這個(ge)功能，簡(jian)單(dan)暴力(li)做法就是(shi)每個(ge)按鈕(niu)用自定義指令(ling)去判(pan)斷是(shi)否有權限(xian)顯示。但是(shi)重復代碼(ma)也(ye)太多太多，并且維 ...
在ERP、MES、數(shu)據分(fen)析、財務報(bao)表(biao)等(deng)數(shu)字化應用場景中，表(biao)格(ge)控件是前端界面中不可或缺的(de)組件。從類Excel交(jiao)互，到(dao)大數(shu)據渲染(ran)、再到(dao)復雜報(bao)表(biao)展示(shi)，不同項目(mu)對(dui)表(biao)格(ge)的(de)需求千差萬別。 今天這(zhe)篇文章，將為(wei)你詳細解析三款(kuan)國(guo)際(ji)知名(ming)的(de)商業級前端表(biao)格(ge)解決方(fang)案：? Jspreadsheet? AG Grid? Spre ...
? 寫(xie)在開(kai)頭 點贊 + 收藏 學會 傳(chuan)(chuan)統的(de)下(xia)載方式如window.open()或<a>標簽點擊(ji)存在諸多(duo)痛點： 批量下(xia)載時瀏覽器會瘋狂彈窗(chuang) HTTPS頁面下(xia)載HTTP資源被(bei)攔截 今天分享的(de)前端iframe批量下(xia)載方案，可以(yi)有效解決以(yi)上(shang)問(wen)題(ti)。 一(yi)、傳(chuan)(chuan)統批量下(xia)載方案的(de)局限性 傳(chuan)(chuan)統的(de)批量 ...
vue vxe-tree 樹組件(jian)加載大(da)量節(jie)點數(shu)據，虛擬滾(gun)動的(de)用法 查看官網：//vxeui.com gitbub：//github.com/x-extends/vxe-pc-ui gitee：//gitee.com/x-extends/vxe-pc-ui 上萬節(jie)點 ...
近日(ri)，Stimulsoft 官(guan)方宣布其(qi)產品(pin)在(zai)“在(zai)線地(di)圖”功能(neng)方面進行(xing)了關(guan)鍵調整。自(zi) 2025.3.1 版本起，Stimulsoft Dashboards 新增支持 OpenStreetMap，用戶在(zai)創建(jian)儀表板地(di)圖時(shi)可靈活選擇地(di)圖服(fu)務(wu)提供商。 Stimulsoft Ultimate （原Stimuls ...
上篇(pian)文章說到了引導式(shi)訪問組(zu)件，其中有個擴展功能是(shi)是(shi)否強制(zhi)以及是(shi)否第一次(ci)進行(xing)引導訪問，這(zhe)時候(hou)有個 guideKey 可以作為根據判斷(duan)，那么存儲拿取的時候(hou)就(jiu)用(yong)到唯一值了，然后就(jiu)有了這(zhe)篇(pian)文章介紹的幾(ji)種姿勢，有深入哦~ 背景 假設已(yi)經使用(yong) guideKeyList 來記錄已(yi)完(wan)成的引導步驟： let guid ...
開發(fa)中經常會遇這樣的(de)需(xu)求(qiu)：點擊(ji) A 元素(su)的(de)時候，需(xu)要觸(chu)發(fa) B 元素(su)的(de)事件(jian)，比如(ru)：點擊(ji)一個(ge) div 元素(su)，然(ran)后(hou)觸(chu)發(fa) input:file 的(de) click 事件(jian)，用來(lai)選擇文件(jian)上傳。 click 方法(fa) 以上需(xu)求(qiu)可通過元素(su)的(de) click 方法(fa)觸(chu)發(fa)： <style> .test2 { padding: 4px ...
vxe-tree vue 樹組(zu)件(jian)實現關鍵字搜索 查看官網：//vxeui.com gitbub：//github.com/x-extends/vxe-pc-ui gitee：//gitee.com/x-extends/vxe-pc-ui 代碼 實現方式通過(guo)輸入框輸 ...
數據(ju)類型(xing) 基礎(chu)類型(xing): String、Number、Boolean、null、undefined、Symbol 存儲(chu)在(zai)棧中，賦值變量(liang)和(he)(he)比(bi)較(jiao)均為數據(ju)本身。 引用(yong)類型(xing)：Object、Array、Map、Function 存儲(chu)在(zai)堆中，使用(yong)new創建，賦值變量(liang)和(he)(he)比(bi)較(jiao)均是內存地址。 檢測數據(ju)類型(xing) 1.typeo ...
題外話 在(zai)考察事(shi)件(jian)基礎的(de)(de)時候，會經常被問(wen)及 click、mousedown、mouseup 它(ta)們(men)三(san)者執行的(de)(de)先后順序是(shi)怎樣的(de)(de)？ 如果(guo)平時沒(mei)太注(zhu)意(yi)，這細節(jie)可能就會忽略，畢竟很少會在(zai)同一個元素上(shang)面同時綁定這三(san)個事(shi)件(jian)~~ 直接上(shang)示例： <div class="c">測試點(dian)擊事(shi)件(jian)</div> <script> ...
AG Grid成(cheng)立于(yu)英國，致力于(yu)提供優秀(xiu)的企業級數據表格及圖(tu)(tu)表解(jie)決(jue)方案。 AG Grid及AG Charts是其兩大主要的高性能企業級JavaScript數據表格及圖(tu)(tu)表解(jie)決(jue)方案，被全球開發者廣泛采用。廣泛應用于(yu)金融(rong)、電信、制造(zao)等行業，支持 Angular、React、Vue 和(he)純 JavaScrip ...
