三七互娱2018校招前端笔试题

1、正则表达式考察题

1）格式为： 2016-12-12类型的日期格式校验正则表达式；

2）字符串解析：将格式诸如“[img:(src...)]”的字符串解析替换为“<a href="src..."><img src='src...'></a>”;

2、使用ajax（可使用jQuery框架，若使用其他框架请注明）写一个跨域异步获取json数据方案；说说能否使用javascript进行跨域异步post数据。

var url = " http://www.37.com";

3、已知数组如下，请用js完成以下请求，需写出详细实现步骤。

1）从大到小排序testArray各项；

2）在testArray数组首尾分别添加数字11,99；

3）在testArray数组元素61后插入62,63,64；

4）将testArray数组反转输出算法，第一位放在最后一位，以此类推；

5）将testArray去重算法。

4、写一个input输入框样式，要求如下：

1）背景图片为bg.jpg，图片不重复显示，左对齐，背景颜色为蓝色（颜色用英文即可）；

2）宽200像素，高50像素；

3）边框为5像素绿色的虚线；

4）边框圆角半径3像素；

5）边框阴影效果，模糊距离3像素，垂直偏移2像素，水平偏移1像素；

6）输入字符上下居中，左对齐。

7）清除两边浮动；

8）水平垂直居中与视口。

5、请用HTML5标签写一个符合语义化的页面，页面中有导航栏、页眉、页脚、文字内容以及图片内容。

6、描述zepto touch模块的移动事件？click与tap的区别？tap底层是对哪些事件的封装？

7、前端如何对web进行性能上的优化？有什么检测工具？

8、请编写子类Child，通过原型链方法和构造器方法实现People父类继承，并调用say()说出自己的名字和年龄。

function People(name,age){

this.name = name;

this.age = age;

this.say = function(){

alert(this.name + '年龄： '+ this.age);

}

}

9、算法题：请用js实现冒泡排序算法。

function bubbleSort(array){}

10、说说你所知道的提高前端开发效率的工具或方法？

11、CSS选择器的优先级如何定义？如何做选择器优化？