js实现程序框

最新推荐文章于 2024-07-11 20:55:36 发布
最新推荐文章于 2024-07-11 20:55:36 发布
阅读量403 收藏
点赞数
分类专栏： js 文章标签： javascript
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<title>自动生成使用一段彩色文字的代码。</title>
</head>
<body>


<script language=JavaScript1.2>
<!--
var bName=navigator.appName;
var bVer=parseInt(navigator.appVersion);
var NS4=(bName=="Netscape" && bVer >= 4);
var IE4=(bName=="Microsoft Internet Explorer" && bVer >= 4);
var fstr_r;
var fstr_g;
var fstr_b;
var sItem="S";
function display(id, str){
  if(NS4 || IE4){
    if(NS4){
      with (document[id].document){
        open(); write(str); close();
      }
    }else document.all[id].innerHTML=str;
  }else{
    document.fsample2.startcolor.value=document.GradForm.start.value;
    document.fsample2.endcolor.value=document.GradForm.end.value;
  }
}
function makeArray(){
  for(i = 0; i<makeArray.arguments.length; i++)
    this[i] = makeArray.arguments[i];
}
var convert = new makeArray
('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
function returnBase(number,base) {
  eval("var output=parseInt(number)");
  if(isNum(number,base)){
    if(number < base) output = convert[output];
    else{
      var MSD = '' + Math.floor(number / base);
      var LSD = number - MSD*base;
      if(MSD > base) output = returnBase(MSD,base) + convert[LSD];
      else output = convert[MSD] + convert[LSD];
    }
  }else{
    output=0;
  }
  return output;
}
function isNum(no, base){
  var cmp="0123456789";
  var chkStr=no;
  var chkChar;
  var rc=true;
  var nLen;
  if(base == 16){
    cmp+="ABCDEFabcdef";
  }else if(base == 10){
    eval("chkStr=''+parseInt(chkStr)");
  }
  nLen=chkStr.length;
  for(var i=0; i<nLen; i++){
     chkChar=chkStr.substring(i,i+1)
     if(i==0 && chkChar == "#" && base == 16){
     }else if(cmp.indexOf(chkChar)<0){
       rc=false;
     }
     if(rc == false) i=nLen;
  }
  return rc;
}
function chkNum(obj,base){
  var form=document.GradForm;
  var rc=true;
  if(base==10){
    eval("rc=form."+obj+".value <= 255");
  }
  if(rc){
    eval("rc=isNum(form."+obj+".value,"+base+")");
    if(!rc){
      alert("输入的数值不正确！");
      eval("form."+obj+".focus()");
    }
  }else{
    alert("输入的数值大于255！");
    eval("form."+obj+".focus()");
  }
  return rc;
}
function twobyte(no){
  var str=no;
  if(isNum(no,16)){
    str="0"+str;
    str=str.substring((str.length-3)+1);
  }else{
    str="00";
  }
  return str;
}
function CstrLen(cStr){
  var sLen=cStr.length;
  var j=0;
  for(var i=0;i<sLen;i++){
     str=cStr.charAt(i);
     if(NS4 && str.charCodeAt(0)<1){
       i++;
     }
     j++;
  }
  return j;
}
function GradientText(form, color1, color2, color3, gStr, gType){
  var redStep, greenStep, BlueStep;
  var str_r, str_g, str_b, str;
  var gStep=CstrLen(gStr);
  var b1 = color1 % 0x100; if(isNaN(b1)) b1=0;
  var g1 = parseInt(color1 / 0x100) % 0x100; if(isNaN(g1)) g1=0;
  var r1 = parseInt(color1 / 0x10000) % 0x100; if(isNaN(r1)) r1=0;
  var b2 = color2 % 0x100; if(isNaN(b2)) b2=0;
  var g2 = parseInt(color2 / 0x100) % 0x100; if(isNaN(g2)) g2=0;
  var r2 = parseInt(color2 / 0x10000) % 0x100; if(isNaN(r2)) r2=0;
  var cStepAdd = parseInt(256 / gStep);
  if(g1 > g2){
    greenStep = 0;
  }else if(g2 > g1){
    greenStep = 1;
  }else{
    greenStep = 2;
  }
  if(r1 > r2){
    redStep = 0;
  }else if(r2 > r1){
    redStep = 1;
  }else{
    redStep = 2;
  }
  if(b1 > b2){
    BlueStep = 0;
  }else if(b2 > b1){
    BlueStep = 1;
  }else{
    BlueStep = 2;
  }
  var GradStr="";
  if(gType == 'S'){
    GradStr+='<TABLE WIDTH="100%" BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD ALIGN=CENTER BGCOLOR="'+color3+'">
';
  }
  for(var i=0; i<gStr.length; i++){
     str_r=twobyte(returnBase(r1,16));
     str_g=twobyte(returnBase(g1,16));
     str_b=twobyte(returnBase(b1,16));
     str=gStr.charAt(i);
     if(NS4 && str.charCodeAt(0)<1){
       str=str+gStr.charAt(i+1);
       i++;
     }
     GradStr+='<font color="#'+str_r+str_g+str_b+'">'+str+'</font>';
     if(redStep==1){
       r1 = r1 + cStepAdd;
       if(r1 > r2) r1 = r2;
     }else if(redStep==0){
       r1 = r1 - cStepAdd;
       if(r1 < r2) r1 = r2;
     }
     if(greenStep==1){
       g1 = g1 + cStepAdd;
       if(g1 > g2) g1 = g2;
     }else if(greenStep==0){
       g1 = g1 - cStepAdd;
       if(g1 < g2) g1 = g2;
     }
     if(BlueStep==1){
       b1 = b1 + cStepAdd;
       if(b1 > b2) b1 = b2;
     }else if(BlueStep==0){
       b1 = b1 - cStepAdd;
       if(b1 < b2) b1 = b2;
     }
  }
  if(gType == 'S'){
    GradStr+='
 </TD></TR></TABLE>';
  }
  return GradStr;
}
function GenTag(form){
  var ss,ee,bb;
  if(!isNum(form.start.value,16)){
    alert("请检查起始颜色数值");
  }else if(!isNum(form.end.value,16)){
    alert("请检查结束颜色数值");
  }else if(!isNum(form.bg.value,16)){
    alert("请检查背景颜色数值");
  }else{
    eval("ss=0x"+form.start.value.substring(1)+";");
    eval("ee=0x"+form.end.value.substring(1)+";");
    eval("bb=form.bg.value");
    form.code.value=GradientText(form,ss,ee,bb,form.showstr.value,"C");
  }
}
function newRGB(type, field2){
  var form=document.GradForm;
  var chkOK=true;
  var vNo;
  if(field2==""){
    if(sItem=="S"){
      chkOK=chkNum('start',16);
    }else if(sItem=="E"){
      chkOK=chkNum('end',16);
    }else if(sItem=="B"){
      chkOK=chkNum('bg',16);
    }
  }
  if(chkOK){
    if(type==0){
      if(field2 != "") eval("chkOK=isNum(form.rgb_"+field2+".value,10)");
      if(chkOK){
        if(field2 != "") eval("chkOK=chkNum('rgb_"+field2+"',10)");
        if(chkOK){
          fstr_r=twobyte(returnBase(form.rgb_r.value,16));
          fstr_g=twobyte(returnBase(form.rgb_g.value,16));
          fstr_b=twobyte(returnBase(form.rgb_b.value,16));
          if(sItem=="S"){
            form.start.value="#"+fstr_r+fstr_g+fstr_b;
          }else if(sItem=="E"){
            form.end.value="#"+fstr_r+fstr_g+fstr_b;
          }else if(sItem=="B"){
            form.bg.value="#"+fstr_r+fstr_g+fstr_b;
          }
        }
      }else{
        alert("输入的颜色数值不正确。");
        eval("form.rgb_"+field2+"s.focus()");
      }
    }else{
      if(sItem=="S"){
        fstr_r=form.start.value.substring(1,3);
        fstr_g=form.start.value.substring(3,5);
        fstr_b=form.start.value.substring(5,7);
      }else if(sItem=="E"){
        fstr_r=form.end.value.substring(1,3);
        fstr_g=form.end.value.substring(3,5);
        fstr_b=form.end.value.substring(5,7);
      }else if(sItem=="B"){
        fstr_r=form.bg.value.substring(1,3);
        fstr_g=form.bg.value.substring(3,5);
        fstr_b=form.bg.value.substring(5,7);
      }
      form.rgb_r.value=parseInt(fstr_r,16);
      form.rgb_g.value=parseInt(fstr_g,16);
      form.rgb_b.value=parseInt(fstr_b,16);
    }
    if(chkOK) AddText();
  }
}
function AddText(){
  var form=document.GradForm;
  var ss,ee,bb;
  eval("ss=0x"+form.start.value.substring(1)+";");
  eval("ee=0x"+form.end.value.substring(1)+";");
  eval("bb=form.bg.value");
  str=GradientText(form,ss,ee,bb,form.showstr.value,"S");
  display("fsample", str);
}
function setRGB(id,no){
  var form=document.GradForm;
  var nid="rgb_"+id;
  if(id){
    var tmp=eval("parseInt(form."+nid+".value)+parseInt("+no+")");
    if(tmp<0) tmp=255;
    else if(tmp>255) tmp=0;
    eval("form."+nid+".value="+tmp);
  }
  fstr_r=twobyte(returnBase(form.rgb_r.value,16));
  fstr_g=twobyte(returnBase(form.rgb_g.value,16));
  fstr_b=twobyte(returnBase(form.rgb_b.value,16));
  if(sItem=="S"){
    form.start.value="#"+fstr_r+fstr_g+fstr_b;
  }else if(sItem=="E"){
    form.end.value="#"+fstr_r+fstr_g+fstr_b;
  }else if(sItem=="B"){
    form.bg.value="#"+fstr_r+fstr_g+fstr_b;
  }
  AddText();
}
function SetColor(clr){
  if(sItem=="S"){
    document.GradForm.start.value="#"+clr;
  }else if(sItem=="E"){
    document.GradForm.end.value="#"+clr;
  }else if(sItem=="B"){
    document.GradForm.bg.value="#"+clr;
  }
  ResetValue();
  AddText();
}
function set(swtch){
  if(swtch == 1) sItem="S";
  else if (swtch == 2) sItem="E";
  else if (swtch == 0) sItem="B";
  ResetValue();
}
function ResetValue(){
  var form=document.GradForm;
  var str_r, str_g, str_b;
  if(sItem=="S"){
    str_r=form.start.value.substring(1,3);
    str_g=form.start.value.substring(3,5);
    str_b=form.start.value.substring(5,7);
  }else if(sItem=="E"){
    str_r=form.end.value.substring(1,3);
    str_g=form.end.value.substring(3,5);
    str_b=form.end.value.substring(5,7);
  }else if(sItem=="B"){
    str_r=form.bg.value.substring(1,3);
    str_g=form.bg.value.substring(3,5);
    str_b=form.bg.value.substring(5,7);
  }
  form.rgb_r.value=parseInt(str_r,16);
  form.rgb_g.value=parseInt(str_g,16);
  form.rgb_b.value=parseInt(str_b,16);
}
function nomsg(){
  self.status="";
}
function myReset(){
  AddText();
}
//-->
</script>
<form name=GradForm>
<table border=1><tr><td>
<INPUT type=radio name=setitem value="bg" onClick="set(0)">背景色
<input type=text name="bg" size=6 value="#FFFFFF" onChange="newRGB(1,'')">
<INPUT type=radio name=setitem value="start" onClick="set(1)" checked>起始色
<input type=text name="start" size=6 value="#FF0000" onChange="newRGB(1,'')">
<INPUT type=radio name=setitem value="end" onClick="set(2)">结束色
<input type=text name="end" size=6 value="#0000FF" onChange="newRGB(1,'')">
</td></tr>
<tr><td>
<font color="#FF0000">红</font> <input type="Button" value="+" onClick="setRGB('r',1)">
<INPUT type=text name=rgb_r size=3 value=0 onChange="newRGB(0,'r')"><input type="Button" value="-" onClick="setRGB('r',-1)">
<font color="#009900">绿</font> <input type="Button" value="+" onClick="setRGB('g',1)">
<INPUT type=text name=rgb_g size=3 value=0 onChange="newRGB(0,'g')"><input type="Button" value="-" onClick="setRGB('g',-1)">
<font color="#0000FF">蓝</font> <input type="Button" value="+" onClick="setRGB('b',1)">
<INPUT type=text name=rgb_b size=3 value=255 onChange="newRGB(0,'b')"><input type="Button" value="-" onClick="setRGB('b',-1)">
</td></tr>
<tr><td>
<TABLE BORDER=1 CELLSPACING=-1 CELLPADDING=1>
<TR>
<TD BGCOLOR="#FFFFFF">
<a href="#" onClick="SetColor('FFFFFF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFFF00">
<a href="#" onClick="SetColor('FFFF00');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFE000">
<a href="#" onClick="SetColor('FFE000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFC000">
<a href="#" onClick="SetColor('FFC000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFA000">
<a href="#" onClick="SetColor('FFA000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF8000">
<a href="#" onClick="SetColor('FF8000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF6000">
<a href="#" onClick="SetColor('FF6000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF4000">
<a href="#" onClick="SetColor('FF4000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF0000">
<a href="#" onClick="SetColor('FF0000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#E00000">
<a href="#" onClick="SetColor('E00000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#C00000">
<a href="#" onClick="SetColor('C00000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFC0FF">
<a href="#" onClick="SetColor('FFC0FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FFA0FF">
<a href="#" onClick="SetColor('FFA0FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF80FF">
<a href="#" onClick="SetColor('FF80FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF60FF">
<a href="#" onClick="SetColor('FF60FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#FF00FF">
<a href="#" onClick="SetColor('FF00FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#E000FF">
<a href="#" onClick="SetColor('E000FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#C000FF">
<a href="#" onClick="SetColor('C000FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A000FF">
<a href="#" onClick="SetColor('A000FF');return false" onMouseOver="nomsg();return true">  </a></TD>
</tr><tr>
<TD BGCOLOR="#8000FF">
<a href="#" onClick="SetColor('8000FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00FFFF">
<a href="#" onClick="SetColor('00FFFF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00E0FF">
<a href="#" onClick="SetColor('00E0FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00C0FF">
<a href="#" onClick="SetColor('00C0FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00A0FF">
<a href="#" onClick="SetColor('00A0FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#0080FF">
<a href="#" onClick="SetColor('0080FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#0060FF">
<a href="#" onClick="SetColor('0060FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#0000FF">
<a href="#" onClick="SetColor('0000FF');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#0000E0">
<a href="#" onClick="SetColor('0000E0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#0000C0">
<a href="#" onClick="SetColor('0000C0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#D0FF00">
<a href="#" onClick="SetColor('D0FF00');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A0FF00">
<a href="#" onClick="SetColor('A0FF00');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#80FF00">
<a href="#" onClick="SetColor('80FF00');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00FF00">
<a href="#" onClick="SetColor('00FF00');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00E000">
<a href="#" onClick="SetColor('00E000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00C000">
<a href="#" onClick="SetColor('00C000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00A000">
<a href="#" onClick="SetColor('00A000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#008000">
<a href="#" onClick="SetColor('008000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#00A0A0">
<a href="#" onClick="SetColor('00A0A0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A0A000">
<a href="#" onClick="SetColor('A0A000');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A0A0A0">
<a href="#" onClick="SetColor('A0A0A0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A0A0E0">
<a href="#" onClick="SetColor('A0A0E0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#E0A0A0">
<a href="#" onClick="SetColor('E0A0A0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#A0E0A0">
<a href="#" onClick="SetColor('A0E0A0');return false" onMouseOver="nomsg();return true">  </a></TD>
<TD BGCOLOR="#000000">
<a href="#" onClick="SetColor('000000');return false" onMouseOver="nomsg();return true">  </a></TD>
</TR>
</TABLE>
</td></tr>
<tr><td>
显示文字：<input type=text name="showstr" value="站长特效网" onChange="AddText()">
</td></tr>
<tr><td>
<input type=hidden name="tempVal" value="">
代码如下：


<TEXTAREA wrap=soft name=code COLS=62 ROWS=6></TEXTAREA>
</td></tr><tr><td>
<INPUT TYPE="button" VALUE="生成代码" onClick='GenTag(this.form)'>
<INPUT TYPE="button" VALUE="预览效果" onClick='AddText()'>
<INPUT TYPE="reset" VALUE="全部清除">
</td></tr></table>
</form>
</CENTER>
<SPAN ID="fsample" STYLE="position: absolute;left:280;top:460; color: black; font-weight: normal; font-size: 9pt">
<form name="fsample2">
起始颜色<input type=text name="startcolor" size=8 οnfοcus="this.blur()">
结束颜色<input type=text name="endcolor" size=8 οnfοcus="this.blur()">
</form>
</SPAN>
<SCRIPT LANGUAGE="JavaScript">
<!--
onload = myReset;
//-->
</SCRIPT>
</body>
</html>

LL继续前进
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序中如何实现搜索框样式
穆雄雄的博客
10-14 1438
怎么实现，当用户输入信息，点击键盘中的搜索按钮时触发搜索事件呢，我们需要写。今天 给大家看看在如何在小程序中实现搜索的样式。,所以需要在使用之前，需要引入。其次，我们需要找到小程序的。事件的方法，我上面的是。小程序里面用的组件是。
js模态框
weixin_45307185的博客
09-18 207
1. 基本语法 ---- window对象有一个方法称为showModalDialog ，我们可以在页面按钮的onclick中写如下代码： < BUTTON onclick="window.showModalDialog ('dialog.htm')" >Search< /BUTTON > ---- 系统会在新窗口中打开dialog.htm页面，并且等待用户响应，如...
nodejs实现桌面程序exe
热门推荐
hello，是翠花呀
08-04 3万+
nodejs 实现桌面程序，这里主要使用electron 安装electron的包，这里如果一直安装不了，可能是网络的原因，可以下载淘宝镜像： npm install -g electron npm install cnpm -g --registry=http://registry.npm.taobao.org cnpm install electron -g 安装electron-...
js实现流程动态显示
书写人生
01-21 2210
对于有很多流程的东西，我们希望能够根据不同的阶段，用流程条对应地进行显示，如下所示： [html] view plain copy    以上功能对应的html代码如下： [html] view plain copy div class="col-md-12 col-lg-3"
js实现WEB套打程序
12-27 2万+
在开发过程中，我们经常会用到打印功能，在页面上进行打印。 通过LODOP的插件，可以通过JS实现套打程序，但在打印之前，我们必须对需要打印的内容进行定位设置。设计自己打印模板。 第一步、下载LODOP.EXE打印插件 第二步、在HTML中编写代码，调出打印模板 function CreatePagePrint(){ LODOP.PRINT_INIT("测试"
小程序实现搜索框功能
10-16
在实现搜索框功能的过程中，还需在对应的`js`（JavaScript）文件中编写相关逻辑： 1. `data`对象应包含`inputVal`（输入框的值）和`inputShowed`（输入框是否显示）两个属性，用于在页面中展示和控制状态。 2. `...
小程序实现搜索框
10-16
本文将详细介绍如何在小程序中实现一个基本的搜索框功能，包括模糊搜索和条件搜索。 首先，我们需要在`search.wxml`文件中创建搜索框的布局。在示例代码中，我们看到一个包含输入框和搜索图标（Icon）的`<view>`...
微信小程序搜索框实现
02-18
本文将详细解析如何在微信小程序中创建并实现一个功能完备的搜索框，结合给定的文件名，我们将探讨JavaScript（js）、JSON配置文件（json）、WXML（结构文件）和WXSS（样式文件）在其中的作用。 首先，`demosearch....
小程序实现悬浮搜索框
10-16
在小程序开发中，实现一个悬浮...总的来说，小程序实现悬浮搜索框的关键在于 CSS 的固定定位和事件监听，通过 JavaScript 管理用户输入和搜索逻辑。开发者需要结合业务需求进行适当的定制，以提供更优质的用户体验。
微信小程序搜索框实现微信小程序搜索框实现
04-17
本文将详细讲解如何在微信小程序中实现一个功能完备的搜索框组件。 一、基本结构 微信小程序应用的基本结构包括JSON、WXML、WXSS和JS四个部分，对应于配置文件、结构文件、样式文件和逻辑文件。在提供的文件列表中...
什么是防抖和节流？如何理解它们并在不同的场景条件下灵活运用？
Vinca@的博客
07-08 867
防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。
Vue 3集成krpano 全景图展示
Mr丶GUO
07-06 435
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
lightchart 和百度echarts 有什么区别, 各自优势是什么
huanghm88的专栏
07-08 184
总体而言，Lightchart和百度Echarts都是强大的图表库，选择使用哪个取决于具体的需求和个人偏好。如果您对界面简洁和定制化有较高要求，可以选择Lightchart；社区活跃：百度Echarts拥有广泛的用户群体和开发者社区，用户可以通过社区获取到丰富的文档、教程和示例，解决问题和获取帮助。易于使用：Lightchart提供了方便易用的API和丰富的文档和示例，使用户能够快速上手并灵活使用图表库。成熟稳定：百度Echarts已经发布了多个版本，经过了长时间的发展和优化，具有较高的稳定性和可靠性。
在项目中，如何使用springboot+vue+springsecurity+redis缓存+Axios+MySQL数据库+mybatis
最新发布
huanghm88的专栏
07-11 603
在Spring Boot中，可以使用Spring Data JPA和MyBatis来配置MySQL数据库。在Vue项目中，可以创建一个config.js文件来配置后端的API地址，然后在需要发送请求的地方使用Axios发送请求。根据业务需求，在Spring Boot中编写相应的接口和服务层代码，包括数据访问、业务逻辑等。在Vue中，可以使用Axios发送HTTP请求，并将响应的数据展示在前端页面上。分别启动后端的Spring Boot应用和前端的Vue应用，访问前端页面，就可以看到与后端进行通信的效果。
JS混淆基本类型和原理
朴拙科技的博客
07-06 738
混淆技术为JS代码提供了一定程度的保护，但同时也给代码的维护和逆向工程带来了挑战。了解和掌握这些混淆技术的原理和解析方法，可以帮助开发者更好地保护或理解JS代码。然而，需要注意的是，混淆并不是万无一失的安全措施，它更多的是增加了攻击者理解代码的难度。在进行逆向工程时，应始终遵守法律法规，尊重知识产权，不要用于非法目的。
vue3 + element-plus 表格行内编辑，如何实现表单校验？
yyXieDaiMa的博客
07-09 280
使用el-form表单自身的校验功能：通过el-from绑定对应表格行的prop， 实现校验。
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 299
vue2、vue3首屏优化,减少白屏时间
javascript高级部分笔记
喵喵的博客
07-09 1256
javascript高级部分 Function方法 与 函数式编程 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 let myName = 'goudan
TS类型声明文件（二）如何在 TS 中导入导出局部类型
weixin_43303603的博客
07-10 221
系列文章之：如何在 TypeScript 中导入导出局部类型

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值