小程式入坑記 懶載入

2022-08-29 18:09:14 字數 1282 閱讀 3562

小程式可以說是非常火熱了,開發周期短,頁面簡潔,資料控制方便,可以說結合了三大框架的特點

頁面以index為例

utils:工具類目錄,供全域性呼叫。在utils中封裝乙個tools工具類(axios獲取請求)

class tools 

axios(method, url, data) ,

success(res) else

},fail(res)

})})

}}export default tools

之後將頁面分成邏輯層和業務層:

邏輯層:在index同目錄下新建extend.js,目的是進行資料操作

import tools from '../../utils/tool.js'

class tools extends tools

getdata(fn, method = 'get', url, data = {}) ).catch((err) => )

}}export default tools

業務層:呼叫邏輯層的方法進行資料渲染

//獲取應用例項

import tools from './extend.js'

var tools = new tools()//例項化方法

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function(options) ,

loaddata() )

}, 'get', '', {})

},/**

* 生命週期函式--監聽頁面初次渲染完成

*/onready: function() ,

/*** 生命週期函式--監聽頁面顯示

*/onshow: function() ,

/*** 生命週期函式--監聽頁面隱藏

*/onhide: function() ,

/*** 生命週期函式--監聽頁面解除安裝

*/onunload: function() ,

/*** 頁面相關事件處理函式--監聽使用者下拉動作

*/onpulldownrefresh: function() ,

/*** 頁面上拉觸底事件的處理函式

*/onreachbottom: function() ,

/*** 使用者點選右上角分享

*/}})

index.wxml:

}

uniapp 小程式懶載入(自己封裝元件)

當然我寫的這個拉載入 只是針對效果圖,但是也很炫酷,適合列表哦!啊哈原理其實就是用了 load 和error 的2個方法來判斷是否載入完全 和出錯 image class real image load onloaded src realsrc mode mode error handleimger...

Cesium 入坑記(一)

我也不知道研究生生活第乙個專案居然是搞這個,研究半天才發現就是前端有關js的東西,我也是醉了 所以還是需要一些前端的基礎的,話不多說,開始第乙個專案的練習!獲取到安裝包之後 解壓從命令列中進入當前目錄 非常非常重要,當時就被這個弄糊塗了 開始安裝依賴,輸npm install,安裝的cnpm就用cn...

iOS懶載入有坑,使用懶載入時應該注意避免

如下面是乙個自定義的collectionview示圖的懶載入方法,當你呼叫 self.collectionview 後,此時 懶載入開始初始化,並返回collectionview例項物件,但是如果懶載入的 還沒有初始化完成並返回結果時,你再一次 self.collectionview 此時又會呼叫一...