前端面试

面试题

基础

1. 请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式

2. ::before 和:before中双冒号和单冒号有什么区别？解释一下作用。

3. css选择器有哪些？优先级如何？

4. 设置元素浮动后，该元素的display是什么？

5. 如何区分 xHTML 和 HTML5？

6. HTML5的form如何关闭自动完成功能？

7. 请写出一个安全的网页字体序列

8. js获取到页面中所有的checkbox？（不使用第三方框架）

9. 从本地页面获取http://emall.jerei.com/ec/goods/doSearchCatMenu.do 地址返回的数据并输出在控制台（任何方式皆可）

10. 200、500、404，301，304，以上数字在http传输中分别代表什么含义。

进阶

1. 有这样一个URL地址（非字符串）：http://www.jerei.com/4G/shop.htm?a=1&b=2&c=&d=xxx&e，请写一段JS程序提取URL中的各个GET参数(参数名和参数个数不确定)，将其按key-value形式返回到一个json结构中，目标结果：{a:'1', b:'2', c:'', d:'xxx', e:undefined}

2. 下面这个ul，如何点击每一列的时候alert其索引值?（不使用第三方库）

   <ul id='test'>
       <li>这是第一条</li>
       <li>这是第二条</li>
       <li>这是第三条</li>
   </ul>

3. 文字与图片垂直居中对齐方法（考虑兼容性）地址

4. 不修改数据的情况下修改代码至如下图。（代码包含jQuery1.8.3）地址
   

5. 请根据num倒序排序

   var arr = [
       {name:'A',num:4},
       {name:'G',num:3},
       {name:'V',num:5},
       {name:'A',num:2},
       {name:'X',num:9},
       {name:'R',num:6},
       {name:'N',num:undefined},
   ]

其他

1. js中常用设计模式有哪些？以下是哪一种？如何调用？请试图用其他模式实现如下功能。

   function createNinjia(name, weapon) {
       return {
           name: name,
           weapon: weapon,
           sayHello: function() {
               console.log(name + '向你发射了一把' + weapon);
           }
       }
   }

2. 有哪些页面性能优化的方法？

3. 以下三种生成对象的方法返回的对象有什么区别?

       var obj1 = {};
       var obj2 = new Object();
       var obj3 = Object.create(null);

4. 如何实现以下函数？

sum(2, 5); // 7
sum(2)(5); // 7