原创 swiper banner圖循環(loop)播放+banner圖點擊跳轉有時成功有時失效

環境:nuxt項目,vue語法 前置條件:npm install swiper 在頁面 @import “swiper/css/swiper.css”; 在初始化swiper時加入loop:true;(這會複製一個slide。用可

原创 swiper navigation 點擊切換按鈕,出現藍色外框

查看元素,我是div包裹着,有些是span div:focus { outline: none; }

原创 swiper 圖片做輪播並點擊跳轉 跳轉路徑出錯

環境:nuxt項目,語法:vue 首先去官網拿簡單輪播圖例子 var mySwiper = new Swiper('.swiper-container', { autoplay: true,//可選選項,自動滑動 }) 把它放

原创 過濾數組返回數組、返回對象

以前過濾數組用filter,它會創建一個新的數組,數組裏包含符合返回條件的數據 無論數據是什麼格式,總是會返回一個數組,如 進階:如果想獲得的是數組中符合條件的數據,並返回數據本身的格式,而不需要用數組裝着,用Array.fin

原创 記錄小方法

一、利用map代替switch 呼,這幾個月我經歷了啥,測試-自動化-前端。。是前端小白沒錯了,記錄一下大佬教過的辦法 UI框架:iview 需求:拿到接口的數字1,2,3,4,5,6,然後根據數字在界面顯示Ⅰ類、Ⅱ類、Ⅲ類、Ⅳ類

原创 在舊項目引入Vue,iview組件庫

1.舊項目都是用html+jq插件,決定引入vue+iview組件庫 有兩種方法,一個是cdn引入,一個是本地文件引入 iview官網的cdn引入是能正常使用的 2.將三個文件下載下來本地引入 會報找不到iconfXXX 地址:

原创 用div+function做彈出框(主要是display的顯隱)

定義兩個div並定義id, 第一個div設置遮罩層樣式,top:0;上下左右都設置爲0,設置z-index=10,加上透明度opacity。display:none 第二個div設置彈出框樣式,z-index=11;display

原创 對動態生成的ul-li進行點擊事件並更改其樣式

1、點擊動態的ul-li,給被點擊的添加顏色 $(this).addClass(“active”).siblings().removeClass(“active”) ,siblings()是監聽除該元素的同級元素 如圖不用rea

原创 父子組件

父組件給子組件傳值用props 子組件給父組件傳值用$emit (錯誤用法) (1)直接將props的值在子組件進行改變 (2)直接在父組件中通過$refs.change(params) 子組件方法(參數)將值傳給子組件 (正

原创 idea 報錯maven [ERROR] Maven execution terminated abnormally (exit code 1)

想學Spring,但不會Maven怎麼行呢??? 安裝完了maven,也配置好了環境變量,美滋滋選一個quickstart骨架,結果maven異常終止可還行? 百度了並結合自身情況 第一:檢查maven的settings的配置,e

原创 vue+axios+post下載文件

項目新增一個導出功能,後端寫了個post接口,半路接手的項目,框架已經由大佬寫好了,以爲只要按照固有模式寫就好了,然而發現提交錯誤。只能請教大佬,自寫一個請求 export const fetchPostDownload = (url

原创 ECharts的思路

1.寫一個組件 name和引用該組件名相同 lineChart==line-chart 2.組件名裏綁定:chart-option=‘option’ 3.在data裏定義option,基本樣式 4.獲取接口數據,分別獲取數據。。thi

原创 記錄小方法-利用map代替switch

呼,這幾個月我經歷了啥,測試-自動化-前端。。是前端小白沒錯了,記錄一下大佬教過的辦法 UI框架:iview 需求:拿到接口的數字1,2,3,4,5,6,然後根據數字在界面顯示Ⅰ類、Ⅱ類、Ⅲ類、Ⅳ類、Ⅴ類. (1)初級:我先利用swi

原创 接口拿到json格式,表格卻需要數組

“data”: [ { “0”: 0.24500000476837158, “1”: 0.24500000476837158, “2”: 0.24500000476837158, “3”: 0.24500000476837158, “

原创 adb找不到連接的設備

有沒有遇到過一種情況,adb安裝好了,appium也安裝好了,輸入各種參數,點擊連接設備。然後卻報錯。 檢查參數沒問題 檢查adb,顯示下圖,完全沒毛病啊。 然後輸入adb devices,顯示以下及下行的光標 也就是adb安裝好