項(xiàng)目中需要做一個(gè)滾動(dòng)到底部加載更多數(shù)據(jù)的效果厕诡，前端用的框架是element-ui务热，第一反應(yīng)是去查看說明文檔垮刹，”InfiniteScroll 無限滾動(dòng)“幾個(gè)大字自帶光環(huán)映...
IP屬地：陜西
-
vue框架element-ui中v-infinite-scroll遇到坑
-
移動(dòng)端瀑布流加上拉加載效果圖： 實(shí)現(xiàn)思路： 核心是vue的nextTick配合vant中的list上拉加載組件實(shí)現(xiàn)告嘲；這是兩列河劝，所以這里用了兩個(gè)容器纸俭，也就是兩個(gè)數(shù)組反浓，一列為一個(gè)容器萌丈，然后往里push...
-
charles抓包工具使用
背景： 在實(shí)際開發(fā)度迂、測試中需要通過代理截取 app 的網(wǎng)絡(luò)請(qǐng)求報(bào)文來快速定位問題； mac安裝及使用教程地址為：https://blog.csdn.net/lhx0827/a...
-
2021-10-29
背景： 我們在工作中常常會(huì)遇到成千上萬的數(shù)據(jù)猜揪，而在使用element-ui樹形控件的時(shí)候惭墓，由于數(shù)據(jù)量過大，會(huì)導(dǎo)致頁面卡頓甚至卡死的現(xiàn)象而姐。 優(yōu)化方案： 針對(duì)數(shù)據(jù)量過大...
-
echarts配置項(xiàng)
echartsY軸設(shè)置： / yAxis -> splitLine -> show：true為展示網(wǎng)格false隱藏網(wǎng)格腊凶，lineStyle:{color...
-
如何做好數(shù)據(jù)埋點(diǎn)一、埋點(diǎn)技術(shù) 代碼埋點(diǎn)： 所謂的代碼埋點(diǎn)就是在你需要統(tǒng)計(jì)數(shù)據(jù)的地方植入N行代碼拴念，統(tǒng)計(jì)用戶的關(guān)鍵行為钧萍。比如你想統(tǒng)計(jì)首頁某個(gè)banner的點(diǎn)擊量，上報(bào)的數(shù)據(jù)可以采用KEY-VAL...
-
vue代碼寫大轉(zhuǎn)盤 適配可以配置任意商品個(gè)數(shù)的大轉(zhuǎn)盤活動(dòng)本次大轉(zhuǎn)盤可以適配任意商品個(gè)數(shù)政鼠，根據(jù)后臺(tái)讀取的商品個(gè)數(shù)進(jìn)行適配风瘦，順便吐槽一下，公司讓我一周整好10個(gè)活動(dòng)缔俄。弛秋。。俐载。蟹略。，老虎機(jī)遏佣，大轉(zhuǎn)盤挖炬，搖一搖，砸金蛋状婶，翻牌意敛，刮刮樂等活動(dòng)，還要用...
-
mock.js的使用方法
在開發(fā)過程中，有很多的ajax請(qǐng)求稍刀，前后端分離開發(fā)你肯定遇到這樣的問題撩独，后臺(tái)給你的接口文檔敞曹，你需要在本地模擬數(shù)據(jù)返回，可能你也用到過我之前用的蠢方法综膀，就是新建一個(gè)test.j...
-
-
vue-draggable-resizable 可拖拽縮放的組件
Vue 用于可調(diào)整大小和可拖動(dòng)元素的組件并支持組件之間的沖突檢測與組件對(duì)齊 更新2.0版本 說明：組件基于vue-draggable-resizable進(jìn)行二次開發(fā) 距離上1...
-
vue報(bào)錯(cuò)：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String.
新手剧劝，橄登，經(jīng)過一個(gè)多小時(shí)的排查，最后發(fā)現(xiàn)錯(cuò)誤的是分頁的頁數(shù)屬性問題,這個(gè)屬性沒有被用到讥此， 最開始用的是route的數(shù)據(jù)獲取拢锹，賦值給定義的currentPage，結(jié)果報(bào)錯(cuò)Inva...
-
vue-draggable 學(xué)習(xí)和使用
以前項(xiàng)目用過vue-draggable暂论，可是并沒有把學(xué)習(xí)資料記錄下來面褐，最近項(xiàng)目又要用到draggable，所以寫了這篇文章取胎。 安裝 使用 頁面引入 頁面使用 事件 屬性 sl...
-
Vue lib-flexible px轉(zhuǎn)化rem展哭，適配移動(dòng)端
1.安裝lib-flexible ；進(jìn)入終端闻蛀；進(jìn)入項(xiàng)目所在文件夾匪傍；執(zhí)行代碼 2.在src/main.js中引入lib-flexible 3.安裝px2rem-loader；進(jìn)...
-
Vue-給對(duì)象新增屬性（使用Vue.$set()）
在開發(fā)過程中觉痛，我們時(shí)常會(huì)遇到這樣一種情況：當(dāng)vue的data里邊聲明或者已經(jīng)賦值過的對(duì)象或者數(shù)組（數(shù)組里邊的值是對(duì)象）時(shí)役衡，向?qū)ο笾刑砑有碌膶傩裕绻麓藢傩缘闹敌桨簦遣粫?huì)更新...
-
FormData使用方法詳解
FormData的主要用途有兩個(gè)： 1手蝎、將form表單元素的name與value進(jìn)行組合，實(shí)現(xiàn)表單數(shù)據(jù)的序列化俐芯，從而減少表單元素的拼接棵介，提高工作效率。 2吧史、異步上傳文件 一邮辽、...
