有哪些经典的 Web 前端或者 JavaScript 面试笔试题
1.JavaScript是一门什么样的语言，它有哪些特点？
没有标准答案。
2.JavaScript的数据类型都有什么？
基本数据类型：String,Boolean,Number,Undefined, Null
引用数据类型：Object(Array,Date,RegExp,Function)
那么问题来了，如何判断某变量是否为数组数据类型？
方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效
方法二.obj instanceof Array 在某些IE版本中不正确
方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：
if(typeof Array.isArray==="undefined")
{
Array.isArray = function(arg){
return Object.prototype.toString.call(arg)==="[object Array]"
};
}
3.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)
1
document.getElementById(“ID”).value
4.希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)
var domList = document.getElementsByTagName(‘input’)
var checkBoxList = [];
var len = domList.length; //缓存到局部变量
while (len--) { //使用while的效率会比for循环更高
if (domList[len].type == ‘checkbox’) {
checkBoxList.push(domList[len]);
}
}
一、不定项选择题 （每题3分，共30分）
1. 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:”zhangsan”,show:”alert(this.name)”};
C. var obj = {name:”zhangsan”,show:function(){alert(name);}};
D. var obj = {name:”zhangsan”,show:function(){alert(this.name);}};
2. 以下关于Array数组对象的说法不正确的是（ CD ）
A. 对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数
B. reverse用于对数组数据的倒序排列
C. 向数组的最后位置加一个新元素，可以用pop方法
D. unshift方法用于向数组删除第一个元素
3. 要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ A ）
A. window.status=”已经选中该文本框”
B. document.status=”已经选中该文本框”
C. window.screen=”已经选中该文本框”
D. document.screen=”已经选中该文本框”
4. 点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（ AD ）
A. <input type=”button” value=”new”
onclick=”open(‘new.html’, ‘_blank’)”/>
B. <input type=”button” value=”new”
onclick=”window.location=’new.html’;”/>
C. <input type=”button” value=”new”
onclick=”location.assign(‘new.html’);”/>
D.
5. 使用JavaScript向网页中输出hello，以下代码中可行的是（ BD ）
A.
document.write(hello);
B.
document.write(“hello”);
C.
hello
在应聘前端程序员时，在笔试部分经常会考到字符串处理的问题。这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下，用比较简洁的方式写出答案来。就具体的字符串处理问题，郑州尚学堂给大家分享一下。
1、字符串转换
字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种：
var num= 19; // 19
var myStr = num.toString(); // "19"
你同样可以这么做：
var num= 19; // 19
var myStr = String(num); // "19"
或者，再简单点儿：
var num= 19; // 19
var myStr = "" +num; // "19"
2、字符串分割
字符串分割，即将一个字符串分割为多个字符串，JavaScript中给我们提供了一个非常方便的函数，如：
var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr .split(","); // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];
split()的第二个参数，表示返回的字符串数组的最大长度。
3、获取字符串长度
字符串长度是在开发中经常要用到的，非常简单如下：
var myStr = "I,Love,You,Do,you,love,me";
var myStrLength = myStr.length; //25
4、查询子字符串
很多人都会忘记这几个JavaScript的自带的方法，或者忘记它们的具体用法，从而导致在做题的时候不得不嵌套for循环来做。
第一个函数：indexOf()，它从字符串的开头开始查找，找到返回对应坐标，找不到返回-1，如下：
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
第二个函数：lastIndexOf()，它从字符串的末尾开始查找，找到返回对应坐标，找不到返回-1，如下：
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.lastIndexOf("you"); // 14
以上两个函数同样接收第二个可选的参数，表示开始查找的位置。
5、字符串替换
单单查到字符串应该还不会停止，一般题目都还经常会遇到让你查到并替换为你自己的字符串，例如：
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"
默认只替换第一次查找到的，想要全局替换，需要置上正则全局标识，如：
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
6、查找给定位置的字符或其字符编码值
想要查找给定位置的字符，你可以使用如下函数：
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始
同样，它的一个兄弟函数就是查找对应位置的字符编码值，如：
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111
7、字符串连接
字符串连接操作可以简单到用一个加法运算符搞定，如：
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"
同样，JavaScript也自带了相关的函数，如：
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"
其中concat()函数可以有多个参数，传递多个字符串，拼接多个字符串。
8、字符串切割和提取
有三种可以从字符串中抽取和切割的方法，如：
第一种，使用slice():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"
第二种，使用substring():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"
第三种，使用substr():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"
与第一种和第二种不同的是，substr()第二个参数代表截取的字符串最大长度，如上结果所示。
9、字符串大小写转换
常用的转换为大写或者小写字符串函数，如下：
var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"
10、字符串匹配
字符串匹配可能需要你对正则表达式有一定的了解，先来看看match()函数：
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.match(pattern);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me
如你所见，match()函数在字符串上调用，并且接受一个正则的参数。来看看第二个例子，使用exec()函数：
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
照南康尼： 1.JavaScript是一门什么样的语言,它有哪些特点?没有标准答案.2.JavaScript的数据类型都有什么?基本数据类型:String,Boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegExp,Function) 那么问题来了,如何判断某变量...
福贡县13594171049： 网页前端设计编程,用JavaScript或者Java,谁有什么好的书推荐,或者网站? - ？
照南康尼： 要实现你说的效果,一般可以用 Ajax(异步数据交互技术,可以在页面中直接向服务器请求数据,支持 XML 数据格式)和 HTML5 (其中的绘图 API 可以在网页上绘图).另外,用 Flash 技术、Applet 技术也都可以实现,但它们都是以插件的...
福贡县13594171049： 有没有什么好的javaWeb快速开发框架?包括前端的最好 - ？
照南康尼： JFinal 是基于Java 语言的极速 web 开发框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful.在拥有Java语言所有优势的同时再拥有ruby、python等动态语言的开发效率
福贡县13594171049： 现在比较好用的前端开发工具有哪些啊? - ？
照南康尼： 作为一个前端开发工程师,使用一款自己上手且功能强大的开发工具是非常重要的,但是面对这么多开发工具,到底哪个比较好呢?下面我个人推荐几款自己感觉还不错的前端开发工具,希望作为大家的参考. 1、hbuilder 作为一个编程的菜鸟...
福贡县13594171049： web前端开发框架有哪些 - ？
照南康尼： 最流行的应该 jQuery 其他就是 ExtJS,YUI 之类的
福贡县13594171049： 目前都有哪些常用的web前端框架 - ？
照南康尼： Emberjs Angularjs Reactjs Vuejs Elm
福贡县13594171049： 目前,比较流行、好用的网页前端框架有哪些? - ？
照南康尼： jQuery,jQuery UI,jQuery Easy UI,jQuery mobile,bootsrap,angular JS,Node.js ionic,highcharts
福贡县13594171049： 目前流行的前端框架有哪些 - ？
照南康尼： jquery、Extjs、prototype、kissy,bootstrap、jQuery UI、easyui、flex、yui、Dojo等.里面有侧重js的框架和侧重css的框架.
福贡县13594171049： 有没什么好有的web前端工具,javascript 要有语法检测的,最好支持jq ,DW就不要跟我说了. - ？
照南康尼： 1.Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari).除此之外,其他功能还很强大,比如html,...
福贡县13594171049： 有哪些好用的前端开发软件 - ？
照南康尼： 前端开发软件太多,有sublime,有Dreamweaver等等,他们的效果很多都是大同小异,不过细节方面还是有些区别,就比如Dreamweaver功能比Sumlime多,但是它对电脑的配置要求高,低配置的电脑,打开这个软件会很慢,而sublime就不用,他对电脑的配置要求低,而且对于新手还是老手来说都可以使用.
