一、JavaScript緩衝公式ease

原生JS沒有自己的緩衝公式，但是你要自己推理的話，必須要懂一些數學和物理公式：

讓div用100毫秒（幀），從left100px的位置變化到left800px的位置，要求勻速：

大致計算如下：

t是時間增量，b為100，c為700，d為100

首先b、c、d三個參數（初始值、變化量、持續時間）在運動開始前，是需要確定好的。

舉例：

div要向右緩動，left初始值100，那麼b就是100，要向右移動700，那麼c就是700，至於d的設置就比較靈活，只要符合t是從0向d遞增或遞減就可以了

d根步驟配合使用來設置持續時間，例如d設置為100，如果設置步長是1，那麼從0到100就有100步，即分100次完成這個過程，步數越多那麼持續時間就越長。

var oDiv = document.getElementsByTagName('div');
var f = 0;
var timer = setInterval(function(){
   f++;
   if(f >= 100){
       clearInterval(timer);
   }
   oDiv[0].style.left = linear(f,100,700,100) + "px";
   oDiv[1].style.left = ease_2(f,100,700,100) + "px";
   oDiv[2].style.left = ease_3(f,100,700,100) + "px";
   oDiv[3].style.left = ease_sin(f,100,700,100) + "px";
   oDiv[4].style.left = ease_sin2(f,100,700,100) + "px";
},20);
// 推理出的勻速公式
function linear(t,b,c,d){
    return b + t * c / d;
}
function ease_2(t,b,c,d){
    return b + t * t * c / (d * d);
}
function ease_3(t,b,c,d){
    return b + t * t * t * c / (d * d * d);
}
function ease_sin(t,b,c,d){
    return b + Math.sin(t/20) * c / Math.sin(d/20);
}
 function ease_sin2(t,b,c,d){
    return b + Math.sin(t/20)*Math.sin(t/20) * c / (Math.sin(d/20)*Math.sin(d/20));
}

二、檢測設備跳轉

if(/(iPhone|iPad)/i.test(navigator.userAgent)){
    //如果當前設備是手持設備，就跳轉到以下網址
    window.location.href = 'https://m.taobao.com/';
}else if(/(Android)/i.test(navigator.userAgent)){
    window.location.href = 'https://m.baidu.com/';
}

三、Date日期對象

Date() 方法可返回當天的日期和時間

 JavaScript基礎就到這裡了，後續一些知識點我們在面向對象再見面吧，如果有哪些知識點遺漏了，請聯繫我補充謝謝。

ps:儘量讓它越來越規範，前期的文章都是本人的學習時的筆記整理，希望看完後可以指點一二，提提意見多多交流； 

筆記流程：html>css>javascript>jquery>html5/css3>移動端>ajax>面向對象>canvas>nodejs>es678>vue>react>小程式>面試問題

意見請留言，郵箱：[email protected]