JavaScript(总结)

基础语法

一. 对象

(1) 对象的继承

• 原型链继承:

1. 创建对象obj
2. 将对象obj.prototype指向被继承对象(多用于内置对象)
3. 为对象obj添加属性和方法

• Object.create(obj.prototype)继承

注意: 该继承的是对象的原型链。

---

客户端

一. 获取元素

1.获取文档的根元素

document.documentElement;返回html元素。

2.获取元素的style样式

window.getComputedStyle(element, [pseudoElt]);返回一个对象，该对象包含的任何该元素的所有CSS属性的值。

---

五.事件

5.滑动事件

var movestartX;
var movestartY;
var moveEndX;
var moveEndY;
document.body.addEventListener("touchstart",function(e){
    e.preventDefault();
    movestartX=e.targetTouches[0].pageX;
    movestartY=e.targetTouches[0].pageY;
    console.log(movestartX+'   '+movestartY);
    
});
document.body.addEventListener("touchmove",function(e){
    e.preventDefault();
    moveEndX=e.changedTouches[0].pageX;
    moveEndY=e.changedTouches[0].pageY;
    console.log(movestartX+'   '+movestartY);
    var x=moveEndX-movestartX;
    var y=moveEndY-movestartY;
    if(y<0){
        alert("上移");
    }
    if(y>0){
        alert("下移");
    }
});

---

五.自适应

1.meta自适应

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
该方法用于屏幕的自适应

• initial-scale 初始化大小
• maximum-scale 最大规模
• minimum-scale 最小规模
• user-scalable 用户的缩放功能

2.js动态自适应

步骤：

1. 获取html元素
2. 获取屏幕的宽度 document.body.clientWidth
3. 将html元素的fontSize设置为等比大小，以后的距离使用rem

例如：

function adaptScreen(){
            veriables.screenWidth=document.body.clientWidth;
            veriables.myBody=document.documentElement;
            veriables.myBody.style.fontSize=(veriables.myBody*(100/1280))+"px";
           //var sd=getCss(veriables.myBody);  产看body的大小
            //alert(sd.fontSize);
        }