一、渲染了過多的checkbox組件后，批量切換選中狀態(tài)，渲染會特別卡頓。常規(guī)解決方案如下： 1、使用虛擬滾動，減少渲染量，根據(jù)用戶視口渲染少量節(jié)點，降低頁面消耗從而減少卡頓...
發(fā)簡信
IP屬地：北京
-
2025-06-13記錄element-ui的checkbox組件批量操作卡頓問題
-
2024-01-25 記錄echarts2.0的和弦圖在同一張畫布繪制多個首先因為在echart3.0版本就已經(jīng)舍棄了和弦圖，所以不得不使用echarts2.0 和弦圖和餅圖類似可以使用center定位，radius控制大小，所以只要設(shè)置每個ser...
-
如何從零到一建立前端規(guī)范前言 不以規(guī)矩，不能成方圓。 本人有幸經(jīng)歷了團(tuán)隊從缺乏標(biāo)準(zhǔn)到逐漸規(guī)范的一個過程，在此當(dāng)做記錄供大家參考。 本文從為什么需要規(guī)范以及建立規(guī)范的重要性出發(fā)，逐步引申出如何去建立適...
-
typescript語法精講一(筆記)- 使用聯(lián)合類型 聯(lián)合類型保證傳入的是聯(lián)合中的某一個類型的值即可 -可選類型補充 可選類型可以看作是 類型 和 undefined 的聯(lián)合類型： -類型別名 針對對象，可以給...
-
https下使用window.open()或a標(biāo)簽下載文件失敗的問題寫在前面 關(guān)于文件下載，根據(jù)目標(biāo)的格式，可以有好多種方式，今天我們只探討針對鏈接返回流的下載方案，window.open(流)或 ,在https下可能出現(xiàn)下載不成功的問題。...
-
JavaScript設(shè)計模式之建造者模式
一、用途 用于生產(chǎn)更復(fù)雜的對象，將對象的創(chuàng)建和功能相分離。 二、優(yōu)點 擁有更好的封裝，將對象的創(chuàng)建和使用相分離。 三、缺點 如果建造者的工作模式（創(chuàng)建過程）需要變化，會產(chǎn)生大...
-
JavaScript設(shè)計模式之抽象工廠模式
一、介紹 如果我們有多個工廠，這個時候我們就需要管理我們的工廠，可以創(chuàng)建一個大工廠來分別管理小工廠。而我們抽象工廠的作用就是為工廠制定規(guī)則，制定他的結(jié)構(gòu)和功能。我們在創(chuàng)建同一...
-
JavaScript設(shè)計模式之工廠模式
一、用途 用于創(chuàng)建復(fù)雜的對象，只需要獲得對象，并不需要知道對象創(chuàng)造的過程。 二、思想 將對象的創(chuàng)造和實現(xiàn)分離。 三、優(yōu)點 更好的代碼封裝，為使用者提供便捷，不需要理解實現(xiàn)的過...
-
JavaScript設(shè)計模式之單例模式
一、用途 創(chuàng)建一個單一的類，并保證這個類有且只有一次被創(chuàng)建。如果創(chuàng)建多個實例，有一個實例被改變所有實例同時改變。（類似于淺拷貝） 二、示例
-
檢測代碼重復(fù)率工具隨著各個項目的迭代更新，項目中不可避免的會出現(xiàn)一些重復(fù)的代碼，這可能是CTRL C + CTRL V造成的，也有可能是因為不同的項目成員重復(fù)造輪子造成的。為了保證我們項目代碼...
-
vite使用sass最簡單教程
一、sass 簡介 sass提供了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導(dǎo)入 (inline imports) 等高級功能...
-
2023-02-10 vuex持久化
一、插件：vuex-persistedstate 二、使用： 三、優(yōu)點1、解決頁面刷新，vuex中存放的數(shù)據(jù)丟失問題2、在項目開發(fā)過程中更易維護(hù)緩存中存放的數(shù)據(jù)，緩存中所有存...
-
2023-02-09前端筆試題1、outerHTML、innerHTML、innerText、outerText有什么區(qū)別innerHTML設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的 HTMLouterHTML...
-
高級前端工程師面試題
1、vue/react項目結(jié)構(gòu) vue: 1.build 文件夾，用來存放項目構(gòu)建腳本 2.config 中存放項目的一些基本配置信息，最常用的就是端口轉(zhuǎn)發(fā) ...
-
2022-09-06 記一次前端下載文件亂碼問題
問題由來：該死的mock.js 由于在開發(fā)過程中引用了mock.js進(jìn)行模擬接口 mock在運行的過程中回來攔截請求，重寫。將下載文件的接口返回來的重寫成了字符串，所以...
-
2022-08-31 記一次懶加載優(yōu)化1、由于之前懶加載都是通過scroll時間判斷可視區(qū)域的內(nèi)容來進(jìn)行是否顯示判斷。scroll事件對頁面消耗過大，所以替換為IntersectionObserver。2、具體上代碼：
-
2022-08-12 記一次mark.js使用優(yōu)化
1、因多個頁面需要使用高亮功能，且通過傳遞具體高亮的dom和傳遞需要高亮的大容器效率無大差。所以提取公共方法在vuex里。通過mutations封裝同步方法。 2、此方法目前...
-
2022-08-12 記一次js執(zhí)行阻塞頁面渲染，優(yōu)化用戶使用
場景：頁面渲染內(nèi)容過多，在渲染完成時，執(zhí)行復(fù)雜js使阻塞頁面渲染。問題：頁面卡死，用戶不能操作。解決方案： 在頁面卡死的情況下，是元素可以繼續(xù)滾動，不影響用戶瀏覽。 將滾...