金山公司的笔试题目，过后把自己在考场写的代码测试一下，发现存在不少问题，仔细地总结了一番，如下：
一、检查一个值是否为NaN
1 <html>
2 <head>
3 <script language="JavaScript">
4 function isNumber(){
5 var btnObj=document.getElementById("idTel");
6 var strValue=btnObj.value;
7
8 if(!isNaN(strValue)){ //若是数字则返回false
9 alert("is number");
10 }else{
11 alert("not a number");
12 }
13
14 }
15 </script>
16 </head>
17 <body>
18 <form action="" method="post" name="">
19 <input type="text" name="tel" id="idTel" value="">
20 <input type="button" name="isNum" value="提交" onclick="isNumber()">
21 </form>
22 </body>
23 </html>
二、JS函数实现sum(2)(3) => 5
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 function sum(a){
10 return function(b){
11 return a+b;
12 }
13 };
14 alert(sum(3)(2));//闭包有两种应用：1、函数作为返回值 2、函数作为参数传递
15 </script>
16 </body>
17 </html>
三、从整数1到n共出现多少个0
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 //从整数1到n共出现了多少个0
10 function count_zero(n){
11 var arr = new Array();
12 for(var i = 1;i <= n;i++){
13 var b = i,r;
14 while(b != 0){
15 r = b % 10;
16 b = Math.floor(b / 10); //一开始是"b=b/10",js并不像C语言
17 arr.push(r);
18 }
19 };
20 var zero_num = count(arr);
21 return zero_num;
22 }
23
24 function count(arr){
25 var count = 0;
26 for(var i = 0;i < arr.length;i++){
27 if(arr[i] == 0){
28 count++;
29 }
30 }
31 return count;
32 }
33
34 var a = count_zero(100);
35 var b = count_zero(105);
36 console.log(a);
37 console.log(b);
38
39 // javascript除法如何取整
40 // Math.round(x) 四舍五入，如Math.round(0.60)，结果为1；Math.round(0.49)，结果为0；
41 // Math.floor(x) 向下舍入，如Math.floor(0.60)与Math.floor(0.49)，结果均为0；
42 // Math.ceil(x)向上舍入，如Math.ceil(0.60)与Math.ceil(0. 49)，结果均为1。
43 </script>
44 </body>
45 </html>
四、JS函数，从数组中清除重复元素
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 function uniqueArray(arr){
10 var arr = arr || []; //var arr = arr | []; arr一直都是0。。。
11 console.log(arr);
12 var obj = {};
13 for(var i = 0;i < arr.length;i++){
14 var v = arr[i];
15 if(typeof(obj[v]) == ‘undefined‘){
16 obj[v] = 1;
17 }
18 };
19 arr.length = 0;
20 for(var i in obj){
21 arr[arr.length] = i;
22 };
23 return arr;
24 }
25 var arr1 = [1,3,5,7,7,8,9,3,10,8];
26 var arr2 = [1,3,5,7,7,8,9,3,10,8,"sdsdsds","sss","ffff","sss","sss"];
27 console.log(uniqueArray(arr1));
28 console.log(uniqueArray(arr2));
29 </script>
30 </body>
31 </html>
这是在度娘上找到的不错的一种算法
五、prototype实现一个简单的继承例子
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 function Father(){
10 this.Supproperty = "hi,i am gdt";
11 }
12 Father.prototype.getSupValue = function(){
13 return this.Supproperty;
14 };
15 function Son(){
16 this.Subproperty = "hi,i am fxt";
17 }
18 Son.prototype = new Father();
19
20 Son.prototype.getSubValue = function(){
21 return this.Subproperty;
22 };
23
24 var instance = new Son();
25 console.log(instance instanceof Son);//instanceof用于判断一个变量是否某个对象的实例，如是则返回true
26 console.log(instance);
27 //引用父类的属性和方法
28 console.log(‘父类属性：‘+instance.Supproperty);
29 console.log(‘父类属性：‘+instance.getSupValue());
30 //使用子类的属性和方法
31 console.log(‘子类属性：‘+instance.Subproperty);
32 console.log(‘子类属性：‘+instance.getSubValue());
33 </script>
34 </body>
35 </html>
六、网络请求优化方案
- 尽量减少HTTP请求数里的减少图片请求数量，可用实现CSS Sprite
- 压缩文本和图像，使用gzip这样的压缩技术，依靠增加服务端压缩和浏览器解压的步骤，来减少资源的负载。
- 使用Ajax来从Web服务器上获取数据，它并不需要更新正在运行的页面，Ajax能更新页面上的某个部分而不需要重新构建整个页面。
详细还可参考http://blog.jobbole.com/46599/
时间： 2024-12-15 06:54:11