shawl.qiu Javascript 哈希表类 / HashTable v1.0

最新推荐文章于 2024-05-06 18:26:11 发布
最新推荐文章于 2024-05-06 18:26:11 发布
阅读量3.3k 收藏
点赞数
文章标签： javascript function null string object html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/btbtd/article/details/1669636
版权

shawl.qiu Javascript 哈希表类 / HashTable v1.0



说明:
HashTable 就是键值对数据类型,
表键可以通过关键字访问,
不过本类可以通过索引访问和关键字访问.

一般哈希表键值一经定义就不能更改, 不过本类是模拟的, 因此可以更改原有数据项.

本类另外增加了子键功能, 在添加项方法 Add() 中添加, 详细请看调用演示.

目录:
1. 属性及方法说明
2. 调用演示
3. HashTable 类

shawl.qiu
2007-06-28
http://blog.csdn.net/btbtd

演示:  http://files.myopera.com/btbtd/javascript/class/hashtable/HashTable.htm

下载: http://files.myopera.com/btbtd/javascript/class/hashtable/sq_js_HashTable_v1.0.7z

内容:
1. 属性及方法说明
  1. 属性:
  2. .Items 为项集合
  3. .Keys 为键集合
  4. .Values 为值集合
  5. .Object 为类内部键访问
  6. .Index 为当前索引位置


  9. 方法:
  10. .Item() 为访问表键方法
  11. .Add() 为添加项方法

  13. .First() 为移动索引位置到首项方法
  14. .Last() 为移动索引位置到末项方法
  15. .Previous() 为移动索引位置到上一项方法
  16. .Next() 为移动索引位置到下一项方法

  18. .Clear() 为清除表数据方法
  19. .Remove() 为清除项方法

  21. .Count() 为计算所有项方法
  22. .IsEmpty() 为判断是否为空方法


  25. .ContainsKey() 为判断是否已有某项名方法
  26. .ContainsValue() 为判断是否已有某项值方法

  28. .ToString() 为输出所有名值对为字串方法


