zoukankan      html  css  js  c++  java
  • JavaScript学习心得(八)

      Cookie是Netscape发明的技术,是动态网站必不可少的部分,用于浏览器请求Web页面的超文本传输协议是一种无状态的协议。

      两种方法维护状态:使用会话(session)(使用服务器技术实现,数据存储在服务器上)和Cookie(用服务器技术或者浏览器中的JavaScript管理)。

      Cookie包含多个不相关的信息块:

    • 名称
    • 到期日期和时间:必须格式化为UTC字符串
    • 有效路径(默认为当前路径):在服务器上的有效路径
    • 域(默认当前主机)

      Cookie容易在用户计算机上看到,不该用于存储敏感信息,在过程中始终验证Cookie值。关注安全的应用程序建议始终使用由服务器技术实现的回话。

      创建Cookie: document.cookie = value; Cookie使用特定的语法——cookieName = cookieValue; document.cookie = 'fontSize = 14'; 

      读取Cookie时,是全部读取,单独读取每个Cookie,先拆解字符串然后for循环遍历:

    1 var coolies = document.cookie.split(';');
    2 for(var i = 0,count = cookies.length; i<count;i++){
    3
    4     }

     创建程序库:

     1 // This script defines an object that has some cookie functions.
     2 
     3 // Create one global object:
     4 var COOKIE = {
     5     
     6     // Function for setting a cookie:
     7     setCookie: function(name, value, expire) {
     8         'use strict';
     9 
    10         // Add validation!
    11 
    12         // Begin creating the value string:
    13         var str =  encodeURIComponent(name) + '=' + encodeURIComponent(value);
    14     //encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。避免可能有问题的字符,预防服务器问题
    15         // Add the expiration:
    16         str += ';expires=' + expire.toGMTString(); 
    17     
    18         // Create the cookie:
    19         document.cookie = str;
    20 
    21     }, // End of setCookie() function.
    22     
    23     // Function for retrieving a cookie value:
    24     getCookie: function(name) {
    25         'use strict';
    26 
    27         // Useful to know how long the cookie name is:
    28         var len = name.length;
    29         
    30         // Split the cookie value:
    31         var cookies = document.cookie.split(';');
    32 
    33         // Loop through the values:
    34         for (var i = 0, count = cookies.length; i < count; i++) {
    35 
    36             // Lop off an initial space:
    37             var value = (cookies[i].slice(0,1) == ' ') ? cookies[i].slice(1) : cookies[i];
    38 
    39             // Decode the value:
    40             value = decodeURIComponent(value);
    41 
    42             // Check if this iteration matches the name:
    43             if (value.slice(0,len) == name) {
    44 
    45                 // Return the part after the equals sign:
    46                 return value.split('=')[1];
    47 
    48             } // End of IF.
    49             
    50         } // End of FOR loop.
    51             
    52         // Return false if nothing's been returned yet:
    53         return false;
    54 
    55     }, // End of getCookie() function.
    56     
    57     // Function for deleting cookies:
    58     deleteCookie: function(name) {
    59         'use strict';
    60         document.cookie = encodeURIComponent(name) + '=;expires=Thu, 01-Jan-1970 00:00:01 GMT';
    61     } // End of deleteCookie() function.
    62 
    63 }; // End of COOKIE declaration.
    View Code

     定时器:

    • setTimeOut()
    • setInterval():指定时间间隔重复调用函数,必须有终止定时器的代码

      函数不能保证在精确的时间间隔调用,因为单线程。

      定时器主要用于动画、特效、页面自动更新内容。

  • 相关阅读:
    有用数据结构---图的操作和算法
    Jackson 框架,轻易转换JSON
    移动Web开发实践
    Spring官方文档翻译——15.1 介绍Spring Web MVC框架
    面向对象五大原则_1.单一职责原则&amp;2.里氏替换原则
    ZOJ 3792 Romantic Value 最小割(最小费用下最小边数)
    Yii学习笔记之二(使用gii生成一个简单的样例)
    一个令人蛋疼的NDK链接错误
    Android 阅读器架构图,网上收集,留做存货
    Xcode 6 打包ipa文件
  • 原文地址:https://www.cnblogs.com/wyb-cd/p/3606377.html
Copyright © 2011-2022 走看看