工作日志

最近公司做原生开发，头大，但学的东西很多。建议大家以后面试工作以后，先看公司的接口文档规不规范。不然很很很心累。

获取url参数

function getParam(paramName) {
paramValue = "";
isFound = false;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
arrSource = decodeURI(this.location.search).substring(1, this.location.search.length).split("&");
i = 0;
while (i < arrSource.length && !isFound) {
if (arrSource[i].indexOf("=") > 0) {
if (arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase()) {
paramValue = arrSource[i].split("=")[1];
isFound = true;
}
}
i++;
}
}
return paramValue;
}

简单封装ajax

function getDatas(url, params, callback) {
console.log(api + url)
$.ajax({
type: 'get',
dataType: "jsonp",//免除跨域麻烦，jsonp没有post,自动转化get
data: params,
jsonp: "callback",
url: api + url,
success: function (data) {
callback(null, data)
},
error: function (xhr, textStatus, errorThrown) {
callback(errorThrown)
}
});
}

getDatas("XXXX", params, function (err, res) {
if (err) {
console.log(err)
return;
}else{

}

原型

function Person(json){
this.name=json.name
this.age=json.age
}
Person.prototype.say= function(){

}

Person是一个对象，它有一个prototype的原型属性（因为所有的对象都一prototype原型！）prototype属性有自己的prototype对象，而pototype对象肯定也有自己的constuct属性，construct属性有自己的constuct.or对象，神奇的事情要发生了，这最后一个constructor对象（Person.prototype.constructor）就是我们构造出来的function函数本身。还有new出来的实例对象，一个看不见的_Proto_指针，指向原型对象。

当函数对象本身的属性或方法与原型的属性或方法同名的时候：
1、默认调用的是函数对象本身的属性或方法.
2、通过原型增加的属性或方法的确是存在的.
3、函数对象本身的属性或方法的优先级要高于原型的属性或方法

借助DOM将参数传入。毕竟要请求数据接口需要指定栏目的属性值，就需要

"<div class='leader-List'data-id=" + leaderList[i].id + " data-tpe=" + leaderList[i].tpe + ">" //当然你也可以使用模拟字符串   `   ${}  `
var id = document.getElementByClassName(leader-List)[0].getAttribute('data-id')

条件判断的话，有种方法定义全局变量，控制，满足一项付新值，到最后根据值不同，做不同处理。像Vue自定义data(){}，react自定义state{}