2. 调用演示
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <!-- DW6 -->
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. <style type="text/css">
  8. /* <![CDATA[ */
  9.  
  10. /* ]]> */
  11. </style>
  12. <script type="text/javascript" src="HashTable.js"></script>
  13. <script type="text/javascript">
  14. //<![CDATA[ 
  15.  
  16.  function fSetItem(Hb, iLen, iStart, bSubKey)
  17.  {
  18.   if(!iLen) iLen = 5;
  19.   if(!iStart) iStart = 65;
  20.   for(var i=0; i<iLen; i++)
  21.   {
  22.    var iCur = iStart+i;
  23.    var sKey = String.fromCharCode(iCur);
  24.    
  25.    //function fPut(sKey, Value, SubKeyObj, iIndex/*default: Items.length*/)
  26.    if(bSubKey)
  27.    {
  28.     Hb.Add(sKey, sKey+" value", {NameEn:sKey+" test", NameZh:sKey+" 测试"});
  29.    }
  30.    else
  31.    {
  32.     Hb.Add(sKey, sKey+" value");
  33.    }
  34.   }
  35.  } // end function fSetItem;
  36.   
  37.  function fForNextListHashTable(Hb, bSubKey)
  38.  {
  39.   
  40.   document.write
  41.   (
  42.    "<h2>Item HashTable Key Item with ",
  43.    ("fForNextListHashTable ").fontcolor("blue")+": </h2>"
  44.   );
  45.   for(var i=0, j = Hb.Keys.length; i<j; i++)
  46.   {
  47.    document.write("<li/>Hb.Item("+i+"): "+Hb.Item(i));
  48.    
  49.    if(bSubKey)
  50.    {
  51.     document.write('<li/>Hb.Item('+i+')["NameEn"]: '+Hb.Item(i)["NameEn"]);
  52.     document.write('<li/>Hb.Item('+i+')["NameZh"]: '+Hb.Item(i)["NameZh"]);
  53.     document.write("<p></p><p></p>");
  54.    }
  55.    
  56.    document.write("<p></p><p></p>");
  57.    document.write("<hr/>");
  58.   }
  59.  } // end function fListSqObject
  60.   
  61.  function fForInListHashTable(Hb, bSubKey)
  62.  {
  63.   
  64.   document.write
  65.   (
  66.    "<h2>Item HashTable Key Item with ",
  67.    ("fForInListHashTable ").fontcolor("blue")+": </h2>"
  68.   );
  69.   
  70.   for(var i in Hb.Object)
  71.   {
  72.    document.write("<li/>Hb.Item("+i+"): "+Hb.Item(i));
  73.    
  74.    if(bSubKey)
  75.    {
  76.     document.write('<li/>Hb.Item('+i+')["NameEn"]: '+Hb.Item(i)["NameEn"]);
  77.     document.write('<li/>Hb.Item('+i+')["NameZh"]: '+Hb.Item(i)["NameZh"]);
  78.    }

  80.    document.write("<p></p><p></p>");
  81.    document.write("<hr/>");
  82.   }
  83.  } // end function fListSqObject
  84.   
  85.  function fListHashTableWithKey(Hb, Key, sBy)
  86.  {
  87.   if(!sBy) sBy = "fListHashTableWithKey";
  88.   
  89.   document.write
  90.   (
  91.    "<h2>Item HashTable Key Item with ",
  92.    (sBy).fontcolor("blue")+": </h2>"
  93.   );
  94.   
  95.   document.write("<li/>Hb.Item("+Key+"): "+Hb.Item(Key));
  96.   document.write('<li/>Hb.Item('+Key+')["NameEn"]: '+Hb.Item(Key)["NameEn"]);
  97.   document.write('<li/>Hb.Item('+Key+')["NameZh"]: '+Hb.Item(Key)["NameZh"]);
  98.   document.write("<p></p><p></p>");  

  100.   document.write("<p></p><p></p>");
  101.   document.write("<hr/>");
  102.  } // end function fListSqObject
  103.  
  104.  
  105.  var Hb = new HashTable()
  106.   
  107.   document.write("<h1>Has Subkey</h1><hr/><hr/>");
  108.   fSetItem(Hb, 5, 65, true); 
  109.   
  110.   fForNextListHashTable(Hb, true);
  111.   fForInListHashTable(Hb, true);
  112.   
  113.   fListHashTableWithKey(Hb, false, 'fListHashTableWithKey(Hb)');;
  114.   fListHashTableWithKey(Hb, 0, 'fListHashTableWithKey(Hb, 0)');;
  115.   fListHashTableWithKey(Hb, "B", 'fListHashTableWithKey(Hb, "B")');
  116.   
  117.   Hb.First();
  118.   fListHashTableWithKey(Hb, false, "First()");
  119.   
  120.   Hb.Last();
  121.   fListHashTableWithKey(Hb, false, "Last()");
  122.   
  123.   while(Hb.Previous())
  124.   {
  125.    fListHashTableWithKey(Hb, false, "Previous()");
  126.   }
  127.   
  128.   while(Hb.Next())
  129.   {
  130.    fListHashTableWithKey(Hb, false, "Next()");
  131.   }
  132.   
  133.   document.write("<h2>By Clear()</h2>");
  134.   Hb.Clear();
  135.   document.write("<li/>Hb.Keys.length: "+Hb.Keys.length);
  136.   
  137.   
  138.   document.write("<br/><br/><br/><h1>No Subkey</h1><hr/><hr/>");
  139.   fSetItem(Hb, false, 97, false);
  140.   
  141.   fForNextListHashTable(Hb, false);
  142.   fForInListHashTable(Hb, false);
  143.   
  144.   Hb.First();
  145.   document.write("<h2>By Remove()</h2>");
  146.   Hb.Remove();
  147.   document.write("<li/>Hb.Index: "+Hb.Index);
  148.   fForInListHashTable(Hb, false);
  149.   
  150.   document.write("<h2>By Remove(1)</h2>");
  151.   Hb.Remove(1);
  152.   document.write("<li/>Hb.Index: "+Hb.Index);
  153.   fForInListHashTable(Hb, false);
  154.   
  155.   document.write('<h2>By Remove("c")</h2>');
  156.   Hb.Remove("c");
  157.   document.write("<li/>Hb.Index: "+Hb.Index);
  158.   fForInListHashTable(Hb, false);
  159.   
  160.   document.write('<h2>By Remove("d")</h2>');
  161.   Hb.Remove("d");
  162.   document.write("<li/>Hb.Index: "+Hb.Index);
  163.   fForInListHashTable(Hb, false);
  164.   
  165.   document.write("<h2>By Count()</h2>");
  166.   document.write("<li/>Hb.Count(): "+Hb.Count());
  167.   
  168.   document.write("<h2>By IsEmpty()</h2>");
  169.   document.write("<li/>Hb.IsEmpty(): "+Hb.IsEmpty());
  170.   
  171.   document.write("<h2>By ContainsKey()</h2>");
  172.   document.write("<li/>Hb.ContainsKey(): "+Hb.ContainsKey());
  173.   
  174.   document.write("<h2>By ContainsKey('hello')</h2>");
  175.   document.write("<li/>Hb.ContainsKey('hello'): "+Hb.ContainsKey('hello'));
  176.   
  177.   document.write("<h2>By ContainsKey('e')</h2>");
  178.   document.write("<li/>Hb.ContainsKey('e'): "+Hb.ContainsKey('e'));
  179.   
  180.   document.write("<h2>By ContainsValue('hello')</h2>");
  181.   document.write("<li/>Hb.ContainsValue('hello'): "+Hb.ContainsValue('hello'));
  182.   
  183.   document.write("<h2>By ContainsValue('e value')</h2>");
  184.   document.write("<li/>Hb.ContainsValue('e value'): "+Hb.ContainsValue('e value'));
  185.   
  186.   document.write("<h2>By ToString()</h2>");
  187.   document.write("<li/>Hb.ToString(): <pre>"+Hb.ToString()+"</pre>");
  188.   
  189.   document.write("<h2>By ToString('##', '##@')</h2>");
  190.   document.write("<li/>Hb.ToString('##', '##@'): <pre>"+Hb.ToString('##', '##@')+"</pre>");
  191.   
  192.   document.write("<h2>By Keys</h2>");
  193.   document.write("<li/>Hb.Keys: "+Hb.Keys);
  194.   
  195.   document.write("<h2>By Values</h2>");
  196.   document.write("<li/>Hb.Values: "+Hb.Values);
  197.   
  198.   
  199.   document.title = Hb.Au.Subject +" "+ Hb.Au.Version;
  200.   Hb = null;
  201.   
  202. //]]>
  203. </script>
  204. </head>
  205. <body>
  206. </body>
  207. </html>


