boss2967

HTML5本地储存追加利用html5的本地存储功能实现登录用户信息保存

在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者用法完全相同，这里以localStorage为例。

用户名、密码保存，自动登录等，可以通过设置cookie实现，第一次登录网站后在本地计算机的中写入cookie，之后再次登录此网站查看cookie中现有的值，用cookie值进行网站登录即可。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

HTML5提供了一个此类问题比较方便的解决方案，就是localstorage。数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。html5 使用 JavaScript 来存储和访问数据。

下面是一个登录保存用户名密码的实例：

[html]  view plain 
      copy 
     
 >  
   
   
   
   
   
 <html lang="en" class="no-js">  
   
 <head>  
 <meta charset="UTF-8" />  
   
 <title>图书销售管理系统title>  
 <meta name="viewport" content="width=device-width, initial-scale=1.0">  
 <meta name="description"  
     content="Login and Registration Form with HTML5 and CSS3" />  
 <meta name="keywords"  
     content="html5, css3, form, switch, animation, :target, pseudo-class" />  
 <meta name="author" content="Codrops" />  
 <link rel="shortcut icon" href="../favicon.ico">  
   
 <script type="text/javascript" src="js/jquery.min.js">script>  
 head>  
 <script>  
     //先查看是否有本地数据（记住密码）  
     /* function myfunction(){  
         var email = localStorage.getItem("email");  
         var password = localStorage.getItem("password");  
         if(email!=null&&password!=null){  
             alert("邮箱："+email+"密码："+password);  
             $.ajax({  
                 url : '../servlet/LoginServlet?choose=login',  
                 data : {  
                     email : email,  
                     password : password  
                 },  
                 dataType : 'json',  
                 success : function(data) {  
                     if (data.msg == "") {  
                         alert("用户名或密码错误");  
                     } else {  
                     //登录成功后保存session，如果选择了记住密码，再保存到本地  
                         //window.location.href ='../index/index.jsp';  
                     }  
                 },  
                 error : function() {  
                     alert("系统错误");  
                 }  
             });  
         }else{  
             //alert("没有信息");  
               
         }  
     }  
     function saveStorage(){  
         var email = document.getElementById("email").value;  
         localStorage.setItem("email",email);  
         var password = document.getElementById("password").value;  
         localStorage.setItem("password",password);  
       
     }  
     function login(){  
         $.ajax({  
             url : '../servlet/LoginServlet?choose=login',  
             data : {  
                 email : $('#loginform input[name=email]').val(),  
                 password : $('#loginform input[name=password]').val()  
             },  
             dataType : 'json',  
             success : function(data) {  
                 if (data.msg == "") {  
                     alert("用户名或密码错误");  
                 } else {  
                 //登录成功后保存session，如果选择了记住密码，再保存到本地  
                     window.location.href ='../index/index.jsp';  
                 }  
             },  
             error : function() {  
                 alert("系统错误");  
             }  
        });  
     }  
     function reg(){  
         $.ajax({  
             url : 'servlet/LoginServlet?choose=reg',  
             data : {  
                 username : $('#regform input[name=username]').val(),  
                 password : $('#regform input[name=password]').val(),  
                 email : $('#regform input[name=email]').val(),  
             },    
             dataType : 'json',  
             success : function(data) {  
                 if(data.msg == false){  
                     alert("注册失败");  
                 }else{  
                     alert("注册成功请返回登录");  
                 }  
             },  
             error : function() {  
                 alert("系统错误");  
             }  
         });  
     } */  
 $(document).ready(function(){    
   //读取 localStage 本地存储，填充用户名密码,如果自动登录有值直接跳转；    
   //相反，跳转到本页面,等待登陆处理    
   var storage = window.localStorage;    
     var getEmail = storage["email"];    
     var getPwd = storage["password"];    
     var getisstroepwd = storage["isstorePwd"];    
     var getisautologin = storage["isautologin"];    
     if("yes" == getisstroepwd)    
     {    
         if("yes" == getisautologin)    
         {    
             if(( ("" != getEmail) ||(null != getEmail)) && (("" != getPwd) ||(null != getPwd)))    
             {    
                 //lacoste  已经保存 登陆信息 直接登陆    
                 // alert('正在自动登录');  
                 $("email").val(getEmail);  
                 $("#password").val(getPwd);    
                // window.location="";     
                //加载时显示：正在自动登录  
                 $.ajax({  
                     url : '../servlet/LoginServlet?choose=login',  
                     data : {  
                         email :  getEmail,  
                         password : getPwd   
                     },  
                     dataType : 'json',  
                     success : function(data) {  
                         if (data.msg == "") {  
                             alert("账号信息异常，请核实后重新登录");  
                         } else {  
                         //登录成功后保存session，如果选择了记住密码，再保存到本地  
                             //window.location.href ='../index/index.jsp';  
                         }  
                     },  
                     error : function() {  
                         alert("系统错误");  
                     }  
                 });  
             }    
         }    
         else    
         {       
                 $("#email").val(getEmail);    
                 $("#password").val(getPwd);    
                 document.getElementById("isRemberPwdId").checked = true;    
         }    
     }    
  });    
 function login(){  
      var userEmail=$("#email").val();    
     var userPassWord=$("#password").val();    
     
     var storage = window.localStorage;    
     //记住密码    
     if(document.getElementById("isRemberPwdId").checked)    
     {    
         //存储到loaclStage      
     
         storage["email"] = userEmail;    
         storage["password"] =  userPassWord;    
         storage["isstorePwd"] =  "yes";    
     }    
     else    
     {    
         storage["email"] = userEmail;    
         storage["isstorePwd"] =  "no";    
     }    
     
     //下次自动登录    
     if(document.getElementById("isAutoLoginId").checked)    
     {    
         //存储到loaclStage      
         storage["email"] = userEmail;    
         storage["password"] =  userPassWord;    
         storage["isstorePwd"] =  "yes";    
         storage["isautologin"] =  "yes";    
     }    
     else    
     {    
         storage["email"] = userEmail;    
         storage["isautologin"] =  "no";    
     }   
      $.ajax({  
             url : '../servlet/LoginServlet?choose=login',  
             data : {  
                 email : userEmail,  
                 password : userPassWord  
             },  
             dataType : 'json',  
             success : function(data) {  
                 if (data.msg == "") {  
                     alert("用户名或密码错误");  
                 } else {  
                 //登录成功后保存session，如果选择了记住密码，再保存到本地  
                     window.location.href ='../index/index.jsp';  
                 }  
             },  
             error : function() {  
                 alert("系统错误");  
             }  
        });   
        alert("登录成功");  
 }  
 script>  
 <body>  
     <div class="container">  
         <header>  
   
         header>  
         <section>  
               
             <div id="container_demo">  
                 <a class="hiddenanchor" id="toregister">a> <a class="hiddenanchor"  
                     id="tologin">a>  
                 <div id="wrapper">  
                     <div id="login" class="animate form">  
                         <form id="loginform" name="loginform" autocomplete="on" method="post">  
                             <h1>登录h1>  
                             <p>  
                                 <label for="username" class="uname" data-icon="u"> 邮箱  label>  
                                 <input id="email" name="email" required="required"  
                                     type="text" placeholder="请输入邮箱" autofocus />  
                             p>  
                             <p>  
                                 <label for="password" class="youpasswd" data-icon="p">  
                                     密码label> <input id="password" name="password" required="required"  
                                     type="password" placeholder="请输入密码" />  
                             p>  
                             <p class="keeplogin">  
                                 <input type="checkbox" name="isRemberPwdId" id="isRemberPwdId"  
                                      /> <label for="loginkeeping">记住密码 label>  
                             p>  
                             <p class="keeplogin">  
                                 <input type="checkbox" name="isAutoLoginId" id="isAutoLoginId"  
                                      /> <label for="autologin">自动登录 label>  
                             p>  
                             <p class="login button">  
                                 <input type="button" value="登录" onclick="login()" />  
                             p>  
                             <p class="change_link">  
                                 没有账号? <a href="#toregister" class="to_register">前去注册a>  
                             p>  
                         form>  
                     div>  
                 div>  
             div>  
         section>  
     div>  
 body>  
 html>  
 





