Javsscipt经典例子

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.8k 收藏
点赞数
分类专栏： Javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kingsen829/article/details/38456681
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>


<body>
模拟添加/删除用户:<br>
姓名: <input type="text" name="name" id="name" />  
email: <input type="text" name="email" id="email" />  
电话: <input type="text" name="tel" id="tel" />  
<button id="addUser">提交</button>

<table id="usertable" border="1" cellpadding="5" cellspacing=0 width="600">
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th>操作</th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="#">Delete</a></td>
</tr>
</tbody>
</table>
<script language="JavaScript">
//dom结构绘制完毕,页面的所有关联的文件必须加载完毕(图片)
window.οnlοad=function(){
 //<button id="addUser">提交</button>
 document.getElementById("addUser").οnclick=function(){
/******************************************************************************************************/  
   //获取文本框的值
   /*
    * 姓名: <input type="text" name="name" id="name" />  
email: <input type="text" name="email" id="email" />  
电话: <input type="text" name="tel" id="tel" /><br><br>
    */

var nameValue=document.getElementById("name").value;
var emailValue=document.getElementById("email").value;
var telValue=document.getElementById("tel").value;
/******************************************************************************************************/
   //创建td
   /*
    * <tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
    */
   //创建nametd
     var nameTd=document.createElement("td");
var nameText=document.createTextNode(nameValue);
nameTd.appendChild(nameText);
   
   //创建emailtd
     var emailTd=document.createElement("td");
var emailText=document.createTextNode(emailValue);
     emailTd.appendChild(emailText);
 
   //创建teltd
     var telTd=document.createElement("td");
var telText=document.createTextNode(telValue);
telTd.appendChild(telText);
   
   //创建atd
     var aTd=document.createElement("td");
 
var aElement=document.createElement("a");
aElement.setAttribute("href","deleteEmp?id="+nameValue);
var deleteText=document.createTextNode("Delete");
aElement.appendChild(deleteText);
aTd.appendChild(aElement);


/******************************************************************************************************/
  //创建tr
    var trElement=document.createElement("tr");
    
  //增加td到tr上
    trElement.appendChild(nameTd);
trElement.appendChild(emailTd);
trElement.appendChild(telTd);
trElement.appendChild(aTd);


/******************************************************************************************************/
 //增加tr到table上
 //<table id="usertable" border="1" cellpadding="5" cellspacing=0>
    //<tbody>
 var tableElement=document.getElementById("usertable");
 
 //创建tbody,为了跨浏览器,要创建tbody
 var tbodyElement=document.createElement("tbody");
 tbodyElement.appendChild(trElement);
 
 //放置tbody到table上
 tableElement.appendChild(tbodyElement);

/******************************************************************************************************/
//删除
 aElement.οnclick=function(){
   //使网页的链接失效
 return delTr(aElement);
 }
/******************************************************************************************************/
   }
}


/**
 * @param {Object} aElement
 */ 
function delTr(aElement){
   /*
    *               <tr>
<td>
   Tom
</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
    */
var name=aElement.parentNode.parentNode.firstChild.firstChild.nodeValue;
//alert("name   "+name)

var flag=window.confirm("您真的要删除["+name+"]这个用户吗?");
//alert(flag);

// 点击"取消" 按钮
if(!flag){
//使网页的链接失效
return false;
}

//删除
  //获取tbody
   var tbodyElement=aElement.parentNode.parentNode.parentNode;
  //获取tr
   var trElement=aElement.parentNode.parentNode;
  //删除
   tbodyElement.removeChild(trElement);
   //使网页的链接失效

return false;
 }  
 </script>
<hr/>
您的爱好很广泛!!!
  <br>
<input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选
<br>
        <input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
