1、简述同步和异步的区别
同步是阻塞模式,异步是非阻塞模式。
同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将
会一直等待下去,直到收到返回信息才继续执行下去;
异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时
系统会通知进程进行处理,这样可以提高执行的效率
2、怎样添加、移除、移动、复制、创建和查找节点?
1)创建新节点
createDocumentFragment()//创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
2)添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
3)查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性
3、如何消除一个数组里面重复的元素?
var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];
//定义一个新的数组
var s = [];
//遍历数组
for(var i = 0;i<arr.length;i++){
if(s.indexOf(arr[i]) == -1){ //判断在s数组中是否存在,不存在则push到s数组中
s.push(arr[i]);
}
}
console.log(s);
//输出结果:["abc", "abcd", "sss", "2", "d", "t", "ss", "f", "22"]
4、写一个function,清除字符串前后的空格。(兼容所有浏览器)
function trim(str){
if(str&&typeof str ===="string"){
return this.replace(/(^\s*)|(\s*$)/g, "");//去除前后空白符
}
}
4、数组快速排序
var examplearr=[8,94,15,88,55,76,21,39];
function sortarr(arr){
for(i=0;i<arr.length-1;i++){
for(j=0;j<arr.length-1-i;j++){
if(arr[j]>arr[j+1]){
var temp=arr[j];
arr[j]=arr[j+1];
arr[j+1]=temp;
}
}
}
return arr;
}
5、统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。
var str = "aaaabbbccccddfgh";
var obj = {};
for(var i=0;i<str.length;i++){
var v = str.charAt(i);
if(obj[v]&&obj[v].value==v){
obj[v].count=++obj[v].count;
}else{
obj[v]={};
obj[v].count=1;
obj[v].value=v;
}
}
for(key in obj){
console.log(obj[key].value+'='+obj[key].count+'');//a=4 b=3 c=4 d=2 f=1 g=1 h=1
}
6.js事件冒泡和捕获
事件冒泡:子元素事件的触发会影响父元素事件
//阻止冒泡
$(".box1 a").click(function(event){
event.stopPropagation();
});
//阻止默认事件
$(".box1 a").click(function(event){
event.preventDefault();
});
//此jquery既阻止默认行为又停止冒泡
$("#div1").on('click',function(){
return false;
});
事件捕获:父元素的事件会影响子元素事件
7.请说说事件委托机制?这样做有什么好处
答:事件委托,就是某个事件本来该自己干的,但是自己不干,交给别人来干。就叫事件委托。打个比方:一个
button 对象,本来自己需要监控自身的点击事件,但是自己不来监控这个点击事件,让自己的父节点来监控自己
的点击事件。
好处:
A,提高性能:列如,当有很多 li 同时需要注册事件的时候,如果使用传统方法来注册事件的话,需要给每
一个 li 注册事件。然而如果使用委托事件的话,就只需要将事件委托给该一个元素即可。这样就能提高性能。
B,新添加的元素还会有之前的事件;
$('ul').on('click', 'li', function() {
//function code here.
});
8.如何判断一个数组是数组?
1.[] instanceof Array true/false
2. arr.constructor == Array true/false
3. ES5:Array.isArray() true/false
4. Object.prototype.toString.call([])==="[object Array]"true/false
5.目前完美方法
function isArray(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}
8、说说你对 this 的理解?
答:this 是一个关键字,它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。
1.作为纯粹的函数调用 this 指向全局对象
2.作为对象的方法调用 this 指向调用对象
3.作为构造函数被调用 this 指向新的对象(new 会改变 this 的指向)
4.apply 调用 this 指向 apply 方法的第一个参数
9、例举 3 中强制类型转换和 2 中隐式类型转换?
答:强制
转化成字符串 toString() String()
转换成数字 Number()、 parseInt()、 parseFloat()
转换成布尔类型 Boolean()
隐式
拼接字符串 例子 var str = "" + 18
- / % ===