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...