index
2018最新Web前端经典面试试题及答案 __wu
javascript
JavaScript中如何检测一个变量是一个String类型？请写出函数实现
typeof(obj) ==="string";
typeof obj ==="string";
obj.constructor === String;
请用js去除字符串空格？
方法一：使用replace正则匹配的方法
//去除所有空格
str=str.replace(/s*/g,"");
//去除两头空格
str=str.replace(/^s*|s*$/g,"");
//去除左空格
str=str.replace(/^s*/,"")
//去除右空格
str=str.replace(/(s*$)/g,"")
str为要去除空格的字符串，实例如下：
var str=" 23 23 ";
var str2=str.replace(/s*/g,"");
console.log(str2);//2323
方法二：使用str.trim()方法
str.trim()局限性：无法去除中间的空格，实例如下：
var str=" xiao ming ";
var str2=str.trim();
console.log(str2);//xiao ming
同理，str.trimLeft(),str.trimRight()分别用于去除字符串左右空格。
方法三：使用jquery, $.trim(str)方法
$.trim(str)局限性：无法去除中间的空格，实例如下：
var str=" xiao ming ";
var str2=$.trim(str);
console.log(str2);//xiao ming
你如何获取浏览器url中查询字符串中的参数？
测试地址
实例如下：
function showWindowHref(){
var sHref = window.location.href;
var args = sHref.split('?');
if(args[0] == sHref){
return "";
}
var arr = args[1].split('&');
var obj = {};
for(var i = 0;i< arr.length;i++){
var arg = arr[i].split('=');
obj[arg[0]] = arg[1];
}
return obj;
}
var href=showWindowHref();//obj
console.log(href['name']);//xiaoming
js字符串方法
常用的字符串方法
1）concat()-将两个或多个字符的文本组合起来，返回一个新的字符串。
2）indexOf()-返回字符串中一个子串第一次出现的索引。如果没有匹配项，返回-1.
3）charAt()-返回指定位置的字符。
4）lastIndexOf()-返回字符串中一个子串最后一次出现的索引，如果没有匹配项，返回-1.
5）match()-检查一个字符串是否匹配一个正则表达式。
6）substr()-返回从string的startPos位置，长度为length的字符串。
7）substring()-返回字符串的一个子串。传入参数是起始位置和结束位置。
8）slice()-提取字符串的一部分，并返回一个新的字符串。
9）replace()-用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
10）search()-执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回-1。
11）split()-通过将字符串划分成子串，将一个字符串做成一个字符串数组。
12）length-返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
13）toLowerCase()-将整个字符串转成小写字母。
14）toUpperCase()-将整个字符串转成大写字母。
怎样添加、移除、移动、复制、创建和查找节点？
1）创建新节点
createDocumentFragment();//创建一个DOM片段
createElement();//创建一个具体的元素
createTextNode();//创建一个文本节点
2）添加、移除、替换、插入
appendChild();//添加
removeChild();//移除
replaceChild();//替换
insertBefore();//插入
3）查找
getElementsByTagName();//通过标签名称
getElementsByName();//通过元素的Name属性的值
getElementById();//通过元素id，唯一性
getElementsByClassName();//通过元素类名，ie不认识
写出三个使用this的典型应用
1）在html元素事件属性中使用，如：
2)构造函数
function Animal(name,color){
this.name=name;
this.color=color;
}
3)input点击，获取值
缺点：
1、这种方式无法发送post请求（这里）
2、另外要确定jsonp的请求是否失败并不容易，大多数框架的实现都是结合超时时间来判定。
谈谈垃圾回收机制方式及内存管理
回收机制方式
1）定义和用法：垃圾回收机制（GC：Garbage Collection），执行环境负责管理代码执行过程中使用的内存。
2）原理：垃圾收集器会定期（周期性）找出那些不再继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行。
3）实例如下：
function fn1(){
var obj={
name:'hanzichi',
age:'10'
}
}
function fn2(){
var obj={
name:'hanzichi',
age:10
}
return obj;
}
var a=fn1();
var b=fn2();
fn1()中定义的obj为局部变量，而当调用结束后，出了fn1的环境，那么该快内存会被js引擎中的垃圾回收期自动释放；在fn2被调用的过程中，返回的对象被全局变量b所指向，所以该快内存并不会被释放。
4）垃圾回收策略：标记清除（较为常用）和引用计数。
标记清除：
定义和用法：当变量进入环境时，将变量标记“进入环境”，当变量离开环境时，标记为：“离开环境”。某一个时刻，垃圾回收机会过滤掉环境中的变量，以及被环境变量引用的变量，剩下的就是被视为准备回收的变量。
到目前为止，IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或类似的策略，只不过垃圾手机的时间间隔互不相同。
引用计数：
定义和用法：引用技术是跟踪记录每个值被引用的次数。
基本原理：就是变量的引用次数，被引用一次则加1，当这个引用计数为0时，被视为准备回收的对象。
内存管理
1）什么时候触发垃圾回收?
垃圾回收器周期性运行，如果分配的内存非常多，那么回收工作也会很艰巨，确定垃圾回收事件间隔就变成了一个值得思考的问题。
IE6的垃圾回收是根据内存分配量运行的，当环境中的变量、对象、字符串达到一定数量时触发垃圾回收。垃圾回收期一直处于工作状态，严重影响浏览器性能。
IE7中，垃圾回收器会根据内存分配量与程序占用内存的比例进行动态调整，开始回收工作。
2）合理的GC方案：
（1）遍历所有可访问的对象
（2）回收已不可访问的对象
3）GC缺陷：
停止响应其他操作
4）GC优化策略：
（1）分代回收（Generation GC）
（2）增量GC