3. HashTable 类
  1.  /*-----------------------------------------------------------------------------------*/
  2.   * shawl.qiu Javascript HashTable class v1.0
  3.  /*-----------------------------------------------------------------------------------*/
  4.  //---------------------------------begin class HashTable()-------------------------------//
  5.  function HashTable()
  6.  { // shawl.qiu code
  7.   //------------------------------------begin public variable
  8.   //---------------begin about
  9.   this.Au = {}
  10.   this.Au.Subject = "shawl.qiu Javascript HashTable class";
  11.   this.Au.Version = "v1.0";
  12.   this.Au.Name = "shawl.qiu";
  13.   this.Au.Email = "shawl.qiu@gmail.com";
  14.   this.Au.Blog = "http://blog.csdn.net/btbtd";
  15.   this.Au.CreatedDate = "2007-6-27";
  16.   this.Au.Update = {};
  17.   this.Au.Update["1"] = "";
  18.   //---------------end about
  19.   
  20.   this.Items = [];
  21.   this.Keys = [];
  22.   this.Values = [];
  23.   this.Object = {};
  24.   this.Index = null; // Number
  25.   //------------------------------------end public variable
  26.   
  27.   //------------------------------------begin private variable
  28.   var Tl = this;
  29.   //------------------------------------end private variable
  30.   
  31.   //------------------------------------begin public method
  32.   this.Item = fItem;
  33.   this.Add = fAdd;
  34.   
  35.   this.First = fFirst;
  36.   this.Last = fLast;
  37.   this.Previous = fPrevious;
  38.   this.Next = fNext;
  39.   
  40.   this.Clear = fClear;
  41.   this.Remove = fRemove;
  42.   
  43.   this.Count = fCount;
  44.   this.IsEmpty = fIsEmpty;
  45.   
  46.   this.ContainsKey = fContainsKey;
  47.   this.ContainsValue = fContainsValue;
  48.     
  49.   this.ToString = fToString;
  50.   //------------------------------------end public method
  51.  
  52.   //------------------------------------begin private method
  53.     
  54.   function fToString(sColumnDilimiter, sRowDilimter)
  55.   {
  56.    if(!sColumnDilimiter) sColumnDilimiter = ",";
  57.    if(!sRowDilimter) sRowDilimter = "/n";
  58.    
  59.    var iCount=0;
  60.    var iLen = Tl.Keys.length;
  61.    var sTemp = "";
  62.    while(iCount<iLen)
  63.    {
  64.     sTemp += Tl.Items[iCount]["Key"]+sColumnDilimiter+Tl.Items[iCount]+sRowDilimter;
  65.     iCount++;
  66.    }
  67.    return sTemp;
  68.   } // end function fToString
  69.   
  70.   function fContainsValue(Value)
  71.   {
  72.    var iCount=0;
  73.    var iLen = Tl.Keys.length;
  74.    
  75.    while(iCount<iLen)
  76.    {
  77.     if(Tl.Items[iCount] == Value) return true;
  78.     iCount++;
  79.    }
  80.    return false;
  81.   } // end fContainsValue
  82.   
  83.   function fContainsKey(sKey)
  84.   {
  85.    if(typeof(sKey)=="undefined") return false;
  86.    return (sKey in Tl.Object);
  87.   } // end function fContainsKey
  88.   
  89.   function fIsEmpty()
  90.   {
  91.    return Tl.Keys.length===0?true:false;
  92.   } // end fIsEmpty
  93.   
  94.   function fCount()
  95.   {
  96.    return Tl.Keys.length; 
  97.   } // end fCount
  98.   
  99.   function fRemove(Key)
  100.   {
  101.    var Debug = false;
  102.    
  103.    if(Key == null)
  104.    {
  105.     if(Tl.Keys.length<0||Tl.Index>0||Tl.Index>=Tl.Keys.length-1) return false;
  106.     if(Tl.Index!=null)
  107.     {
  108.      if(Debug)
  109.      {
  110.       document.write("<li/>Tl.Index: "+Tl.Index);
  111.       document.write("<li/>Tl.Keys[Tl.Index]: "+Tl.Keys[Tl.Index]);
  112.       document.write("<li/>Tl.Object[Tl.Keys[Tl.Index]]: "+Tl.Object[Tl.Keys[Tl.Index]]);
  113.      }
  114.      
  115.      delete Tl.Object[Tl.Keys[Tl.Index]];
  116.      
  117.      Tl.Items.splice(Tl.Index, 1);
  118.      Tl.Keys.splice(Tl.Index, 1);
  119.      Tl.Values.splice(Tl.Index, 1);
  120.      
  121.      if(Tl.Index===0&&Tl.Keys.length===0) 
  122.      {
  123.       Tl.Index = null;
  124.      }
  125.      else if(Tl.Index===0&&Tl.Keys.length!==0) 
  126.      {
  127.       Tl.Index = 0;
  128.      }
  129.      else if(Tl.Index!=null&&Tl.Index>0) 
  130.      {
  131.       Tl.Index = Tl.Index-1;
  132.      }
  133.      
  134.      for(var i=0, j=Tl.Keys.length; i<j; i++)
  135.      {
  136.       Tl.Object[Tl.Keys[i]] = Tl.Object[Tl.Keys[i]]-0-1;
  137.      }
  138.      
  139.      fRemoveDebug(Debug);
  140.     }
  141.     return;
  142.    }
  143.    
  144.    switch(Key.constructor)
  145.    {
  146.     case Number:
  147.      if(Key>=0&&Key<Tl.Keys.length)
  148.      {
  149.      }
  150.      else
  151.      {
  152.       return false;
  153.      }
  154.      Tl.Items.splice(Key, 1);
  155.      
  156.      delete Tl.Object[Tl.Keys[Key]];
  157.      Tl.Keys.splice(Key, 1);
  158.      Tl.Values.splice(Key, 1);
  159.      
  160.      if(Tl.Index===0) Tl.Index = null;
  161.      else Tl.Index = Tl.Index-1;
  162.      
  163.      for(var i=Key, j=Tl.Keys.length; i<j; i++)
  164.      {
  165.       Tl.Object[Tl.Keys[i]] = Tl.Object[Tl.Keys[i]]-0-1;
  166.      }
  167.      
  168.      fRemoveDebug(false);
  169.      
  170.      break;
  171.     
  172.     case String:
  173.     
  174.      if(Key in Tl.Object)
  175.      {
  176.      }
  177.      else
  178.      {
  179.       return false;
  180.      }
  181.      
  182.      Tl.Items.splice(Tl.Object[Key], 1);
  183.      Tl.Keys.splice(Tl.Object[Key], 1);
  184.      Tl.Values.splice(Tl.Object[Key], 1);
  185.      
  186.      for(var i=Tl.Object[Key], j=Tl.Keys.length; i<j; i++)
  187.      {
  188.       Tl.Object[Tl.Keys[i]] = Tl.Object[Tl.Keys[i]]-0-1;
  189.      }
  190.      
  191.      delete Tl.Object[Key];
  192.      
  193.      if(Tl.Index===0) Tl.Index = null;
  194.      else Tl.Index = Tl.Index-1;

  196.      fRemoveDebug(false);

  198.      break;
  199.      
  200.     default:  
  201.    }
  202.   } // end function Remove
  203.   
  204.   function fRemoveDebug(bDebug)
  205.   {
  206.    if(!bDebug) return false;
  207.    
  208.    for(var i in Tl.Keys)
  209.    {
  210.     document.write("<li/>i: "+i);
  211.    }
  212.    document.write("<hr/>");
  213.    
  214.    for(var i in Tl.Items)
  215.    {
  216.     document.write("<li/>i: "+i);
  217.    }
  218.    document.write("<hr/>");
  219.    
  220.    for(var i in Tl.Object)
  221.    {
  222.     document.write("<li/>i: "+i);
  223.    }
  224.    document.write("<hr/>");
  225.    
  226.    for(var i in Tl.Object)
  227.    {
  228.     document.write("<li/>Tl.Object[i]: "+Tl.Object[i]);
  229.    }
  230.    document.write("<hr/>");
  231.   } // end function fRemoveDebug
  232.   
  233.   function fClear()
  234.   {
  235.    Tl.Items = [];
  236.    Tl.Keys = [];
  237.    Tl.Values = [];
  238.    Tl.Object = {};
  239.    Tl.Index = null; // Number
  240.   } // end function fClear
  241.   
  242.   function fNext()
  243.   {
  244.    if(Tl.Keys.length === 0||Tl.Index >= Tl.Keys.length-1) return false;
  245.    Tl.Index = Tl.Index-0+1;
  246.    return true;
  247.   } // end function fNext
  248.   
  249.   function fPrevious()
  250.   {
  251.    if(Tl.Keys.length === 0||Tl.Index === 0) return false;
  252.    Tl.Index = Tl.Index-0-1;
  253.    return true;
  254.   } // end function fPrevious
  255.   
  256.   function fLast()
  257.   {
  258.    if(Tl.Keys.length===0) return null;
  259.    Tl.Index = Tl.Keys.length-1;
  260.   } // end function fLast
  261.   
  262.   function fFirst()
  263.   {
  264.    if(Tl.Keys.length===0) return null;
  265.    Tl.Index = 0;
  266.   } // end function fFirst
  267.   
  268.   function fAdd(sKey, Value, SubKeyObj, iIndex/*default: Items.length*/)
  269.   {
  270.    if(typeof(sKey)=="undefined"||sKey=="")
  271.    {
  272.     alert("键不能为空!");
  273.     return false;
  274.    }
  275.    sKey+="";
  276.    
  277.    if(sKey in Tl.Object)
  278.    {   
  279.     Tl.Items[Tl.Object[sKey]] = fSetKey(sKey, Value, SubKeyObj);;
  280.     return true;
  281.    }
  282.    
  283.    var Ar = [];
  284.    Ar[0] = Value;
  285.    Ar["Key"] = sKey;
  286.    
  287.    if(SubKeyObj&&SubKeyObj.constructor==Object)
  288.    {
  289.     for(var i in SubKeyObj)
  290.     {
  291.      Ar[i+""] = SubKeyObj[i];
  292.     }
  293.    }
  294.    
  295.    if(typeof(iIndex)=="undefined") iIndex = Tl.Items.length;
  296.    Tl.Index = iIndex;
  297.    
  298.    Tl.Keys[iIndex] = sKey;
  299.    Tl.Values[iIndex] = Value;
  300.    
  301.    Tl.Items[iIndex] = fSetKey(sKey, Value, SubKeyObj);
  302.    Tl.Object[sKey] = iIndex;
  303.    
  304.   } // end function fAdd
  305.   
  306.   function fItem(Key)
  307.   {
  308.    if(typeof(Key)=="undefined"||(Key.constructor==String&&Key==""))
  309.    {
  310.     return Tl.Items[Tl.Index];
  311.    }
  312.    
  313.    if(/^[0-9]+$/.test(Key)) 
  314.    {
  315.     Key -= 0;
  316.    }
  317.    
  318.    switch(Key.constructor)
  319.    {
  320.     case Number:
  321.      Tl.Index = Key;
  322.      return Tl.Items[Key];
  323.     
  324.     case String:
  325.      Tl.Index = Tl.Object[Key];
  326.      return Tl.Items[Tl.Object[Key]]; 
  327.      
  328.     default:
  329.      return Tl.Items[Tl.Index]; 
  330.    }
  331.   } // end function fItem
  332.   
  333.   function fSetKey(sKey, Value, SubKeyObj)
  334.   { // return Array;
  335.    var Ar = [];
  336.    Ar[0] = Value;
  337.    Ar["Key"] = sKey;
  338.    Ar["Name"] = sKey;
  339.    
  340.    if(SubKeyObj&&SubKeyObj.constructor==Object)
  341.    {
  342.     for(var i in SubKeyObj)
  343.     {
  344.      Ar[i+""] = SubKeyObj[i];
  345.     }
  346.    }
  347.    
  348.    return Ar;
  349.   } // end function fSetKey
  350.   
  351.   //------------------------------------end private method
  352.  } // shawl.qiu code
  353.  //---------------------------------end class HashTable()---------------------------------//