<br>
<input type="button" name="checkall" id="checkall" value="全选" />
<input type="button" name="checkall" id="checkallNo" value="全不选" />
<input type="button" name="checkall" id="check_revsern" value="反选" />
<script language="JavaScript">
    window.οnlοad=function(){
 //<input type="button" name="checkall" id="checkall" value="全选" />
 document.getElementById("checkall").οnclick=function(){
  var itemElements=document.getElementsByName("items");
         for(var i=0;i<itemElements.length;i++){
//方法一:   <input type="checkbox" name="items" value="足球" />足球
//itemElements[i].setAttribute("checked","checked");

//方法二
itemElements[i].checked="checked";
}
 }
 
 //<input type="button" name="checkall" id="checkallNo" value="全不选" />
  document.getElementById("checkallNo").οnclick=function(){
  var itemElements=document.getElementsByName("items");
         for (var i = 0; i < itemElements.length; i++) {
   var itemElement=itemElements[i];

//方法一,IE行,其他的不行
//itemElement.setAttribute("checked",null);

//方法二: 都行
itemElement.checked=null;
}
  }
  
 //<input type="button" name="checkall" id="check_revsern" value="反选" />
 document.getElementById("check_revsern").οnclick=function(){
   var itemElements=document.getElementsByName("items");
  for (var i = 0; i < itemElements.length; i++) {
     var itemElement = itemElements[i];

//itemElement.checked:如果选中为true,否则false
       if(itemElement.checked){
itemElement.checked=null;
}else{
itemElement.checked="checked";
}
  }
 }


 //<input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选
   document.getElementById("checkItems").οnclick=function(){
//alert(this.checked);
                var itemElements=document.getElementsByName("items");
   for (var i = 0; i < itemElements.length; i++) {
var itemElement = itemElements[i];
if(this.checked){
itemElement.checked="checked";
}else{
itemElement.checked=null;
}
}
}
    } 
  </script>
<hr/>
<form method="post" name="myform">  
<table border="0" width="300">  
<tr>  
<td width="40%">  
<select style="WIDTH:100%" multiple name="list1" size="12" οndblclick="moveOption(document.myform.list1, document.myform.list2)">  
<option value="北京">北京</option>  
<option value="上海">上海</option>  
<option value="山东">山东</option>  
<option value="安徽">安徽</option>  
<option value="重庆">重庆</option>  
<option value="福建">福建</option>  
<option value="甘肃">甘肃</option>  
<option value="广东">广东</option>  
<option value="广西">广西</option>  
<option value="贵州">贵州</option>  
<option value="海南">海南</option>  
<option value="河北">河北</option>  
<option value="黑龙江">黑龙江</option>  
</select>  
</td>  
<td width="20%" align="center">  
<input type="button" value="-->添加" οnclick="moveOption(document.myform.list1, document.myform.list2)">
<br/>  
<input type="button" value="==>全添" οnclick="moveAllOption(document.myform.list1, document.myform.list2)">
<br/>  
<input type="button" value="<--删除" οnclick="moveOption(document.myform.list2, document.myform.list1)">  
<br/>  
<input type="button" value="<==全删" οnclick="moveAllOption(document.myform.list2, document.myform.list1)">  
</td>  
<td width="40%">  
<select style="WIDTH:100%" multiple name="list2" size="12" οndblclick="moveOption(document.myform.list2, document.myform.list1)">  
</select>  
</td>  
<td>  
<button οnclick="changepos(document.myform.list2,-1)" type="button">上移</button>  
<br/>  
<button οnclick="changepos(document.myform.list2,1)" type="button">下移</button>  
</td>  
</tr>  
</table>  
值：<input type="text" name="city" size="40">  
</form> 
<script language="JavaScript">  
<!--  
function moveOption(e1, e2){  
    try{  
        for(var i=0;i<e1.options.length;i++){  
            if(e1.options[i].selected){  
                var e = e1.options[i];  
                e2.options.add(new Option(e.text, e.value));  
                e1.remove(i);  
                i=i-1  
            }  
        }  
    document.myform.city.value=getvalue(document.myform.list2);  
    }  
    catch(e){}  
}  
function moveAllOption(e1, e2){  
    try{  
        for(var i=0;i<e1.options.length;i++){  
                var e = e1.options[i];  
                e2.options.add(new Option(e.text, e.value));  
                e1.remove(i);  
                i=i-1   
        }  
    document.myform.city.value=getvalue(document.myform.list2);  
    }  
    catch(e){}  
}  
function getvalue(geto){  
    var allvalue = "";  
    for(var i=0;i<geto.options.length;i++){  
        allvalue +=geto.options[i].value + ",";  
    }  
    return allvalue;  
}  
function changepos(obj,index){  
alert(obj.selectedIndex);
    if(index==-1){  
        if (obj.selectedIndex>0){  
            obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))  
        }  
    }else if(index==1){  
        if (obj.selectedIndex<obj.options.length-1){  
            obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))  ;
