前端HR告诉你每日前端题

1、

使用原生JS写一个兼容主流浏览器的事件添加和删除封装函数

vareventUtil={

addEvent:function(ele,type,handler){

if(ele.addEventListener){

ele.addEventListener("on"+type,handler,false)

}elseif(ele.attachEvent){

ele.attachEvent(type,handler)

}else{

ele.=handler

},

removeEvent:function(ele,type,handler){

if(ele.removeEventListener){

ele.removeEventListener(type,handler,false)

}elseif(ele.detachEvent){

ele.detachEvent("on"+type,handler)

}else{

ele=null

}

}

}

2、

冒泡排序

var arr =;

for (vari = 0; i < arr.length-1; i++) {

for (var j = 0; j < arr.length-i-1; j++){

if(arr < arr){

var temp = arr;

arr = arr;

arr = temp;

}

}

}

console.log(arr);

3、

jQuery对象和DOM对象相互转换

// 1. DOM对象转成 jQuery 对象

// 对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，$(DOM 对象) 注： var是定义变量

// 如：

var v =document.getElementById("v"); //DOM对象

var $v =$(v); //jQuery 对象

// 转换后，就可以任意使用jQuery 的方法。

// 2.jQuery 对象转成 DOM 对象

// 两种转换方式讲一个jQuery 对象转换成 DOM 对象： 和 .get(index)；

// (1)jQuery 对象是一个数据对象，可以通过 的方法，来得到相应的 DOM 对象。

// 如：

var $v =$("#v"); //jQuery 对象

var v =$v; //DOM 对象

//alert(v.checked); //检测这个checkbox是否被选中

// (2)jQuery 本身提供，通过.get(index) 方法得到相应的 DOM 对象

// 如：

var $v =$("#v"); //jQuery 对象

var v = $v.get(0); //DOM对象 ( $v.get() 也可以 )

4、

从用户输入一个网址到网页Z终展现到用户面前，中间究竟发生了什么？

/*

大致流程总结如下：

1.输入地址

2.浏览器查找域名的 IP 地址（这一步包括 DNS 具体的查找过程，包括：浏览器缓存->系统缓存->路由器缓存...）

3.浏览器向 web 服务器发送一个 HTTP 请求

4.服务器的永久重定向响应（从http://example.com 到 http://www.example.com）

5.浏览器跟踪重定向地址

6.服务器处理请求

7.服务器返回一个 HTTP 响应

8.浏览器显示 HTML

9.浏览器发送请求获取嵌入在HTML 中的资源（如图片、音频、视频、CSS、JS等等）

10.浏览器发送异步请求

*/

jpg?v=1.0.3" dataImg="http://img.deyi.com/forum/201702/05/11010974ma7z444z0rsm2q.jpg?x-oss-process=image/resize,m_lfit,w_640/watermark,type_ZmFuZ3poZW5naGVpdGk=,size_20,text_5b6X5oSP55Sf5rS7,color_FFFFFF,shadow_50,t_100,g_se,x_10,y_12" />