<html lang="en" class="no-js">

<head>
<meta charset="UTF-8" />

<title>图书销售管理系统title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
  content="Login and Registration Form with HTML5 and CSS3" />
<meta name="keywords"
  content="html5, css3, form, switch, animation, :target, pseudo-class" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">

<script type="text/javascript" src="js/jquery.min.js">script>
head>
<script>
  //先查看是否有本地数据（记住密码）
  /* function myfunction(){
    var email = localStorage.getItem("email");
    var password = localStorage.getItem("password");
    if(email!=null&&password!=null){
      alert("邮箱："+email+"密码："+password);
      $.ajax({
        url : '../servlet/LoginServlet?choose=login',
        data : {
          email : email,
          password : password
        },
        dataType : 'json',
        success : function(data) {
          if (data.msg == "") {
            alert("用户名或密码错误");
          } else {
          //登录成功后保存session，如果选择了记住密码，再保存到本地
            //window.location.href ='../index/index.jsp';
          }
        },
        error : function() {
          alert("系统错误");
        }
      });
    }else{
      //alert("没有信息");
      
    }
  }
  function saveStorage(){
    var email = document.getElementById("email").value;
    localStorage.setItem("email",email);
    var password = document.getElementById("password").value;
    localStorage.setItem("password",password);
  
  }
  function login(){
    $.ajax({
      url : '../servlet/LoginServlet?choose=login',
      data : {
        email : $('#loginform input[name=email]').val(),
        password : $('#loginform input[name=password]').val()
      },
      dataType : 'json',
      success : function(data) {
        if (data.msg == "") {
          alert("用户名或密码错误");
        } else {
        //登录成功后保存session，如果选择了记住密码，再保存到本地
          window.location.href ='../index/index.jsp';
        }
      },
      error : function() {
        alert("系统错误");
      }
     });
    }
  function reg(){
    $.ajax({
      url : 'servlet/LoginServlet?choose=reg',
      data : {
        username : $('#regform input[name=username]').val(),
        password : $('#regform input[name=password]').val(),
        email : $('#regform input[name=email]').val(),
      },	
      dataType : 'json',
      success : function(data) {
        if(data.msg == false){
          alert("注册失败");
        }else{
          alert("注册成功请返回登录");
        }
      },
      error : function() {
        alert("系统错误");
      }
    });
  } */