alert(obj.selectedIndex);
        }  
    }  
}  
//-->  
</script>  
<hr/>
级联菜单：
       <form name="m">
           <select name="p" οnchange="choose()">
               <option value="0" selected>--省份--</option>
               <option value="1">广东</option>
               <option value="2">山东</option>
           </select>


           <select name="city">
               <option value="0">--城市--</option>
           </select>
        </form>
 <script language="javaScript">
        var dt = new Array();                                      //  模拟的测试数据
        dt[0] = new Array('0','--请先选择省份--');
        var gd = new Array();
        gd[0] = new Array('0','广州');
        gd[1] = new Array('1','深圳');
        gd[2] = new Array('2','中山');
        var sd = new Array();
        sd[0] = new Array('0','济南');
        sd[1] = new Array('1','青岛');
        sd[2] = new Array('2','威海');
      
        function showCity(pe){                                  //  动态加载1级菜单
            for (var i=0;i<pe.length;i++){   
                document.m.city.options[i] = new Option(pe[i][1],pe[i][0]);
            }
        }


        function choose(){                                          //  动态加载2级菜单 
            var tag = document.m.p.value;
            switch(tag){
                case '0': init(); showCity(dt); break;
                case '1': init(); showCity(gd); break;        
                case '2': init(); showCity(sd); break;
            }
       }
       function init(){                                                  //  初始化2级菜单  
           var len = document.m.city.options.length;
           for(var i=0;i<len;i++){
               document.m.city.remove(i);
           }
       }
       function flush(){                                               //  解决页面刷新,初始化1级菜单
           document.m.p.options[0].selected=true ;  
       }
       </script>


<hr/>
    <p>员工信息录入</p>
    <form name="empForm" id="empForm" method="post" action="user.html">
<table border=1>
<tr>
<td>真实姓名(不能为空 ,没有其他要求)</td>
<td><input type="text" id="realname" name="realname" />
</td>
</tr>
<tr>
<td>登录名(登录名不能为空,长度应该在5-8之间,可以包含中文字符(一个汉字算一个字符)):</td>
<td><input type="text" id="username" name="username" /></td>
</tr>
<tr> 
     <td>密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
     <td><input type="password" id="psw"  name="psw" style="width:120px" /></td>
   </tr>
   <tr> 
     <td>重复密码密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
     <td><input type="password" id="psw2" name="psw2" style="width:120px" /></td>
   </tr>
   <tr>
<td>性别(必选其一)</td>
<td>
   <input  type="radio" id="gender_male" value="m" name="gender"/>男
   <input  type="radio" id="gender_female" value="f" name="gender"/>女
</td>
</tr>
<tr> 
               <td>身份证(15或18为)</td>
               <td><input type="text" id="cart"  name="cart" size=20 value="" /></td>
            </tr>

