2016年7月

JS之for循环实现"百钱买百鸡"

作者: M69W
时间: 2016/07/11
分类: front-end
评论

公鸡5/只，母鸡3/只，小鸡2/只，100可以买100只鸡

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JS之for循环实现"百钱买百鸡"</title>
    <link rel="stylesheet" href="">
    <script>
        for(var i=0;i<=20;i++){
            for(var j=0;j<=33;j++){
                for(var z=0;z<=100;z++){
                    if((i+j+z==100)&&(5*i+3*j+z/3==100)){
                        document.write('公鸡有'+i+"只；"+"母鸡有"+j+"只；"+"小鸡有"+z+"只"+"<br>");
                    }
                }
            }
        }
    </script>
</head>
<body>
</body>
</html>

两个for

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JS之for循环实现"百钱买百鸡"</title>
    <link rel="stylesheet" href="">
    <script>
        for(var i=0;i<=20;i++){
            for(var j=0;j<=33;j++){
                z=100-i-j;
                    if((z%3==0)&&(5*i+3*j+z/3==100)){
                        document.write('公鸡有'+i+"只；"+"母鸡有"+j+"只；"+"小鸡有"+z+"只"+"<br>");
                    }
            }
        }
    </script>
</head>
<body>
</body>
</html>

JS之for循环实现1-100之间的奇数、偶数和

作者: M69W
时间: 2016/07/11
分类: front-end
评论

奇数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的奇数和</title>
    <link rel="stylesheet" href="">
    <script>
        var sum=0;
        for(var i=1;i<=100;i++){
            if(i%2==1){
                sum+=i;//sum=sum+i;
            }
        }
        document.write('1-100之间的奇数和为：'+sum);
    </script>
</head>
<body>
</body>
</html>

偶数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的偶数和</title>
    <link rel="stylesheet" href="">
    <script>
        var sum=0;
        for(var i=1;i<=100;i++){
            if(i%2==0){
                sum+=i;
            }
        }
        document.write('1-100之间的偶数和为：'+sum);
    </script>
</head>
<body>
</body>
</html>

JS之for循环实现(倒)九九乘法表

作者: M69W
时间: 2016/07/11
分类: front-end
评论

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>九九乘法表</title>
    <link rel="stylesheet" href="">
    <script>
        document.write('<table border="1" ccellpadding="0" ccellpadding="0" bgcolor="#ABCDEF" width="80%">');
            for(var i=1;i<=9;++i){
                document.write('<tr>');
                    for(var j=1;j<=i;j++){
                        document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
                    }
                document.write('</tr>');
            }
        document.write('</table>');
    </script>
</head>
<body>
</body>
</html>

倒九九乘法表

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的奇数和</title>
    <link rel="stylesheet" href="">
    <script>
        document.write('<table border="1" ccellpadding="0" ccellpadding="0" bgcolor="#ABCDEF" width="80%">');
            for(var i=9;i>=1;i--){
                document.write('<tr>');
                    for(var j=1;j<=i;j++){
                        document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
                    }
                document.write('</tr>');
            }
        document.write('</table>');
    </script>
</head>
<body>
</body>
</html>

JS数组去重

作者: M69W
时间: 2016/07/08
分类: front-end
评论

思路：

1.创建一个新的数组存放结果
2.创建一个空对象
3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。
说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。

Array.prototype.unique3 = function(){
 var res = [];
 var json = {};
 for(var i = 0; i < this.length; i++){
  if(!json[this[i]]){
   res.push(this[i]);
   json[this[i]] = 1;
  }
 }
 return res;
}
var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());

Cookie和Session的区别总结

作者: M69W
时间: 2016/07/07
分类: front-end
评论

来自Cookie和Session的区别总结

二者作用：解决HTTP协议无状态的缺陷，在客户端/服务器端保存会话状态。

创建Session过程：

检查客户端请求中是否包含一个session标识（session id）
若包含，则说明之前已经为此客户端创建过session。服务器按照此session id检索出session
若不包含，则为此客户端创建一个session，并生成一个session id。此session id将作为响应返回给客户端保存。（使用Cookie保存）

若Cookie被禁止，必须有其他机制能够把session id回传给服务器
回传session id至服务器：

URL重写：把session id直接附加在URL路径后面
隐藏表单字段

Cookie和Session的区别：

Cookie中只能保存ASCII字符串，Session中可以保存任意类型的数据，甚至Java Bean乃至任何Java类、对象等
隐私策略不同 Cookie存储在客户端，对客户端是可见的，可被客户端窥探、复制、修改。而Session存储在服务器上，不存在敏感信息泄露的风险
有效期不同 Cookie的过期时间可以被设置很长。Session依赖于名为JSESSIONI的Cookie，其过期时间默认为-1，只要关闭了浏览器窗口，该Session就会过期，因此Session不能完成信息永久有效。如果Session的超时时间过长，服务器累计的Session就会越多，越容易导致内存溢出。
服务器压力不同 每个用户都会产生一个session，如果并发访问的用户过多，就会产生非常多的session，耗费大量的内存。因此，诸如Google、Baidu这样的网站，不太可能运用Session来追踪客户会话。
浏览器支持不同 Cookie运行在浏览器端，若浏览器不支持Cookie，需要运用Session和URL地址重写。
跨域支持不同 Cookie支持跨域访问（设置domain属性实现跨子域），Session不支持跨域访问
参考：理解Cookie和Session机制