前端笔试题

2018年9月14日的一次笔试题。

JS部分:

1,typeof [];  // "object"

2,[].constructor == Object; // false                            [].constructor == Array ; // true

3,请实现“<a id = "qqlink"  href = "http://www.qq.com">qq</a>”用户点击qq时不允许浏览器跳转到qq.com。

答:event.preventDefault();

4,

var x = 10;
var foo = {
    x: 20,
    bar: function() {
        var x = 30;
        return this.x;
    }
};
console.log( foo.bar() );  //20
console.log( (foo.bar)() ); //20
console.log( (foo.bar = foo.bar)() ); //10
console.log( (foo.bar, foo.bar)() ); //10
console.log( foo.bar.call(window)); //10
console.log( foo.bar.call(foo) ); //20

5,请实现函数substring(beginIndex, endIndex),不允许使用javascript标准的substring函数。

function substring (startIndex, endIndex) {
    var str = this;
    var strArr = str.split(‘‘).splice(startIndex, endIndex-startIndex).join(‘‘);
    return strArr;
}
var str = "hello world";
substring.call(str,1,4);   //"ell"

6,请实现一个函数unique(Array  arr ),功能是去除数组中重复的数据。

function unique(arr) {
    var len = arr.length;
    var res = [];
    for(var i = 0; i < len; i++){
        if(res.indexOf(arr[i]) == -1){
            res.push(arr[i]);
        }
    }
    return res;
}
var arr = [‘1‘,‘2‘,‘3‘,‘1‘];
unique(arr);   // [‘1‘,‘2‘,‘3‘]

以上代码只能实现值的去重,无法去除数组中对象的重值。

7,var s = {1:1, 2:2, };  alert(s[‘1‘]),在chrome、ff4、IE6下的运行结果各是什么?

答:    1    1    报错

8,密码输入框的规则是:

1,首位必须是字母且大写;

2,由3-15位字母,数字或下划线组成

请使用正则表达式描述此规则。

答:/^[A-Z][A-Za-z0-9_]{3,15}/ 或者/^[A-Z]\\w{3,15}/

9,写一个函数 revertInt( Number nb )功能是反转整数,输出为反转后的结果,符号保持不变。如输入123,输出321。

function revertInt( nb ) {
    var nbStr = nb.toString();
    var nbArr = nbStr.split(‘‘).reverse().join(‘‘);
    return Number(nbArr);
}
revertInt(123);   //321

10,写一个函数readInt(Number nb ),功能是读出整数,如输入123期望的输出是“一百二十三”。

CSS部分:

1,CSS中display:inline 与 block, inline-block三者有什么区别。

2,CSS中visibility:hidden 与 display:none 有什么区别。

3,划一条水平线,不允许使用<hr>,注意浏览器兼容性。

4,CSS定义中{margin: 0px  20px  10px},margin-top, right, bottom, left各是多少。

5,CSS实现 3*3的表格,不用<table>。

综合题:

1,列举常用的网站优化的方法。

2,什么是js跨域,原因是什么,解决方法是什么。

3,列举html5包含的新特性。

4,列举http header并简要说明其作用。

5,什么是doctype,有什么作用。

面试:

1,cookie,sessionStorage和localStorage

2,http缓存机制

3,301、302、304状态码

4,XSS ,  XSRF

5,bootstrap网格原理,template.js原理

6,jquery和vue的区别

原文地址:https://www.cnblogs.com/songya/p/9648825.html

时间: 09-14

前端笔试题的相关文章

&lt;转&gt;网易2016实习生前端笔试题部分总结

网易2016实习生前端笔试题部分总结 原文地址:http://www.cnblogs.com/venoral/p/5325202.html 这只是部分题,答案为个人观点如有错误欢迎指出,感觉考点都挺基础,但是很注重考细节方面,通过整理也知道自己在CSS3和HTML5,网络知识等方面的不足还是得多学多练多思考.攒rp,希望自己在明天360笔试中能轻松答过~ css 1.多选 //HTML <p>很长的一段文字,很长的一段文字,很长的一段文字,特别长的文字</p> //CSS p{ w

阿里2道前端笔试题+堆糖2道前端笔试题

阿里前端笔试题 1.一个表格HTML代码如下 <table id="table1"> <tbody> <tr><td>1</td><td><button>Delete</button></td></tr> <tr><td>2</td><td><button>Delete</button></

