搭配vantUI，點(diǎn)擊tab滾動(dòng)到對(duì)應(yīng)位置耳幢，滾動(dòng)時(shí)激活對(duì)應(yīng)tab幼驶，原生js啄寡，縱享絲滑~~~
發(fā)簡(jiǎn)信
IP屬地：安徽
-
tab與滾動(dòng)條聯(lián)動(dòng)
-
element 合并單元格 數(shù)據(jù)合并展示不正確合并單元格想要的效果： 合并單元格需要三步：1.合并相同的單元格 計(jì)算數(shù)量2.使用span-method分發(fā)合并3.鼠標(biāo)移上去背景色效果實(shí)現(xiàn) 1.第一步此步驟一定要在數(shù)據(jù)拿到...
-
element ui表頭使用下拉菜單渲染出兩個(gè)相同的下拉菜單
新的思路：更新下寫法颖低，將slot寫法更新成#寫法, 如：<template slot="header">修改成<template #header>
-
ios vant Sticky 粘性布局 吸附延遲的問題
開發(fā)環(huán)境：vue+vant 遇到問題：使用了vant的Sticky 粘性布局拷窜，首頁頂部header俭茧，在Android中可以實(shí)現(xiàn)頂部吸附咆疗。但是ios卻不行了，會(huì)延遲母债，只有在滾動(dòng)...
-
vant Sticky 粘性布局 在ios吸附延遲的問題
開發(fā)環(huán)境： vue+vant 遇到問題： 使用了vant的Sticky 粘性布局午磁，首頁頂部header尝抖，在Android中可以實(shí)現(xiàn)頂部吸附。但是ios卻不行了迅皇，會(huì)延遲昧辽，只有在...
-
-
用van-pouper
在有點(diǎn)擊事件的元素上滾動(dòng) 滾動(dòng)不順暢
是因?yàn)檫@個(gè)點(diǎn)擊事件的元素外層元素的css有個(gè)overflow為scroll,去掉就行了再次記錄下 遇到問題 不知道怎么排查 就把代碼全刪 再一點(diǎn)點(diǎn)的加
-
在有點(diǎn)擊事件的元素上滾動(dòng) 滾動(dòng)不順暢
是因?yàn)檫@個(gè)點(diǎn)擊事件的元素外層元素的css有個(gè)overflow為scroll,去掉就行了再次記錄下 遇到問題 不知道怎么排查 就把代碼全刪 再一點(diǎn)點(diǎn)的加
-
解決前端html2canvas生成圖片慢問題
分享一個(gè)小發(fā)現(xiàn) 這里首先直接說結(jié)論：由于html2canvas生成圖片的過程會(huì)從html的head、body層標(biāo)簽開始遍歷登颓，所以對(duì)于項(xiàng)目較大搅荞，但是只需要對(duì)某個(gè)dom（下文以D...
-
css吸頂效果實(shí)現(xiàn)
在網(wǎng)上看了一些博客 方法千篇一律 除了使用postion的sticky外 （兼容性不好）最常見的就是監(jiān)聽滾動(dòng)條的變化，動(dòng)態(tài)給元素設(shè)置fixed定位了但是這種方法其實(shí)是有bug...
-
-
vcode插件開發(fā)最近在研究怎么能提高開發(fā)速度咕痛，想到vscode里有個(gè)配置代碼片段功能，之前用過配vue頁面模板的喇嘱，因此便想到平常開發(fā)中接入一些組件的自己公司內(nèi)部代碼是否可以通過代碼片段來快速...
-
一文總結(jié)前端換膚換主題
最近項(xiàng)目涉及換主題/換膚的工作茉贡， 查了查資料，總結(jié)出五種換膚方案： 這是五種均為通用方案者铜，可以適用于各種前端框架腔丧，腳手架中 1. 利用class 命名空間 這是最簡(jiǎn)單的換膚方...
-
如何利用webpack實(shí)現(xiàn)一鍵換膚（CSS變量替換）
接收到這個(gè)需求的時(shí)候有三種思路： 打包的時(shí)候同時(shí)冗余打包多套CSS文件，并在切換主題的時(shí)候加載相應(yīng)的樣式文件王暗。 在根組件上加上主題類名悔据，并在切換主題的時(shí)候改變類名，然后通過C...
-
element ui 使用匯總1. popver氣泡 彈出位置太靠上 想要向下偏移 offset支持的是左右 想要向下偏移 可以給popver綁定個(gè)類 寫上樣式 2.el-tooltip寫了之后不顯示 頁...
-
vue實(shí)現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選
css控制 js控制 不想選中有顏色 用css俗壹，對(duì)特定區(qū)域設(shè)置選中透明效果 img::selection {background: transparent}
-
vue中使用ant 記錄
這次使用的是嵌套表格table 看官網(wǎng)代碼之后 把官網(wǎng)代碼改成js版 頁面報(bào)錯(cuò)vue.runtime.esm.js?2b0e:3049 TypeError: customRe...
-
深度比對(duì)兩個(gè)對(duì)象 獲取其差異的鍵值對(duì)
我有兩個(gè)對(duì)象: 如您所見:除了一件事之外科汗，幾乎相等:B的鍵值不同。 我如何才能了解someNewArr鍵值差異绷雏？ 像someNewArr:{B: 22}(我從第二個(gè)對(duì)象獲取值...