第一天（关于cookie）

（一）网址的构成：https://www.baidu.com/ , http://www.sohu.com/
协议：file:/// 表示：文件协议
http:// 表示html-超文本标记语言（超文本传输协议）
https:// 表示安全的超文本传输协议（其中：s - 是指SSL加密的意思）
（二）什么是服务器：类似于高级的电脑
服务器用途：1）响应用户请求 2）存储 程序，页面，数据....
用户访问 --> web服务器 -- 程序、页面、JS
文件服务器 -- 用户上传的文件
图片服务器 -- 用户上传的，或者是网站本身用到的图片
数据库服务器 -- 数据库
wamp服务器环境软件：
WAMP是一个 软件，类似虚拟的服务器环境
W: Windows
A: Apache 服务器软件（tomcat，IIS）
M: MySql 数据库软件 (sqlserver，oracle，postgre )
P: PHP 编程语言（脚本语言，后台应用很广泛）

安装wamp以后访问文件的时候：
            运行浏览器-->地址栏输入地址: http://localhost/2016-11-17/1.html
            localhost是指:本地域名
            80为默认端口  localhost端口一般为:8888    8888端口      

（三）cookie是指:网站为了实现一定的功能，在用户本地机器上存储一些数据。
1)服务器环境下
解决cookie两个问题：1》如何存起来的2》如何取出来的
读：alret(document.cookie); cookie格式: 用分号+空格隔开
写：document.cookie = xyz;
也叫写一个cookie或者种一个cookie
2）cookie不安全性
cookie格式：name=value
document.title -- 覆盖
document.cookie -- 追加
3）过期时间，默认 session 会话cookie
Expires:表示过期时间
Session 是表示：会话（当关闭浏览器，会话结束，cookid到期）
以上两种叫做会话cookie

        注意:文件路径：
            |-1117
                cookie.html (写一个cookie)
                read.html  (读不到子级文件写的cookie)
                
                |-cookie2
                    readCookie.html (读了一个cookie)   
                    writeCookie.html (写了一个cookie)

        *一个网站，共享一套cookie （一个域下）域：domain
        注意cookie的四种特性：
            1）服务器环境下
            2）不安全
            3）过期时间，默认 session 会话cookie
            4）cookie 是有大小的   4K  有些浏览器还有条数限制 --cookie是珍贵资源
            5）cookie类型，不管你看到的是什么，都是字符串

（四）cookie封装
/* 1：设置（添加、种）一个cookie
2： para:name:cookie名
3：value:cookie 值
4：iDay: 过期日期 - 天数*/

        <!--种一个cookie-->
        function setCookie(name,value,iDay){
            var str = name + '='+value+';path=/';
            //如果传入了过期天数
            if(iDay){
                var oDate = new Date();
                oDate.setDate(oDate.getDate()+iDay);
                str += ';expires='+oDate;
            }
            document.cookie = str;
        }
        <!--读取cookie-->
        function getCookie(name){
            var arr = document.cookie.split('; ');
            for(var i = 0; i < arr.length;i++){
                var arr2 = arr[i].split('=');
                if(name == arr2[0]){
                    return arr2[1];
                }
            }
            return '';
        }
        <!--删除：cookie-->
        function removeCookie(name){
            setCookie(name,'zns',-2)
        }