背景 因為公司產(chǎn)品屬于B端的產(chǎn)品，客戶有定制產(chǎn)品升級也不一致，而且客戶比較強硬，必須在客戶版本上解決問題，所以只能根據(jù)客戶反正解決，導(dǎo)致版本信息比較亂，所以開發(fā)本插件 注入...
發(fā)簡信
IP屬地：北京
-
git打包版本信息整合Webpack插件
-
360瀏覽器急速和兼容模式Cookie是共享的
背景 公司認(rèn)證在使用ticket登錄時，因為ticket在url里面登錄后ticket已失效，此時切換兼容模式或者急速模式因為url沒有變化，導(dǎo)致ticket二次使用，后端提...
-
基于perfect-scrollbar的vue自定義滾動指令
封裝代碼 引入 調(diào)用 效果 注意事項 外層的div需要設(shè)置為 position: relative;
-
Vue開發(fā)掃雷小游戲規(guī)則分析 游戲區(qū)包括雷區(qū)、地雷計數(shù)器（位于左上角，記錄剩余地雷數(shù)）和計時器（位于右上角，記錄游戲時間），確定大小的矩形雷區(qū)中隨機(jī)布置一定數(shù)量的地雷(初級為99個方塊10個雷，...
-
nodejs-websocket實現(xiàn)多人聊天室效果圖 邏輯分析 創(chuàng)建nodejs-websocket 根據(jù)消息類型區(qū)分系統(tǒng)消息和普通消息 使用瀏覽器指紋來設(shè)置用戶信息（正常情況應(yīng)使用后端提供的用戶信息） 根據(jù)消息的use...
-
vue實現(xiàn)拼圖小游戲游戲效果 游戲規(guī)則 點擊圖片移動拼出來完整的圖片 實現(xiàn)思路 把游戲轉(zhuǎn)換為二維數(shù)組的排序 0設(shè)置為空白圖片 點擊圖片判斷該圖片上下左右是否有0，有0則進(jìn)行數(shù)據(jù)交換，實現(xiàn)圖片移動...
-
騰訊云動態(tài)圖標(biāo)效果(幀動畫)
展示效果 上傳簡書后gif不會動了，參考騰訊云官網(wǎng)看效果 代碼實現(xiàn)： 幀動畫：.3s steps(16） 在300毫秒內(nèi)播放16幀，t-cloud.png圖片分次16分就可以...
-
Div & Svg可視化探索筆記最近因為工作需要做了點HTML5可視化研究如下為什么簡書沒有字體顏色作為一個設(shè)計師很不爽第一次發(fā)文有寫錯的地方還請諸位高手多多包涵 問題陳述 設(shè)想，要在頁面中生成大量的簡單圖...
-
不想當(dāng)全棧的前端不是好設(shè)計。
-
Vue封裝EChat組件
目的 減少重復(fù)代碼量 統(tǒng)一風(fēng)格 全局事件處理方便維護(hù) 可以根據(jù)實際需求暴露對應(yīng)的事件和方法 使用
-
Vue2組件二次封裝
二次封裝element-ui的組件 代碼 二次封裝vue3組件http://www.itdecent.cn/p/9c0b00cc84e8[https://www.jians...
-
好用的NPM插件整理-持續(xù)更新
移動端手勢放大旋轉(zhuǎn)插件 快速點擊 stClick 是一個簡單易用的庫，用于消除物理點擊和移動瀏覽器上觸發(fā)事件之間的 300 毫秒延遲。目的是使您的應(yīng)用程序感覺不那么滯后，響應(yīng)...
-
瀏覽器指紋和個人信息
瀏覽器指紋的目的 用于跟蹤用戶瀏覽器精準(zhǔn)推送廣告 大致種類 指紋 用JS創(chuàng)建一個canvas畫布，然后在畫布上面畫幾個圖形，正方形，圓形等，然后寫幾個字。然后把這個canva...
-
html中span當(dāng)作輸入框，實現(xiàn)異形輸入框
知識點：contenteditable contentEditablehtml中的一個屬性。設(shè)置html的contentEditable=true時，即可開啟該元素的編輯模式...
-
Vue3依賴注入封裝setup中使用use函數(shù)
封裝邏輯 參考pinia、vue-router等的create和use方法,做一個埋點上報的小插件，能夠滿足在vue3中使用this.$的方式和use的方式,并且能夠保證一些...
-
Vite配置vue3入門和常見問題開始 安裝pnpm 沒有理由就是快！ 安裝vite 根據(jù)提示創(chuàng)建 安裝依賴 配置常用路徑@ 修改vite.config.ts 修改tsconfig.json 配置 常見問題 ...
-
SVG動態(tài)引入和組件封裝
背景： svg引入大量的項目不使用的圖標(biāo)，所以修改為單個引入，然后通過下載單獨的svg通過打包的形式優(yōu)化 環(huán)境 安裝插件 配置vue.config.js 全局svg配置 配置...
-
qiankun子應(yīng)用（vite）
核心邏輯 vite和webpack不一致沒有 webpack_public_path這個東西需要安裝插件：vite-plugin-qiankun vite-plugin-qi...
-
qiankun框架Vue3子應(yīng)用（webpack）
核心邏輯 判斷是否在乾坤框架中 否安裝正常方式掛載 是不進(jìn)行app掛載，而是通過乾坤暴露的mount方法掛載 main.ts文件 qiankun.ts 主應(yīng)用：https:/...
