part5 城市頁面列表開發

2022-09-03 18:42:11 字數 2333 閱讀 6145

1.配置路由

先在router資料夾中,建立乙個路由。引入元件

2.點選頁面跳轉

}

3.引入更高階區塊滾動 better-scroll

npm install better-scroll -s

......

t affect the scrolling

import bscroll from '@better-scroll/core'

4.如果是迴圈中的ref 賦值的name  那麼拿到這個ref的元素 需要用 this.$refs[name][0]

迴圈產生的ref this.$refs獲得的不是乙個標準dom元素 而是乙個陣列

5. 複雜列表布局

要做到乙個吸頂效果 並且有彈性上下拉動

//list元素 上設定絕對定位

position:absolute;

top: 0right 0left 0bottom 0

//相對於body 上下左右距離都是0

//然後

overflow: hidden

超出部分就隱藏

就造成無法拉動

吸頂 就top設定距離

//

然後解決 頁面固定了 如何拉動

//引入 better-scroll

import bscroll from '@better-scroll/core'

6.兄弟元件的聯動

//

借助ref 和 better-scroll

//實現指定元素的跳轉

//1.

this

.scroll.scrolltoelement(dom)

//其中this.scroll 是我們在mounted中註冊過的

mounted () ,

//2。ref

var element = this.$refs[this.clicklist][0]

//注意:⚠️迴圈得到的ref 是乙個陣列 需要加

7.字母表的滑動影響頁面跳轉(兄弟元件的聯動)

//

用到三個移動端繫結時間函式

@touchstart="touchstart"@touchmove="touchmove"@touchend="touchend"

//希望只有在touchstart之後才可以出發touchmove裡面的內容

//data裡面定義乙個 標示 。預設為false

data ()

},//然後method中定義

touchstart () ,

touchmove (e)

},touchend ()

//

其中需要重點關注的知識點

滑動時間event.touches[0].clienty 當前觸發時間的元素離頂部的距離

//我們用的方法為計算alphabet的單個字母長度。然後計算滑動的距離。除以字母長度,就知道滑到第幾個

//期間還用到watch (為物件,需要監聽的是資料物件格式,資料需要已經存在data)

//

也有快取效能 監聽資料不改變 它不作用

// computed 其他和watch一樣 就是資料不用定義data   一般資料計算都可以放在這裡  計算結果需要返回

//計算屬性 內建快取

//

當計算屬性計算出的結果 依賴的資料不發生改變的情況

計算屬性不多餘計算,可以提高效能//就算頁面重新渲染

8.列表切換效能優化

//函式中有計算固定值的 並且該函式頻繁被執行  那麼這個計算就多餘

// updated  一般有資料變動 放在這個生命週期函式中

因為頁面剛載入 通過父元件傳過來資料ajax還沒有拿到

當傳給子元件的資料改變的時候  子元件就會重新渲染 這個時候updated就會被執行

這個時候子元件就完全動態渲染好 這個時候拿資料 就是最新的  而且不溶於

!!要資料一定在拿到ajax資料後再拿

8.2 節流

move移動的頻率比較高 我們需要做乙個節流

//

data中設定乙個 timer:null

//然後move時間函式中

if(this

.timer)

else

,16)

//延遲16ms  如果16ms中還有滑動 就清除上次

//大大減少move 事件執行頻率提高效能

R開發 part5 導數計算

學習筆記,僅供參考,有錯必糾 一階導通過r語言可以使用deriv函式直接進行導數的計算,比如要計算y x 3y x 3 y x3 的導數,根據導數計算公式,用於手動計算的變形結果為y 3x 2y 3x 2 y 3x2 當x 1 x 1x 1時,y 3y 3 y 3 當x 2 x 2x 2時,y 12...

基本概念 part5

今天我們要正式的開始學習object型別 object型別又稱為物件型別,不僅僅只是在js中有物件型別,其他的語言裡面也有物件型別,但是js中的物件其實就是一組資料和功能的集合,那麼我們要怎麼建立乙個物件呢?new關鍵字就可以創造出來乙個新的物件 這裡想起了乙個段子,程式設計師的物件都是new出來的...

Part 5 多元函式基礎

設 d subset mathbb n,d not varnothing 如果存在乙個對應法則 f 對每乙個 p x 1,x 2 cdots x n in d 都有唯一的乙個實數 y 與之對應,則稱 f forall p in d mapsto y 是 d 上的 n 元函式,記作 y f p p i...