$(document).ready(function(){  
  //读取 localStage 本地存储，填充用户名密码,如果自动登录有值直接跳转；  
  //相反，跳转到本页面,等待登陆处理  
  var storage = window.localStorage;  
    var getEmail = storage["email"];  
    var getPwd = storage["password"];  
    var getisstroepwd = storage["isstorePwd"];  
    var getisautologin = storage["isautologin"];  
    if("yes" == getisstroepwd)  
    {  
        if("yes" == getisautologin)  
        {  
            if(( ("" != getEmail) ||(null != getEmail)) && (("" != getPwd) ||(null != getPwd)))  
            {  
                //lacoste  已经保存 登陆信息 直接登陆  
                // alert('正在自动登录');
                $("email").val(getEmail);
                $("#password").val(getPwd);  
               // window.location="";   
               //加载时显示：正在自动登录
                $.ajax({
          url : '../servlet/LoginServlet?choose=login',
          data : {
            email :  getEmail,
            password : getPwd 
          },
          dataType : 'json',
          success : function(data) {
            if (data.msg == "") {
              alert("账号信息异常，请核实后重新登录");
            } else {
            //登录成功后保存session，如果选择了记住密码，再保存到本地
              //window.location.href ='../index/index.jsp';
            }
          },
          error : function() {
            alert("系统错误");
          }
     			});
            }  
        }  
        else  
        {     
                $("#email").val(getEmail);  
                $("#password").val(getPwd);  
                document.getElementById("isRemberPwdId").checked = true;  
        }  
    }  
 });  
function login(){
   var userEmail=$("#email").val();  
    var userPassWord=$("#password").val();  
  
    var storage = window.localStorage;  
    //记住密码  
    if(document.getElementById("isRemberPwdId").checked)  
    {  
        //存储到loaclStage    
  
        storage["email"] = userEmail;  
        storage["password"] =  userPassWord;  
        storage["isstorePwd"] =  "yes";  
    }  
    else  
    {  
        storage["email"] = userEmail;  
        storage["isstorePwd"] =  "no";  
    }  
  
    //下次自动登录  
    if(document.getElementById("isAutoLoginId").checked)  
    {  
        //存储到loaclStage    
        storage["email"] = userEmail;  
        storage["password"] =  userPassWord;  
        storage["isstorePwd"] =  "yes";  
        storage["isautologin"] =  "yes";  
    }  
    else  
    {  
        storage["email"] = userEmail;  
        storage["isautologin"] =  "no";  
    } 
     $.ajax({
      url : '../servlet/LoginServlet?choose=login',
      data : {
        email : userEmail,
        password : userPassWord
      },
      dataType : 'json',
      success : function(data) {
        if (data.msg == "") {
          alert("用户名或密码错误");
        } else {
        //登录成功后保存session，如果选择了记住密码，再保存到本地
          window.location.href ='../index/index.jsp';
        }
      },
      error : function() {
        alert("系统错误");
      }
     }); 
     alert("登录成功");
}
script>
<body>
  <div class="container">
    <header>

    header>
    <section>
      
      <div id="container_demo">
        <a class="hiddenanchor" id="toregister">a> <a class="hiddenanchor"
          id="tologin">a>
        <div id="wrapper">
          <div id="login" class="animate form">
            <form id="loginform" name="loginform" autocomplete="on" method="post">
              <h1>登录h1>
              <p>
                <label for="username" class="uname" data-icon="u"> 邮箱  label>
                <input id="email" name="email" required="required"
                  type="text" placeholder="请输入邮箱" autofocus />
              p>
              <p>
                <label for="password" class="youpasswd" data-icon="p">
                  密码label> <input id="password" name="password" required="required"
                  type="password" placeholder="请输入密码" />
              p>
              <p class="keeplogin">
                <input type="checkbox" name="isRemberPwdId" id="isRemberPwdId"
                   /> <label for="loginkeeping">记住密码 label>
              p>
              <p class="keeplogin">
                <input type="checkbox" name="isAutoLoginId" id="isAutoLoginId"
                   /> <label for="autologin">自动登录 label>
              p>
              <p class="login button">
                <input type="button" value="登录" onclick="login()" />
              p>
              <p class="change_link">
                没有账号? <a href="#toregister" class="to_register">前去注册a>
              p>
            form>
          div>
        div>
      div>
    section>
  div>
