原创 Vue項目使用swiper做輪播圖時,異步調用數據時導致圖片不顯示

Vue使用swiper輪播圖懶加載注意事項 如果是經常替換的圖片數據,最好不要使用swiper自帶的lazy,因爲會出現數據更新了,但是圖片不能更新的情況。因爲數據是綁定在data-src上的,但是頁面顯示的是src上的路徑,不能重

原创 vue-cli模擬數據以及簡單的axios封裝

vue-cli模擬數據以及簡單的axios封裝 對於模擬數據以及封裝請求,都是老生常談了,但是總總會忘記,要去google,很麻煩,現在在這裏做做記錄,方便自己查閱。 第一種是mock.js,模擬數據。 第二種是easy-mock,模

原创 anywhere隨時可以看到你的頁面

anywhere 1.全局安裝node.js 2.安裝成功後,執行npm install anywhere -g 安裝anywhere 3.在對應路徑下打開cmd,執行anywhere 這樣在家裏做手機頁面的時候只要啓動這個包,就能在

原创 v-html添加的內容,css樣式不起作用

v-html添加的內容,css樣式不起作用 在用vue給標籤內添加需要瀏覽器解析的文本內容時候,我們通常要用到v-html標籤,但是用了這個標籤後,我們無法對其內部標籤的樣式進行設置,那是因爲,v-html相當於引入外部組件內容。 現

原创 display flex設置寬度無效

display flex設置寬度無效 我們在做flex佈局的時候會經常用到這種 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta

原创 微信小程序頁面棧

微信小程序頁面棧 今天學到微信小程序的頁面棧這一節,發現一個很有意思的事情。 那就是getCurrentPages()這個方法 getCurrentPages() 函數用於獲取當前頁面棧的實例,以數組形式按棧的順序給出,第一個元素爲

原创 微信小程序的小坑(陸續更新)

微信小程序的小坑(陸續更新) 1.不能使用背景圖,只能使用image標籤。 在微信小程序裏使用背景圖的話,在開發工具中是可以看得見的,但是在手機中看不到,親測!

原创 Promise學習

Promise學習 閱讀廖雪峯的官方網站Promise後,自己記錄下理解。 Promise對象,其實就是承諾執行,怎麼解釋,看下面的例子。 new Promise(function (resolve, reject){ // 這兩個

原创 改變this的指向(js小知識)

改變this的指向 1.call() apply() bind()。 var color = 'green'; var o = { color: 'red' }; function sayColor(){

原创 邏輯與&&和邏輯或||的使用(js 小知識點)

邏輯與 && 邏輯與的情況分兩種 一、兩個數都是布爾值,只要有一個是false,那麼值就爲false。 二、其中有一個不是布爾值,那麼返回的就不是布爾值了,它遵循以下規則: 1. 有一個操作值是null NaN undefined,則

原创 數組檢測(js小知識)

數組檢測 1.通過Object().toString().call(arr),當然這種方法一樣可以檢測任意類型。 var arr = [1,2,3,4]; Object().toString().call(arr) // '[ob

原创 arr數組的方法(js小知識)

arr數組的方法 檢測數組Array.isArray(value),如果是數組返回true,否則返回false if (Array.isArray(value)) { //do something... } 轉換方法

原创 Date日期方法(js小知識)

Date方法合集 getTime()返回表示日期的毫秒數;與 valueOf() 方法返回的值相同 setTime( 毫秒 ) 以毫秒數設置日期,會改變整個日期 getFullYear()取得4位數的年份(如2007而非僅07) ge

原创 for in循環需注意(js 小知識點)

for in 使用for in的時候最好先檢查對象是否是undefined否則會報錯,null的話會不執行循環體。 var obj = { name: 'viven', age: 28 }; if (obj != und

原创 js設計模式——單例模式(讀書JavaScript設計模式與開發實戰筆記01)

單例模式 單例模式:保證一個類僅有一個實例,並提供一個訪問它的全局訪問點。 // 首先創建一個初始化的構造函數 var CreateDiv = function (html) { this.html = ht