<tr>
<td></td>
<td></td>
<td><input type="button"  name="ok"  id="ok"  value="保存" ></td>
</tr>
</table>
</form>
</body>
<script language="JavaScript">
window.οnlοad=function(){
   document.getElementById("ok").οnclick=function(){
   /****************************************************************************************************/
    /*
     * <tr>
<td>真实姓名(不能为空 ,没有其他要求)</td>
<td><input type="text" id="realname" name="realname" />
</td>
</tr>
     */
var realnameValue=document.getElementById("realname").value;
//alert("realnameValue"+ltrim(rtrim(realnameValue))+"realnameValue")
if(ltrim(rtrim(realnameValue))==""||realnameValue==null||realnameValue==undefined){
alert("真实姓名不能为空");
document.getElementById("realname").focus();
return false;
}
   /****************************************************************************************************/
     /*
      * <tr>
<td>登录名(登录名不能为空,长度应该在5-8之间,可以包含中文字符(一个汉字算一个字符)):</td>
<td><input type="text" id="username" name="username" /></td>
</tr>
      */
 var usernameValue=document.getElementById("username").value;
 if(ltrim(rtrim(usernameValue))==""||usernameValue==null||usernameValue==undefined){
  alert("登录名不能为空");
document.getElementById("username").focus();
return false;
 }
 
 //验证长度在5-8之间,字符包括[字母 数字 中文]
      var pattern=/^[_0-9a-zA-Z\u4e00-\u9fa5]{5,8}$/;
 var flag=pattern.test(ltrim(rtrim(usernameValue)));
 if(!flag){
   alert("登录名长度在5-8之间,");
 document.getElementById("username").focus();
 return false;
 }
   /****************************************************************************************************/
//   /*
//    *       <tr> 
//      <td>密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
//      <td><input type="password" id="psw"  name="psw" style="width:120px" /></td>
//    </tr>
//    */
var pswValue=document.getElementById("psw").value;
    if(ltrim(rtrim(pswValue))==""||pswValue==null||pswValue==undefined){
  alert("密码不能为空");
document.getElementById("psw").focus();
return false;
}

//长度6-12字符或数字,不能包含中文字符

//使用文本格式定义正则表达式,字符0-128之间
//var pattern=/^[0-9a-zA-Z]{6,12}$/;

//注意 \d形式的正则,如果使用文本格式不用加转义字符.如果使用构造函数定义,则要加转义字符
//var pattern=/^[\da-zA-Z]{6,12}$/;

//使用构造函数定义正则表达式,，没有字符限制
var pattern=new RegExp("^[0-9a-zA-Z]{6,12}$");
var pattern=new RegExp("^[\\da-zA-Z]{6,12}$");

var flag=pattern.test(ltrim(rtrim(pswValue)));
if(!flag){
        alert("长度6-12字符或数字,不能包含中文字符");
document.getElementById("psw").focus();
return false;
}
//   **************************************************************************************************
   
//    * <tr> 
//      <td>重复密码密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
//      <td><input type="password" id="psw2" name="psw2" style="width:120px" /></td>
//    </tr>
//    
   var psw2Value=document.getElementById("psw2").value;
   if(pswValue!=psw2Value){
       alert("两次密码输入的不一致");
document.getElementById("psw2").focus();
return false;
   }
 /****************************************************************************************************/
 /*
  *  <tr>
<td>性别(必选其一)</td>
<td>
   <input  type="radio" id="gender_male" value="m" name="gender"/>男
   <input  type="radio" id="gender_female" value="f" name="gender"/>女
</td>
</tr>
  */
   var flag=false;
   var genderElements=document.getElementsByName("gender");
   for(var i=0;i<genderElements.length;i++){
       if(genderElements[i].checked){
  flag=true;
  }  
   }
   
   if(!flag){
     alert("您没有第三种性别可选");
 return false;
   }
   
 /****************************************************************************************************/
  /*
   * <tr> 
        <td>身份证(15或18为)</td>
        <td><input type="text" id="cart"  name="cart" size=20 value="" /></td>
     </tr>
   */
   var cartValue=document.getElementById("cart").value;
   if (ltrim(rtrim(cartValue)) == "" || cartValue == null || cartValue == undefined) {
       alert("身份证不能为空");
  document.getElementById("cart").focus();
  return false;
   }
   
   var len=cartValue.length;
   if(len!=15&&len!=18){
      alert("您的身份证位数输入有误");
  document.getElementById("cart").focus();
  return false;
   }
   
   //验证15位的身份证
   if(len==15){
    var pattern=/^\d{15}$/;
var flag=pattern.test(cartValue);
if(!flag){
alert("您的15位的身份证格式输入有误");
   document.getElementById("cart").focus();
   return false;
}
   }
   //验证18位的身份证
   if(len==18){
    var pattern=/^\d{18}|\d{17}[X]{1}$/;
var flag=pattern.test(cartValue);
if(!flag){
alert("您的18位的身份证格式输入有误");
   document.getElementById("cart").focus();
   return false;
}
   }


 /****************************************************************************************************/
   document.forms[0].submit();
   }
}


/**
* 去掉左端的空格
*   ***zhu
*   **zhu
*   *zhu
*   zhu
* 
*/
function ltrim(str){
 while(str.charAt(0)==" "){
  str=str.substring(1,str.length);
ltrim(str);
 }
 return str
}

/**
* 去掉右端的空格
*   zhu***
*   
*   
*/
function rtrim(str){
 while(str.charAt(str.length-1)==" "){
  str=str.substring(0,str.length-1);
rtrim(str);
 }
 return str
}


</script>
<hr/>


<hr/>
 
<hr/>


