什么是 AbortController？ 作用：提供一種機(jī)制來中止正在進(jìn)行的異步任務(wù)（例如網(wǎng)絡(luò)請求、文件讀取等）。 核心組成：.signal：一個(gè) AbortSignal 對...
發(fā)簡信
IP屬地：天津
-
使用AbortController取消異步操作
-
for循環(huán)渲染表單，rules校驗(yàn)無效問題
最近在開發(fā)一個(gè)后臺系統(tǒng)時(shí)，有個(gè)需求是后端接口返回表單數(shù)據(jù)，前端通過循環(huán)渲染表單，在提交表單時(shí)，發(fā)現(xiàn)rules校驗(yàn)失敗。輸入內(nèi)容后仍然提示必填。最后參考：這篇博客[https:...
-
domtoimage--html轉(zhuǎn)為圖片
要實(shí)現(xiàn)這個(gè)功能, 要拆分為4個(gè)步驟: 1.獲得選中內(nèi)容所屬的 div2.把選中內(nèi)容的div 轉(zhuǎn)換成canvas3.轉(zhuǎn)換canvas到圖像 domToImage官網(wǎng)地址[htt...
-
js設(shè)置滾動(dòng)條滾到最底端
要使用JavaScript設(shè)置滾動(dòng)條滾到最底端，可以使用以下方法： 對于普通瀏覽器： 對于WebKit瀏覽器（如Chrome和Safari）： 對于Internet Expl...
-
vue中vue-seamless-scroll的用法
官網(wǎng)地址[https://chenxuan0000.github.io/vue-seamless-scroll/guide/] 安裝 使用 注冊組件 使用組件
-
前端大數(shù)據(jù)渲染
https://juejin.cn/post/7338636024212504613[https://juejin.cn/post/7338636024212504613]
-
前端反調(diào)試
方法一：不斷debugger 雖然簡單，但是卻很有效。通過不停地打斷你，阻止你看他代碼。但是不斷的產(chǎn)生不可回收的對象，占據(jù)你的內(nèi)存，造成內(nèi)存泄漏，沒過多久瀏覽器就會(huì)卡頓。所以...
-
數(shù)據(jù)大屏響應(yīng)式布局的實(shí)現(xiàn)
實(shí)現(xiàn)方案：flexible+rem分析： 一般數(shù)據(jù)大屏設(shè)計(jì)的寬度都是1920px，假設(shè)寬度分為24份，則一份為1920/24=80，所以設(shè)置1rem = 80px 因此css...
-
scoped 樣式與 CSS Module 對比
原文：https://juejin.cn/post/6844903673517211655[https://juejin.cn/post/6844903673517211655]
-
淺談css modules以及在vue上的應(yīng)用
參考：https://blog.csdn.net/weixin_44869002/article/details/105806021?spm=1001.2101.3001.6...
-
qiankun微前端面試題qiankun是阿里開源的一個(gè)微前端的框架，在阿里內(nèi)部已經(jīng)經(jīng)過一批線上應(yīng)用的充分檢驗(yàn)及打磨了，所以可以放心使用。qiankun有什么優(yōu)勢呢? 基于single-spa封裝的，...
-
h5 video 畫中畫
video元素 開啟畫中畫 退出畫中畫 監(jiān)聽進(jìn)入畫中畫模式 監(jiān)聽退出畫中畫模式 檢查瀏覽器是否支持畫中畫功能 檢查當(dāng)前視頻元素是否支持畫中畫功能 判斷當(dāng)前元素是否是畫中畫元素...
-
h5監(jiān)聽鍵盤收起、彈出
要點(diǎn)： 在android中軟鍵盤收起或彈出，都會(huì)改變window的高度，所以可通過監(jiān)聽window的onresize事件。ios中軟鍵盤收起或彈出，不會(huì)改變window的高度...
-
h5阻止ios側(cè)滑后退頁面的問題
背景：在做一個(gè)手寫簽名的需求時(shí)，發(fā)現(xiàn)在手機(jī)端使用簽名時(shí)會(huì)觸發(fā)頁面后退問題。解決辦法：通過監(jiān)聽觸屏事件touchmove，使用e.preventDefault()阻止默認(rèn)事件的...
-
-
vue3 hmr熱啟動(dòng)沒有生效1、設(shè)置熱啟動(dòng) 2、解決： router的路徑對應(yīng)引入的component的名稱不一致導(dǎo)致，檢查下大小寫