body>
html>
 

【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数广龙宇一起学Rust #Rust设计模式 rust 设计模式开发语言
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
四章-32-点要素的聚合彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
语文主题教学学习笔记之87 东哥杂谈
“语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
《转介绍方法论》学习笔记小可乐的妈妈
一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择
JAVA学习笔记之23种设计模式学习 victorfreedom Java技术设计模式 android java 常用设计模式
博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类 WPG大大通其他笔记汽车 BMS 经验分享新能源电池
一、BMS定义1、概念：BMS（BatteryManagementSystem）即电池管理系统，其管理对象是二次电池（充电电池或蓄电池），其主要目的是电池的利用率，防止电池出现过度充电和过度放电，可应用于电动汽车、电瓶车、机器人、无人机等图片来源：腾讯网https://new.qq.com《标准普尔警告，电动汽车电池生产面临供应链和地缘政治风险》2、四大功能①感知和测量：检测电池的电压、电流、温度
吴恩达深度学习笔记(30)-正则化的解释极客Array
正则化（Regularization）深度学习可能存在过拟合问题——高方差，有两个解决方法，一个是正则化，另一个是准备更多的数据，这是非常可靠的方法，但你可能无法时时刻刻准备足够多的训练数据或者获取更多数据的成本很高，但正则化通常有助于避免过拟合或减少你的网络误差。如果你怀疑神经网络过度拟合了数据，即存在高方差问题，那么最先想到的方法可能是正则化，另一个解决高方差的方法就是准备更多数据，这也是非常
个人学习笔记7-6：动手学深度学习pytorch版-李沐浪子L 深度学习深度学习笔记计算机视觉 python 人工智能神经网络 pytorch
#人工智能##深度学习##语义分割##计算机视觉##神经网络#计算机视觉13.11全卷积网络全卷积网络（fullyconvolutionalnetwork，FCN）采用卷积神经网络实现了从图像像素到像素类别的变换。引入l转置卷积（transposedconvolution）实现的，输出的类别预测与输入图像在像素级别上具有一一对应关系：通道维的输出即该位置对应像素的类别预测。13.11.1构造模型下
golang学习笔记--MPG模型 xxzed golang #学习笔记学习笔记 golang
MPG模式：M（Machine）：操作系统的主线程P（Processor）：协程执行需要的资源（上下文context），可以看作一个局部的调度器，使go代码在一个线程上跑，他是实现从N：1到N：M映射的关键G（Goroutine）：协程，有自己的栈。包含指令指针（instructionpointer）和其它信息（正在等待的channel等等），用于调度。一个P下面可以有多个G1、当前程序有三个M,
碎片化学习笔记分享剑客写作
现在生活节奏很快，学习力成为了我们拥有的最大财富。碎片化学习是最好的。首先，不要太过自信，学会虚心学习，是我们面对现实的好方法，才能够常保新鲜。平时我们要拥有什么工具呢？1.思维导图2.写在印象笔记里3.听书，消燥耳机4.教学输出5.录音笔里面最好的方式就是教学输出法，记忆里最好。当输出时我们集中精力记忆里最好。有人认为缩短睡眠时间来学习，其实最好的方式是保持最好的睡眠，记忆力会更好。剥夺睡眠，会
《随园诗话》学习笔记三百零六飞鸿雪舞
卷五凡诗之传者，都在灵性五、五斗米与诗【原文】丁丑，余觅一抄书人，或荐黄生，名之纪，号星岩者，人甚朴野。偶过其案头，得句云；“破庵僧卖临街瓦，独井人争向晚泉。”余大奇之，即饷米五斗。自此欣然大用力于诗。五言句云：“云开日脚直，雨落水纹圆。竹锐穿泥壁，蝇酣落酒尊。钓久知鱼性，樵多识树名。笔残芦并用，墨尽指同磨。＂七言云：＂小窗近水寒偏觉，古木遮天曙不知。旧生萍处泥犹绿，新落花时水亦香。旧甓恐闲都贮水
D15 论语学习笔记许小兔Angelina
悟：上级对下级的宽容：凡事成定局，就不你说了；已接近完结的事，也没必要匡正和挽回了；既然是过去的事，也没必要追究得失和责任了。对待孩子教育也是，不用“问责制”，这样容易让孩子因为害怕担责而说谎。应当循循善诱，避免再犯错才是最重要的。3.16：【原文】子曰：“射不主皮，为力不同科，古之道也。”【译文】孔子说：“射箭比赛不以射透为主，而主要看是否射得准确，因为人的力量不同，自古如此。”3.17：【原文
网络工程师学习笔记（一）专业白嫖怪网络工程师学习笔记学习笔记网络
为了备战下半年的软考——网络工程师，利用每天的下班的闲暇时间看书听课，然后自己手敲整理的系列资料。希望能够对你们有所帮助第一章__计算机网络概述计算机网络的定义：将分散的具有独立运算功能的计算机系统，通过通信线路和通信设备进行连接起来的实现资源的共享。ARPAnet网络的特征：资源共享、分散控制、分组交换1946年第一台通用计算机—埃尼亚克能够相互连通进行数据交换。1960年提出巨型网络，出现了对
K8S学习笔记02——K8S组件沉淅尘 #Docker #K8S kubernetes
Kubernetes组件一、控制平面组件（ControlPlaneComponents）(1)kube-apiserver(2)etcd(3)kube-scheduler(4)kube-controller-manager(5)cloud-controller-manager二、Node组件1.kubelet2.kube-proxy3.容器运行时（ContainerRuntime）三、插件（Add
「Python」2020.04.08学习笔记 | 第六章文件（a+）模式+把随机手机号写入文件小练习 Yetta的书影屋
学习测试开发的Day97，真棒！学习时间为40M第九次全天课(下午视频二20M-50M）>>>fp.seek(0)0>>>fp.read()'你好11你好12你好13你好14你好15\n你好16\n你好17\n你好18\n'>>>fp.seek(0,0)0>>>fp.write("*********************************\n")34>>>fp.seek(0,0)0>>>f
《金文成〈中庸〉学习笔记401。2020-2-24》金吾生
《金文成〈中庸〉学习笔记401。2020-2-24》今天是庚子年戊寅月丁酉日，二月初二，2020年2月24日星期一。二月二龙抬头。第二十二章【唯天下至诚，为能尽其性；能尽其性，则能尽人之性；能尽人之性，则能尽物之性；能尽物之性，则能赞天地之化育；能赞天地之化育，则可以与天地参矣。】上一节，船山讲解说，性作为天用之本体，于圣人和匹夫匹妇而言并无二致，区别来自于诚。诚的区别来自于纯粹与掺杂。掺杂什么呢
CDGA学习笔记三-《数据安全》 zy_chris 网络安全
七、数据安全7.1引言数据安全包括安全策略和过程的规划、建立与执行，为数据和信息资产提供正确的身份验证、授权、访问和审计。要求来自以下方面：（1）利益相关方（2）政府法规（3）特定业务关注点（4）合法访问需求（5）合同义务7.1.1业务驱动因素1、降低风险信息安全首先对组织数据进行分级分类，对组织数据进行分类分级的整个流程：1）识别敏感数据资产并分类分级2）在企业中查找敏感数据3）确定保护每项资产
vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。 chen_sir_sh vue学习笔记 javascript 前端 vue
VUE3出现了很多新的API，下面是自己的一些理解进行的总结。欢迎大家一起交流补充。ref()使用ref创建一个数据类型，ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于reactive，ref有value属性name2.value="bob3"consol
遇到僵尸进程，怎么处理---学习笔记 summer@彤妈性能优化 linux
僵尸进程解释当iowait升高时，进程很可能因为得不到硬件的响应，而长时间处于不可中断状态。从ps或者top命令的输出中，你可以发现它们都处于D状态，也就是不可中断状态（UninterruptibleSleep）。既然说到了进程的状态，进程有哪些状态你还记得吗？我们先来回顾一下。top和ps是最常用的查看进程状态的工具，我们就从top的输出开始。下面是一个top命令输出的示例，S列（也就是Stat
C++学习笔记----6、内存管理（五）---- 智能指针（3）王俊山IT c++学习笔记开发语言
2、shared_ptr有时候吧，有些对象或者一部分代码需要同一个指针的拷贝。那么unique_ptr不能被拷贝，因此就不能用于些场景。这样的话，std::shared_ptr就是一个支持能够被拷贝的拥有共享属主的智能指针。但是，如果有指向同一个资源的多个shared_ptr实例，那么怎么知道什么时候去释放资源呢？这可以通过对于引用记数来解决，这个我们以后再聊。首先，让我们看一下怎么构造与使用sh
【学习笔记】武志红心理学—潜意识决定命运万万千千
冰山一角什么构成了我们的命运？命运是由我们的显意识和潜意识来决定的。我们可以用一张图做一个比喻。看过“冰山一角”图片的都知道，潜意识就是水面以下的部分，显意识是水面以上的部分，从体积来看，潜意识占了大部分，而显意识只是冰山一角，纵向来看，庞大的潜意识支撑着冰山一角的显意识，才得以让冰山漂浮在水面。延伸到我们的人生，我们对自己显意识层面的想法很容易感知到，所以我们会说这是“我”自己做的选择。而潜意识
Prism 教程 yang_B621 Prism IOC
http://t.csdnimg.cn/VXSSvhttps://blog.csdn.net/u010476739/article/details/119341731Prism-随笔分类-Hello——寻梦者！-博客园(cnblogs.com)C#IoC学习笔记-缥缈的尘埃-博客园(cnblogs.com)WPF_SchuylerEX的博客-CSDN博客
绘本讲师训练营【第30期】2/21阅读原创《绘本之力》学习笔记2 郑贤钰
30028郑贤钰今天读了绘本之力《留在灵魂里的东西》读了心里有非常大的感触！两个年幼什么都不懂的孩子，为了自己心爱的东西，攒下来自己的零花钱，却买了一个自己不知道怎么用的东西，当他们觉得这个东西根本就不好，准备扔掉的时候，这是故事中的有趣有爱的老爷爷出现了，帮助孩子们再一次发现之前别人拉出优美的音乐，原来自己买的这一个琴，自认为没用的琴也能够经过老爷爷熟练的演奏也能拉出这样优美的声音，这让孩子们十
仿老师悟耕海者
毕业十年了，今天去拜访老师，看到老师的学习笔记，看到老师努力学习，积极提高的状态，我觉着自己真是有些懈怠了，孩子们，老师的老师都在孜孜不倦，我们岂能偷懒！
C++学习笔记----7、使用类与对象获得高性能（一）---- 书写类（2）王俊山IT c++学习笔记开发语言
2.2、定义成员函数前面对SpreadsheetCell类的定义足以让你生成类的对象。然而，如果想调用setValue()或者getValue()成员函数，连接器就会抱怨这些函数没有定义。这是因为到目前为止，这些成员函数只有原型，而还没有实现。通常，类的定义会在模块接口文件。对于成员函数的定义，你有一个选择：可以在模块定义文件或者在模块实现文件。下面是SpreadsheetCell类，在类内对成员
Spring6学习笔记4：事务 ·云扬· SSM Java #Spring 学习笔记 spring
1JdbcTemplate1.1简介Spring框架对JDBC进行封装，使用JdbcTemplate方便实现对数据库操作准备工作①搭建子模块搭建子模块：spring-jdbc-tx②加入依赖org.springframeworkspring-jdbc6.0.2mysqlmysql-connector-java8.0.30com.alibabadruid1.2.15③创建jdbc.propertie
连通无向图一般中心的算法及其matlab程序详解夏天天天天天天天# 图论算法 matlab 图论
#################本文为学习《图论算法及其MATLAB实现》的学习笔记#################若服务点只允许取在各顶点上,而服务对象却取在各顶点及各边(或弧)上的点,则在所有顶点中选定一个顶点作为图的一般中心其条件是该点离它本身的最远服务对象(包括顶点及各边(或弧)上的点)的距离达到极小值。寻找无向图的一般中心对解决网络最佳服务点确定的问题是十分有效的，使得服务对象的范围
学习笔记：FW内容安全概述 TKE_yinian
内容安全概述信息安全概述主要威胁关于防护简介内容安全威胁应用层威胁内容安全技术WEB安全应用安全入侵防御检测邮件安全数据安全网络安全反病毒全局环境感知沙箱检测信息安全概述•信息安全是对信息和信息系统进行保护，防止未授权的访问、使用、泄露、中断、修改、破坏并以此提供保密性、完整性和可用性。•为关键资产提供机密性、完整性和可用性（CIA三元组）保护是信息安全的核心目标。CIA（Confidential
java的socket实现一个九宫棋游戏睡不醒的小泽
前言一个简单的socket小作品=v=一个机酱在大三实验课中接触到很基础的JAVA语言socket编程。至于你问为什么嵌入式的机酱会弄些Java吗？emmmmm，可能是当初C语言版的不够好玩吧，另外如果碰巧有用，欢迎抱走的yoo在之前的笔记《网络基础知识和网络编程》中有讲解过关于网络编程的一些基本知识，以及一些LinuxC的socket编程，希望粗浅了解socket内部肌理的同学，右转咱的学习笔记
【每日一词】D33 edge 宠辱不惊的中年少女
1）学习笔记：edge：优势，=advantagebeanabsoluteedge有绝对优势AhasanedgeoverB表示A比B更好maintainone'sedge保持优势loseone'sedge失去优势innovativeedge创新方面的优势2）查字典延伸：A.就工作经验而言，她显然要比我们面试过的其他人都胜出一筹。Intermsofexperience,shedefinitelyha
apache ftpserver-CentOS config gengzg apache
<server xmlns="http://mina.apache.org/ftpserver/spring/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://mina.apache.o
优化MySQL数据库性能的八种方法 AILIKES sql mysql
1、选取最适用的字段属性　　MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很
JeeSite 企业信息化快速开发平台 Kai_Ge JeeSite
JeeSite 企业信息化快速开发平台平台简介 JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。 JeeSite本身是以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流
通过Spring Mail Api发送邮件 120153216 邮件 main
原文地址：http://www.open-open.com/lib/view/open1346857871615.html 使用Java Mail API来发送邮件也很容易实现，但是最近公司一个同事封装的邮件API实在让我无法接受，于是便打算改用Spring Mail API来发送邮件，顺便记录下这篇文章。【Spring Mail API】 Spring Mail API都在org.spri
Pysvn 程序员使用指南 2002wmj SVN
源文件:http://ju.outofmemory.cn/entry/35762 这是一篇关于pysvn模块的指南. 完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html. pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个. 该
在SQLSERVER中查找被阻塞和正在被阻塞的SQL 357029540 SQL Server
SELECT R.session_id AS BlockedSessionID , S.session_id AS BlockingSessionID , Q1.text AS Block
Intent 常用的用法备忘 7454103 .net android Google Blog F#
Intent 应该算是Android中特有的东西。你可以在Intent中指定程序要执行的动作（比如：view,edit,dial），以及程序执行到该动作时所需要的资料。都指定好后，只要调用startActivity()，Android系统会自动寻找最符合你指定要求的应用程序，并执行该程序。下面列出几种Intent 的用法显示网页:
Spring定时器时间配置 adminjun spring 时间配置定时器
红圈中的值由6个数字组成，中间用空格分隔。第一个数字表示定时任务执行时间的秒，第二个数字表示分钟，第三个数字表示小时，后面三个数字表示日，月，年，< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 测试的时候，由于是每天定时执行，所以后面三个数
POJ 2421 Constructing Roads 最小生成树 aijuans 最小生成树
来源：http://poj.org/problem?id=2421 题意：还是给你n个点，然后求最小生成树。特殊之处在于有一些点之间已经连上了边。思路：对于已经有边的点，特殊标记一下，加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在，又保证了所求的结果正确。代码： #include <iostream> #include <cstdio>
重构笔记——提取方法（Extract Method） ayaoxinchao java 重构提炼函数局部变量提取方法
提取方法（Extract Method）是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候，这时候就可以用提取方法这种重构手法。下面是我学习这个重构手法的笔记：提取方法看起来好像仅仅是将被提取方法中的一段代码，放到目标方法中。其实，当方法足够复杂的时候，提取方法也会变得复杂。当然，如果提取方法这种重构手法无法进行时，就可能需要选择其他
为UILabel添加点击事件 bewithme UILabel
默认情况下UILabel是不支持点击事件的，网上查了查居然没有一个是完整的答案，现在我提供一个完整的代码。 UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]
NoSQL数据库之Redis数据库管理(PHP-REDIS实例) bijian1013 redis 数据库 NoSQL
一.redis.php <?php //实例化 $redis = new Redis(); //连接服务器 $redis->connect("localhost"); //授权 $redis->auth("lamplijie"); //相关操
SecureCRT使用备注 bingyingao secureCRT 每页行数
SecureCRT日志和卷屏行数设置一、使用securecrt时，设置自动日志记录功能。 1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径），命名为Logs； 2、点击Options -> Global Options -> Default Session -> Edite Default Sett
【Scala九】Scala核心三：泛型 bit1129 scala
泛型类 package spark.examples.scala.generics class GenericClass[K, V](val k: K, val v: V) { def print() { println(k + "," + v) } } object GenericClass { def main(args: Arr
素数与音乐 bookjovi 素数数学 haskell
由于一直在看haskell，不可避免的接触到了很多数学知识，其中数论最多，如素数，斐波那契数列等，很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。闲暇之余，从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l
Java-Collections Framework学习与总结-IdentityHashMap BrokenDreams Collections
这篇总结一下java.util.IdentityHashMap。从类名上可以猜到，这个类本质应该还是一个散列表，只是前面有Identity修饰，是一种特殊的HashMap。简单的说，IdentityHashMap和HashM
读《研磨设计模式》-代码笔记-享元模式-Flyweight bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.HashMap; import java.util.List; import java
PS人像润饰&调色教程集锦 cherishLC PS
1、仿制图章沿轮廓润饰——柔化图像，凸显轮廓 http://www.howzhi.com/course/retouching/ 新建一个透明图层，使用仿制图章不断Alt+鼠标左键选点，设置透明度为21%，大小为修饰区域的1/3左右（比如胳膊宽度的1/3），再沿纹理方向（比如胳膊方向）进行修饰。所有修饰完成后，对该润饰图层添加噪声，噪声大小应该和
更新多个字段的UPDATE语句 crabdave update
更新多个字段的UPDATE语句 update tableA a set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
hive实例讲解实现in和not in子句 daizj hive not in in
本文转自：http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html 当前hive不支持 in或not in 中包含查询子句的语法，所以只能通过left join实现。假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户，字段只有一个uid)，这两个表都包含
一道24点的10+种非人类解法（2,3,10,10） dsjt 算法
这是人类算24点的方法？！！！事件缘由：今天晚上突然看到一条24点状态，当时惊为天人，这NM叫人啊？以下是那条状态朱明西 : 24点，算2 3 10 10，我LX炮狗等面对四张牌痛不欲生，结果跑跑同学扫了一眼说，算出来了，2的10次方减10的3次方。。我草这是人类的算24点啊。。然后么。。。我就在深夜很得瑟的问室友求室友算刚出完题，文哥的暴走之旅开始了 5秒后
关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题 dcj3sjt126com yii framework
在使用 YIi的路径管理工具时，发现了一个问题。 <?php
对象与关系之间的矛盾：“阻抗失配”效应[转] come_for_dream 对象
概述 “阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库（RDBMS）存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年，而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。 “阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括：类的层次关系必须绑定为关系模式（将对象
学习编程那点事 gcq511120594 编程互联网
一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
Reverse Linked List II hcx2013 list
Reverse a linked list from position m to n. Do it in-place and in one-pass. For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4, return
Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介 jinnianshilongnian spring 4.1
目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
Hadoop集群工具distcp liyonghui160com
1. 环境描述两个集群：rock 和 stone rock无kerberos权限认证，stone有要求认证。 1. 从rock复制到stone，采用hdfs Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端，即源端问题：报版本
一个备份MySQL数据库的简单Shell脚本 pda158 mysql 脚本
　　主脚本（用于备份mysql数据库）：　　该Shell脚本可以自动备份数据库。只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。　　 1. 分别建立目录“backup”和“oldbackup” 　　#mkdir /backup 　　#mkdir /oldbackup 　
300个涵盖IT各方面的免费资源（中）——设计与编码篇 shoothao IT资源图标库图片库色彩板字体
A. 免费的设计资源 Freebbble:来自于Dribbble的免费的高质量作品。 Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。 Graphic Burger:每个像素点都做得很细的绝佳的设计资源。 Pixel Buddha:免费和优质资源的专业社区。 Premium Pixels:为那些有创意的人提供免费的素材。
thrift总结 - 跨语言服务开发 uule thrift
官网官网JAVA例子 thrift入门介绍 IBM-Apache Thrift - 可伸缩的跨语言服务开发框架 Thrift入门及Java实例演示 thrift的使用介绍 RPC POM： <dependency> <groupId>org.apache.thrift</groupId>

HTML5本地储存追加利用html5的本地存储功能实现登录用户信息保存

你可能感兴趣的:(学习笔记)