btbtd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
10-31
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
shawl.qiu javascript 表单验证类/Validator Class v1.2
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
06-12 2764
 shawl.qiu javascript 表单验证类/Validator Class v1.2说明:本类作用是验证表单输入数据是否符合要求.特点:从 form method 设置, 比如, 你要使用POST提交, 那就在FORM 设置成 GET,调用时设置为:  valid.Form.Method.Unvalid = "get";  valid.Form.Method.Valid = "po
shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
07-01 8746
shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0说明:这个类嘛, 功能就跟标题描述的一样, 也许更多, 这取决于你对色彩的了解程度..后续版本会逐渐发展成 Web 页配色方案, 也许在这个类的基础上扩展, 也许会是一个全新的类.主色彩内容主要为预定义色彩, 因此随着类的更新, 类会越来越大.目前本类大小约为: 85.2 KB (87,328
shawl.qiu Javascript 元素拖曳类 Dragging class v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
05-17 2497
shawl.qiu Javascript 元素拖曳类 Dragging class v1.0说明:其实早先也用 js写过一个相关函数, fDragging.见:  http://blog.csdn.net/btbtd/archive/2006/11/10/1377810.aspx不过说实在的, 真正应用起来还是有点麻烦的, 首先就是那个 css 的 position: absolute, 这个
shawl.qiu Javascript 代码格式化类/Styler, StyleEngine v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
08-06 1887
 shawl.qiu Javascript 代码格式化类/Styler, StyleEngine v1.0说明: 码代码这事, 开始的时候没啥经验, 就乱码...等到积累一定的知识后, 发现代码风格实在是太重要了...不过先前有可能已码了一堆风格不好的代码...那怎么办? 逐个手工转换风格吗?不用.. 鄙人写的这个JS 工具就是对付这类问题的...本类主要规划四大类的代码格式化功能.1. 类
shawl.qiu Javascript 圆角表格生成类 sqRounded v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
05-13 1367
shawl.qiu Javascript 圆角表格生成类 sqRounded v1.0 说明:写这个东西其实嘛, 是因为本人烦了弄个纯CSS圆角表格老要复制一大堆代码, 麻烦不说, 还很容易出错...所以呗, 本类就诞生了.主要用法...:比如你有 div 标签, id 为 x那只需要调用一下本类就OK, 也可以一次作用于多个标签, 外观设置嘛, 由于是刚写, 肯定有不足的地方了, 这个只能在
shawl.qiu javascript dom 关键词高亮类 v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
01-01 1753
shawl.qiu javascript dom 关键词高亮类 v1.0  说明:  这个 javascript 类应用于页面搜索上, 主要为高亮显示搜索到的关键词.  下载原格式: http://files.myopera.com/btbtd/javascript/function/keywords_v1.0.txt.7z   功能: * 支持自定义高亮显示区域 * 支持自定义关键词链接 /
shawl.qiu javascript 跨域类... sqCrossDomain v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
05-10 1615
 shawl.qiu  脚本跨域类... sqCrossDomain v1.0说明:首先...要声明的是, 实现 js 绝对跨域是不可能的,不过本类确实实现了跨域.    用 iframe , object 标签, 我是弄过N次了, 还改写了某些方法, 死活就是不行.最后嘛, 一个常见现象大家可能忽略了..js 文件不就是可以跨域使用的么...当然这个就只能用在某些预定内容上了, 但这个对我来
shawl.qiu Javascript 代码高亮类, Highlights/HighlightEngine v1.9
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
08-31 2879
shawl.qiu Javascript 代码高亮类, Highlights/HighlightEngine v1.9说明:计划完成的 语言高亮 在本版已经完成...v1.0 实现 Cssv1.1 实现 Javascriptv1.2 实现 Tag ***v1.3 实现 VBScriptv1.4 实现 ASPJScriptv1.5 实现 ASPVBScriptv1.6 实现 AnsiSql **
shawl.qiu javascript 日历控件类(Calendar) v1.0
星☆空 | 对生活要知足,学习要不知足,为人处事要知不足. 卍 ♂ | ♀ 卐 - 科技以人为本.
10-10 3477
 shawl.qiu javascript 日历控件类(Calendar) v1.0说明:哦, 刚在整一个类似于日程的小程序, 发现俺原来还没写过JS日历.这不, 就写了一个.其实类似于这类东西网上多如牛毛, 但问题是我没写过, 所以嘛, 就写写学点经验. 特点就是可以通过 AJAX 绑定, 判断某年某月的所有日子该天是否有记录. 下载包里有 asp/jscript 绑定演示.可自行扩展语言.
js prototype 格式化数字 By shawl.qiu
10-30
js prototype 格式化数字 By shawl.qiu
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
10-31
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu
10-31
编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu
vue快速入门（五十）重定向
不起眼小菜菜的博客
05-03 372
注释很详细，直接上代码……
bpmn-js推荐几款常用的插件
飞云先生
04-30 158
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
遍历JavaScript对象（字典）
weixin_45596561的博客
05-01 354
遍历JavaScript对象（字典）是编程中常见的需求。for...in循环提供了最直接的方式，但在某些情况下可能需要额外的检查。与forEach结合使用提供了另一种遍历方式，特别是在您使用现代JavaScript版本时。根据您的具体需求和偏好，可以选择最适合您的遍历方法。
表格隔行变色
weixin_54339833的博客
05-02 410
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
pinia
u013195452的专栏
04-30 386
pinia: 2.0.11. npm install [email protected]采用去中心化的架构，每个模块拥有自己的状态、mutations和actions，而Vuex采用集中式的架构，将所有的状态存储在一个单一的全局状态树中，通过mutations和actions来修改和处理状态。 类型支持。Pinia从设计之初就对TypeScript提供了原生的支持，提供了更好的类型推导和类型检查的支持，而Vuex需要使用额外的插件来实现TypeScript支持。Pinia在性能上进行了一些优化，采用
vue3引入element-plus完整步骤
最新发布
zzx262625的博客
05-06 286
如果你的项目需要在低版本浏览器上运行，你可能需要使用一些转换工具（如Babel、ESBuild）和polyfill来确保兼容性。在你的Vue项目中配置一个编译器（如Vue CLI、Vite等），然后运行你的项目。你可以尝试在你的组件中使用一些Element Plus的组件来确保它们正常工作。使用npm（或cnpm，如果你在中国并且希望使用淘宝的npm镜像）来安装Element Plus。这样，你就可以在你的Vue组件中使用Element Plus的图标了。在你的Vue 3项目的入口文件（通常是。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值