webstorage、Mysql、node

webstorage

localStorage

sessionStorage

webstorage是上面两个总称

储存
localStorage.a=1;
localStorage.b=2;
localStorage.setItem("a","10");

  获取
        console.log(localStorage.b);
        console.log(localStorage.getItem("a"));

  删除
        delete localStorage.a;
        localStorage.removeItem("a");
  // 清除所有的存储数据
         localStorage.clear();

不管是webStorage还是cookie,只能存储字符串

如果存储数组或者对象,必须先试用JSON.stringify将这个对象转换为JSON字符串,然后存储

​ 1、cookie大小5k,webStorage是5M

​ 2、cookie存储是按照域名和路径存储,不能域名之间不能相互获取,下层路径可以获取上层路径

​ 的数据,上层路径不能获取下层路径的数据。localStorage不区分路径关系,不同域不能互相访

​ 问,sessionStorage不单纯不同域名不能访问,即使同一个页面在不同窗口打开数据也不能共享

​ sessionStorage仅在当前窗口数据有效

​ 3、cookie存储时可以设置过期时间,可以是会话级。localStorage是长期存储的,不删除时

​ 不会丢失,sessionStorage是会话级,关掉窗口就丢失

​ 4、cookie在提交表单,刷新页面,访问页面,通信都会自动携带往返于浏览器于服务器之间,但是

​ webStorage数据不会自动往返于浏览器和服务器之间,只存储当前浏览器中

 // 当添加修改localStorage时,事件会被激活
            window.addEventListener("storage",storageHandler);

MySql

 // 查找所有字段
        // SELECT * FROM `user` WHERE 1   

        // 只查找所有用户名,姓名,年龄和性别
        // SELECT `user`,`name`,`age`,`sex` FROM `user` WHERE 

        // 查找女性
        // SELECT * FROM `user` WHERE `sex`='女'

        // 查找女性大于20岁的
        // SELECT * FROM `user` WHERE `sex`='女' AND `age`>20

        // 查找女性或者年龄大于20岁的
        // SELECT * FROM `user` WHERE `sex`='女' OR `age`>20

        // 查找邮箱尾缀是163.com的字符串,%是通配符
        // SELECT * FROM `user` WHERE `email` LIKE "%163.com"


        // 插入新的数据
        // INSERT INTO `user`(`user`, `password`, `name`, `sex`, `age`, `tel`, `email`) VALUES ("xietian","xie123","谢天","男",30,"18617865678","10398975@qq.com")


        // 修改条件是用户名是xietian的项中年龄修改为25岁
        // UPDATE `user` SET `age`=25 WHERE `user`="xietian";

node

  // 下载node版本
        // nvm  install v版本   
   
        // 查看已经下载的node版本列表
        // nvm ls

        // 切换node版本
        // nvm use v版本


        // 查看nvm软件的版本
        // nvm -v

        // 查看node的版本
        // node -v 

        // 查看npm的版本
        // npm -v

        // 初始化npm环境
        // npm init -y


        // 下载lodash插件
        // npm i lodash


        // 下载全局nrm,nrm是npm的镜像地址管理器
        // npm i nrm -g

        // 查看npm镜像地址的列表
        // nrm ls  

        // 测试淘宝镜像地址的延迟
        // nrm test taobao

        // 使用淘宝镜像地址,执行后npm的下载就转到淘宝镜像地址下载
        // nrm use taobao
上一篇:localStorage为什么在存值的时候要将其用JSON.stringify() 函数转成字符串?


下一篇:vuex实现数据持久化