ie和火狐的事件机制有什么区别?
ie只支持事件冒泡
火狐采用dom标准(先捕获后冒泡)的机制
如何阻止事件冒泡?
ie:e.cancleBubble=true
火狐:e.stopPropagation()
js本地对象、内置对象和宿主对象?
本地对象 Array RegExp String Boolean Number Date 等可以被实例化
内置对象 Global Math 不可以被实例化
宿主对象 DOM BOM
什么是闭包?为什么要用闭包?闭包的缺点?
闭包就是能够读取其他函数内部变量的函数,它定义在函数的内部,是将函数内部和函数外部连接起来的一座桥梁
用闭包来模拟私有方法
闭包会使得函数中的变量都保存在内存中不被释放,所以应该避免滥用闭包。会造成内存泄漏性能下降,用完应该及时释放
js延迟加载的方法有哪些?
setTimeout
defer async='true'
js文件放在页面的body下
动态创建script标签
ajax的优缺点
页面无刷新 用户体验好
异步方式与服务器通信,响应更加迅速
减少服务器压力
不支持浏览器回退按钮
暴露了交互的细节
对搜索引擎交互弱
不容易调试
ajax的交互模型
1.用户发出异步请求
2.创建xmlHttpRequest对象
3.打开连接open
4.发送请求send
5.监听状态并处理数据
同步和异步的区别
同步:发送一个请求,需要等待返回后才能再发下一个请求
异步:发送一个请求,不需要等待返回,随时可以再发送下一个请求
获取索引三种方式
//闭包
var wrap = document.getElementById('wrap');
var li = document.getElementsByTagName('button');
for(var i =0;i<li.length;i++){
(function(){
var n = i;
li[i].οnclick=function(){
alert(n);
}
})(i)
}
//es6
function foo(){
'use strict';
for(let i = 0;i<li.length;i++)
{
li[i].οnclick=function(){
alert(i);
}
}
}
foo();
//事件委托
wrap.addEventListener('click',function(){
var e = e||event;
var tar = e.target||e.srcElement;
for(var i = 0;i<li.length;i++){
if(li[i]==tar){
alert(i);
}
}
})
ie只支持事件冒泡
火狐采用dom标准(先捕获后冒泡)的机制
如何阻止事件冒泡?
ie:e.cancleBubble=true
火狐:e.stopPropagation()
js本地对象、内置对象和宿主对象?
本地对象 Array RegExp String Boolean Number Date 等可以被实例化
内置对象 Global Math 不可以被实例化
宿主对象 DOM BOM
什么是闭包?为什么要用闭包?闭包的缺点?
闭包就是能够读取其他函数内部变量的函数,它定义在函数的内部,是将函数内部和函数外部连接起来的一座桥梁
用闭包来模拟私有方法
闭包会使得函数中的变量都保存在内存中不被释放,所以应该避免滥用闭包。会造成内存泄漏性能下降,用完应该及时释放
js延迟加载的方法有哪些?
setTimeout
defer async='true'
js文件放在页面的body下
动态创建script标签
ajax的优缺点
页面无刷新 用户体验好
异步方式与服务器通信,响应更加迅速
减少服务器压力
不支持浏览器回退按钮
暴露了交互的细节
对搜索引擎交互弱
不容易调试
ajax的交互模型
1.用户发出异步请求
2.创建xmlHttpRequest对象
3.打开连接open
4.发送请求send
5.监听状态并处理数据
同步和异步的区别
同步:发送一个请求,需要等待返回后才能再发下一个请求
异步:发送一个请求,不需要等待返回,随时可以再发送下一个请求
获取索引三种方式
//闭包
var wrap = document.getElementById('wrap');
var li = document.getElementsByTagName('button');
for(var i =0;i<li.length;i++){
(function(){
var n = i;
li[i].οnclick=function(){
alert(n);
}
})(i)
}
//es6
function foo(){
'use strict';
for(let i = 0;i<li.length;i++)
{
li[i].οnclick=function(){
alert(i);
}
}
}
foo();
//事件委托
wrap.addEventListener('click',function(){
var e = e||event;
var tar = e.target||e.srcElement;
for(var i = 0;i<li.length;i++){
if(li[i]==tar){
alert(i);
}
}
})