</body>
</html>
码农理财
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
黑人小心了
12-05
使用cocos2d-x3.2制作的一个小游戏，黑人小心了，lua学习着开发，共享大家一起学习
接触JAV第一步HelloWorld
热门推荐
java0201的博客
07-01 20万+
publlic  class HelloWorld{       public static void main(String args[]){              Systom.out.println("Hello World");      } }
Java300StudyNote(7)-Java各版本JavaSE、JavaEE、JavaME
RhymeChiang
10-02 6万+
1、JavaSE(J2SE)Java Standard Edition Java标准版 适合个人计算机上的应用2、JavaEE(J2EE)Java Enterprise Edition Java企业版本 适合服务器端的应用3、JavaME(J2ME)Java Micro Edition Java微型版 适合消费性电子产品
Java bovo,java/2095: redefinition of symbol ".LLBB0" in assembler output
weixin_34616304的博客
03-19 8780
>Number: 2095>Category: java>Synopsis: redefinition of symbol ".LLBB0" in assembler output>Confidential: no>Severity: serious>Priority: medium>Re...
Create graphics via R + JavaGD (JRI) in Java
Solaris_navi Tech Space
04-12 1307
通过 JavaGD 创建 R 图像 File 1 import java.awt.BorderLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.image.BufferedImage; import java.io.File; import jav
Java专家推荐过的 4 本Java经典书，你看过几本？
alloyer的专栏
02-20 2457
最近几年，TIOBE编程语言排行榜上，Java一直稳居榜首，下面是最经典的Java编程书籍。   1. Java核心技术 Java领域最有影响力和价值的著作之一，由拥有20多年教学与研究经验的资深Java技术专家撰写（获Jolt大奖），与《Java编程思想》齐名，10余年全球畅销不衰，广受好评。   2. Java编程思想 - 2003年《Software Developm...
Java经典23种设计模式之创造型模式(一)
yanzi1225627的专栏
07-07 3862
设计模式被称为程序员的内功，之前零零散散的看过一大部分，但自己么有总结过，故此次在这里总结下。值得一提的是，设计模式并非Java所特有。因为一直搞Android，这里就用Java为载体。最经典的设计模式有23种，分三个大类型: 创建型模式(5) 、结构型模式(7)、行为型模式(11),5 + 7 +11 = 23.网上一搜也都是一大把了，这里仅仅是个人作的记录。本文记录创造型模式里的工厂方法(Fa
PrintStream 实例
china_demon的专栏
12-30 477
package com.zyf.day22; import java.io.File; import java.io.IOException; import java.io.PrintStream; /** * 打印流(printStream) * @author root * */ public class demo6 { public static void main(St
JAV基础
Eric
02-24 4万+
Hello，今天呢，就聊聊java运行机制，多的啥也不说了，直接进入主题！ Java运行机制 理解java运行机制，首先需要理解java虚拟机的概念。java虚拟机（Java Virtual Machine简称 JVM）是运行所有 Java程序的抽象计算机，是一个想象中的机器，是Java语言的运行环境，在实际的计算机上通过软件模拟。 安装JDK之后就包含java虚拟机。对...
最简单的视频网站（JavaEE+FFmpeg）
雷霄骅(leixiaohua1020)的专栏
02-23 8万+
本文记录一个最简单的视频网站系统。此前做过一些基于JavaEE中的SSH (Strut2 + Spring + Hibernate)的网站系统，但是一直没有做过一个视频网站系统，所以就打算做一个“精简”的视频网站系统，以方便以后测试以及学习使用。本视频网站支持直播（通过RTMP实现）和点播（通过HTTP实现）。为了保持精简，这个视频网站系统仅制作了网络视频的管理功能（增删改查），以及相关的参数配置功能。
Perl GD.pm模块的安装
Alvin's Tech Blog
03-03 4057
http://www.issociate.de/board/post/153088/problem_installing_GD-2.19.htmlvertigo wrote:> Hello> > I can not install GD-2.19.> I tried with gd-2.0.33 and perl 5.6.8:> #perl Makefile.PL> #make> > an
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 416
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1009
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 521
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 304
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 413
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
css flex布局两个元素水平居中垂直居中
xiaohua616的博客
04-23 455
使用flex布局，让两个元素水平居中垂直居中，具体实现效果如下：
【内附完整redis配置文件】linux服务器命令设置redis最大限制内存大小，设置redis内存回收机制，redis有哪些回收机制
G佳伟
04-23 501
redis经常出现进程自己挂掉，经排查后是因为redis占用内存过大，导致服务器内存爆满进程自己挂掉。
使用vue3+ts+vite从零开始搭建bolg(二)
qq_75246137的博客
04-21 250
svg:用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。component中的index.ts,注册全局组件。package.json中的scripts配置项。vite.config.ts文档中配置。SvgIcon的index.vue文件。.env.development文件。.env.production文件。vite.config.ts配置。tsconfig.ts配置。.env.test文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值