分类 Javascript 下的文章
一个数组去重的简单实现
var arr = [1, 2, 3, 4, 5, 6, 7, 3, 2, 1];
console.log(unique(arr));
function unique(arr) {
var o = {};
for (var i = 0; i < arr.length; i++) {
o[arr[i]] = 1;
}
return Object.keys(o);
}
关于事件
DOM0级事件
//事件绑定
target.event = function() {}
//事件删除
target.event = null;
DOM2级事件
//事件绑定
target.addEventListener(event,handler,false);
//删除事件
target.removeEventListener(event,handler,false);
function handler() {console.log("123");}
jsonp跨域的实现
jsonp跨域原理
1.利用script标签的src属性来跨域
2.用script标签加载资源没有跨域问题
一个跨域的例子
百度的搜索关键字就是通过jsonp跨域获取的
通过请求可以确定百度获取关键字的接口类似于下面这样：https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=6&json=1&p=3&sid=&req=2&bs=b&csor=1&cb=jQuery110207041980424810492_1512634067560&_=1512634067572
ajax如何实现、readyState五种状态的含义
ajax实现
var getXmlHttpRequest = function () {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
//低版本的IE浏览器没有提供XMLHttpRequest对象
//所以必须使用IE浏览器的特定实现ActiveXObject
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
xhr.open("TYPE", "URL", true);
xhr.send("");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
//数据在xhr.responseText
}
};
readyState的四种状态
js闭包
闭包就是能够读取其他函数内部变量的函数
来自阮一峰博客
例如
function f1(){
var n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
__proto__和prototype的区别和关系
计算滚动条的宽度
在做一个图片放大功能，给html加上overflow:hidden之后发现网页会跳动
原因是hidden之后，滚动条消失，body的宽度就会增加。
看了一下知乎的实现，大概就是先计算出滚动条的宽度，当html加overflow:hidden的时候，让html本身向右偏移，偏移的像素就是滚动条的宽度。同理，滚动条出现的时候，取消偏移。
滚动条宽度 = 窗口宽度 - 内容宽度
width = window.innerWidth - document.body.scrollWidth移动端滚动穿透问题新解
今天遇到一个问题，就是在一个弹出层里面有一个可滚动的列表，当列表弹出层列表滚动的时候，原来的页面也跟着滚动了，体验相当不好。
在PC还好，可以给body一个overflow:hidden完事，在移动端却不管用啊
查了一下，这个叫移动端滚动穿透，一个大神给出了解决方案：点这里，感觉还是太麻烦了
然后自己琢磨了一番，想到了一个简单的处理方法。
既然滚动是因为内容超出了父级容器，那么就好办了，直接让内容不超出就好了。
直接让内容脱离文档流，使用position:fixed，当弹出层弹出的时候直接在body上加绝对定位position:fixed，当弹出层消失的时候，把原来页面的定位去掉。嗯，就这么简单。
看代码