经典的阿里前端笔试题

1 请说明下面各种情况的执行结果,并注明产生对应结果的理由. function doSomething() { alert(this); } ① element.onclick = doSomething,点击element元素后. ② element.onclick = function() {doSomething()}, 点击element元素后. ③ 直接执行doSomething(). 参考答案: 1.element:调用执行时直接指向事件元素. 2.window:函数调用中的 thi

百度2015年前端笔试题(南京区域)

1,考前也差了百度前几年的笔试题,发现每年每个地方都不一样,不过变化都不大,涉及的都是基础的知识. 2,从出题看,题目也都很即兴,应该百度也并没有设立题库什么的吧,所以发出来应该没问题吧. 大家本着提高自己前端知识的目的,讨论提高自己即可. [图片穿不上来,回头再传] 1,2不说了,都是基础. 第3题,之前没搞过,只看过一些概念,所以只回答了个大概.回来差了相关资料,大家可参考如下文章: 概述: http://www.kuqin.com/webpagedesign/20111126/315405

各个公司前端笔试题回顾

京东:选择题30个,算法题2个,5个简答题:120分钟 选择题涉及范围很广:算法,操作系统,liunix,前端等. 1.优雅降级和渐进增强: 2.图片轮播:(可以讲原理或者代码) 3.cookies,sessionStorage ,localStorage的区别: 4.盒模型,行内元素和块级元素的概念 5.前端性能优化 两道编程题:只有你把平等看待java,c++和前端,也说明你不懂前端....... CVTE:25道选择题,2道编程题:90分钟 选择题:数据库,前端,计算机网络: 1.图片轮播

Web前端笔试题

1.网页经常用到的图片格式有几种,它们之间有什么不同点和用途? jpg是一种有损图片压缩格式,支持的颜色数量很多,适用于保存颜色较多且比较复杂的摄影图片或写实图像,且生成的文件体积较小: jpg格式是一种大小与质量相平衡的压缩图片格式.通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小.反之,低的压缩比=高的图片质量=大的文件大小.由于jpg文件无法保持100%的原始图像的像素数据,所以它不被认为是一种无损图像格式. 注:jpg,jpeg这两种格式其实是一样的. 用途:由于这种极其敏感的平

前端笔试题解答

一.<!DOCTYPE>标签的定义与用法. 答:定义: <!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前.此标签可告知浏览器文档使用哪种HTML或XHTML规范. 该标签可声明三种DTD类型,分别表示严格版本.过渡版本以及基于框架的HTML版本.(假如文档中的标记不遵循doctype声明所指定的DTD,这个文档除了不能通过代码校验之外,还有可能无法在浏览器中正确显示.) 用法: a.如果需要干净的标记,免于表现层的混乱,用XHTML Stric

2018-58集团-前端笔试题(2017.8.22)

总共有4个题型:填空题(10个).简答题(5个).应用题(2个).编程题(1个) 一.填空题(10个) 1.相对单位,rem相对于__________,em相对于__________. 2.3+true=__________,'5'+3=__________. 3.position的属性值有哪些:__________,__________,____________,___________. 4.标准盒模型包含哪些属性:__________,__________,__________,______

跪在某度秋招Web前端笔试题下

今晚跑去华工参加百度Web前端的笔试,做完之后交卷,本来感觉是“为之四顾,为之踌躇满志”的.其中一道题目是关于数组的,回来在电脑上面一敲,顿时为自己的智商和知识羞愧了. 多话不说,直接上题目吧.大概是酱紫的: 代码如下,请写出输出的结果. 1 <script> 2 var str = 'john'; 3 var str2 = 'angus'; 4 5 var arr1 = str.split(''); 6 var arr2 = arr1.reverse(); 7 var arr = str2.

前端笔试题集合(三)

欢迎大家不吝赐教. No.21 ‘data-’属性的作用是什么? data-为前端开发者提供自定义的属性,这些属性集可以通过对象的dataset属性获取,不支持该属性的浏览器可以通过getAttribute方法获取.ppk提到过使用rel属性,lightbox库推广了rel属性,HTML5提供了data-做替代,这样可以更好地使用自定义的属性. No.22 请为JavaScript每个Array对象添加一个类似于PHP的shuffle()的方法. var data = new Array(0,