符合WEB标准的滚动文字特效的实现方法

由于marquee标签现在用得是越来越少了，所以滚动效果的做法大多也都改用javascript来实现了，至于不明白为什么不直接用marquee标签的朋友，不妨先阅读一下这篇文章。

用javascript模拟marquee的做法。

以下为引用的内容：

<!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>热点新闻webjx.com</title>
<style type="text/css">
<!--
body {
 margin: 0px;
 font-size: 12px;
 color: #938C43;
 line-height: 150%;
 text-align:center;
}
a:link{color: #9D943A;font-size:12px;}
a:hover{color: #FF3300;font-size:12px;}
a:visited{color: #9D943A;font-size:12px;}
a.red:link{color: #ff0000;font-size:12px;}
a.red:hover{color: #ff0000;font-size:12px;}
a.red:visited{color: #ff0000;font-size:12px;}
#marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}
-->
</style>
</head>

<body>
<h4>滚动新闻</h4>
<script language="JavaScript" type="text/javascript">
var marqueeContent=new Array();
marqueeContent[0]="<a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“梦幻密保”快速取回帐号密码</a>";
marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>网易将军令官方网站</a>";
marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁纸下载</a>";
marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下载</a>";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
function initMarquee() {
 var str=marqueeContent[0];
 document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
 marqueeId++;
 marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
 var str=marqueeContent[marqueeId];
 marqueeId++;
 if(marqueeId>=marqueeContent.length) marqueeId=0;
 if(document.getElementById("marqueeBox").childNodes.length==1) {
 var nextLine=document.createElement('DIV');
 nextLine.innerHTML=str;
 document.getElementById("marqueeBox").appendChild(nextLine);
 }
 else {
  document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
  document.getElementById("marqueeBox").scrollTop=0;
 }
 clearInterval(marqueeInterval[1]);
 marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
 document.getElementById("marqueeBox").scrollTop++;
 if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
 clearInterval(marqueeInterval[1]);
 }
}
initMarq<div><font color=#999999 title="第一页"><font face="webdings">9</font></font>
<font color=#999999 title="上十页"><font face="webdings">7</font></font>
<font color=#999999 title="上一页"><font face="webdings">3</font></font>
<b>1</b>
<a href="./142220269IF5J4C4E387110_2.html">2</a>
<a href="./142220269IF5J4C4E387110_3.html">3</a>
 <a href="./142220269IF5J4C4E387110_2.html" title="下一页"><font face="webdings">4</font></a>
 <font color=#999999  title="下十页"><font face="webdings">8</font></font>
<a href="./142220269IF5J4C4E387110_3.html" title="尾页"><font face="webdings">:</font></a>
</div></div>

<div class="ad_613x60"><a href="Http://www.qkeer.com/" rel="external">
  <img src="http://www.qkeer.com/templets/image/banner468x60.gif" /></a></div>

<div class="art_detail_now">您正在阅读文章：
 <span>符合WEB标准的滚动文字特效的实现方法</span><br />
 ● 关键词：
 <span>
  
<script language="javascript" src="/ad/adnav.js"></script></span><br />
 上一篇：<label id="PrevPage_9IF5J4C4E387110"></label><script language="JavaScript" type="text/javascript" src="http://www.cz268.com.cn/Showpage.asp?Id=9IF5J4C4E387110&Type=NS&PageType=PrevPage"></script><br />
 下一篇：<label id="NextPage_9IF5J4C4E387110"></label><script language="JavaScript" type="text/javascript" src="http://www.cz268.com.cn/Showpage.asp?Id=9IF5J4C4E387110&Type=NS&PageType=NextPage"></script></div>
<div class="art_detail_list">
<span>相关文章</span>

<ul>


<li><a href="/Design/w3c/1623584026185I9KAFFJCCG.html">大型Web2.0站点构建技术初探</a> 2007-10-16</li>

<li><a href="/Design/w3c/142225888I21I6FFC808716.html">网页设计文字大小相关的四种设置方法</a> 2007-10-14</li>

<li><a href="/Design/w3c/142224258035241B9KH76II.html">网页设计并非所有内容都必须要DIV做“容器”</a> 2007-10-14</li>

<li><a href="/Design/w3c/142222952EAH1AAG8J73G9I.html">解决IE7以下版本不支持无A状态伪类的几种方法</a> 2007-10-14</li>

<li><a href="/Design/w3c/14222022KII5I8FFEFGBBEH.html">距离北京2008年奥运会开幕的倒记时特效，简单的演示一下！</a> 2007-10-14</li>

<li><a href="/Design/w3c/42424628G7K05J96984BB.html">自定义网页超链接下划线的CSS代码</a> 2007-10-04</li>
</ul>
</div>
</div>
<div class="r">
<div class="nav">
<div class="nav_title">
<div id="n1">268站长知识库</div>
</div>
<div class="nav_list">
<ul>
  <li><a href="http://www.cz268.com.cn/Design/Pages/">网页</a> </li>
  <li><a href="http://www.cz268.com.cn/Design/Edit/">编程</a> </li>
  <li><a href="http://www.cz268.com.cn/Webbiz/Seo/">优化</a> </li>
  <li><a href="http://www.cz268.com.cn/Webbiz/Pormot/">推广</a> </li>
  <li><a href="http://www.cz268.com.cn/Webbiz/Blog/">博客</a> </li>
  <li><a href="http://www.cz268.com.cn/Design/w3c/">WEB标准</a> </li>
  <li><a href="http://www.cz268.com.cn/Webmaster/RecSite/">酷站</a> </li>
  <li><a href="http://www.cz268.com.cn/Webbiz/Exp/">经验</a> </li>
  <li><a href="http://www.cz268.com.cn/Webbiz/Free/">资源</a> </li>
  <li><a href="http://www.cz268.com.cn/Webmaster/Reading/">必读</a> </li>
  <li><a href="http://www.cz268.com.cn/Server/">服务器</a> </li>
  <li><a href="http://www.cz268.com.cn/cms/">CMS建站</a> </li>
</ul></div>
<div class="nav_title">
<div id="n2">站长网业内相关</div>
</div>
<div class="nav_list">
<ul>
  <li><a href="http://www.cz268.com.cn/article/p1/14.html">业界</a> </li>
  <li><a href="http://www.cz268.com.cn/article/p1/15.html">融资</a> </li>
  <li><a href="http://www.cz268.com.cn/article/p1/16.html">门户</a> </li>
  <li><a href="http://www.cz268.com.cn/article/p1/17.html">搜索</a> </li>
  <li><a href="http://www.cz268.com.cn/article/p1/19.html">商务</a> </li>
  <li><a href="http://www.cz268.com.cn/article/p1/18.html">开发 </a> </li></ul></div>
<div class="nav_title">
<div id="n3">站长网联盟资讯</div>
</div>
<div class="nav_list">
<ul>
  <li><a href="http://www.cz268.com.cn/Union/News/">联盟</a> </li>
  <li><a href="http://www.cz268.com.cn/Union/Intro/">介绍 </a> </li>
  <li><a href="http://www.cz268.com.cn/Union/Comment/">点评</a> </li>
  <li><a href="http://www.cz268.com.cn/Union/Skill/">技巧</a> </li>
  <li><a href="http://www.cz268.com.cn/Union/">联盟杂谈</a> </li></ul></div>
<div class="nav_title">
<div id="n4">站长网常用工具</div></div>
<div class="nav_list">
<ul>
  <li><a href="http://www.cz268.com.cn/Tool/Alexa/">Alexa</a> </li>
  <li><a href="http://www.cz268.com.cn/Tool/IP/">IP</a> </li>
  <li><a href="http://www.cz268.com.cn/Tool/Whois/">WHOIS</a>  </li>
  <li><a href="http://www.cz268.com.cn/Tool/PR/">PR</a> </li>
  <li><a href="http://www.cz268.com.cn/Tool/Meta/">MEAT</a> </li>
  <li><a  href="http://www.cz268.com.cn/Tool/Key/">关键词</a></li></ul></div></div>
<div class="ad_300x250">
<script type="text/javascript"><!--
google_ad_client = "pub-8464933448352541";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_type = "image";
//2007-08-10: Http://www.cz268.com.cn
google_ad_channel = "3774858981";
google_color_border = "191919";
google_color_bg = "FFFFFF";
google_color_link = "0066CC";
google_color_text = "000000";
google_color_url = "32527A";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div class="mba_title">『热门文章』
  <span>268站长网</span></div>


<div class="border mba ">

 <ul>

  <li><a title="64位Web服务器安装配置注意事项" href="/Server/Web/4137C923K9KAH60B5CIK6.html" rel="external">64位Web服务器安装配置注意事项..</a></li>
  <li><a title="徐静蕾：站长们，大家懂炒作吗？" href="/News/IT/192134JB90KE4B655BH2AJ0.html" rel="external">徐静蕾：站长们，大家懂炒作吗？..</a></li>
  <li><a title="申请Google Adsense赚钱准则" href="/Union/Skill/9164326D9ECBA8J5BI0D99.html" rel="external">申请Google Adsense赚钱准则..</a></li>
  <li><a title="博客的营销 想说爱你不容易" href="/Webbiz/Blog/412787AJ1IA91239A1F8D.html" rel="external">博客的营销 想说爱你不容易..</a></li>
  <li><a title="符合XHTML标准DIV+CSS布局的网站对SEO的影响 " href="/Webbiz/Exp/18299H53K4407DDK1K6JA.html" rel="external">符合XHTML标准DIV+CSS布局的网站对SE..</a></li>
  <li><a title="我们怎样写软文诱骗点击量的上升!" href="/Webbiz/Pormot/31429J1AC36GA779F380KF.html" rel="external">我们怎样写软文诱骗点击量的上升!..</a></li>
  <li><a title="注意：新网互联的域名，你只有使用权！ " href="/News/IT/3101584H84FGI21K0F4HI2.html" rel="external">注意：新网互联的域名，你只有使用权..</a></li>
  <li><a title="国内备案难，转移国外空间的基本常识" href="/News/IT/27151C4C6HF6G1540EE67E.html" rel="external">国内备案难，转移国外空间的基本常识..</a></li>
  <li><a title="打造地方门户站点全功略 超级SEO优化给你全面分析" href="/Webbiz/Seo/7335242704F1BI101D8FI.html" rel="external">打造地方门户站点全功略 超级SEO优化..</a></li>
  <li><a title="经典话题十问十答 助你提高网上的成交率" href="/Webmaster/Reading/232917D5H6JID4CH06IG6.html" rel="external">经典话题十问十答 助你提高网上的成交..</a></li>
 </ul>
</div>


<div class="ad_125x125">
<script type="text/javascript"><!--
google_ad_client = "pub-8464933448352541";
google_ad_width = 120;
google_ad_height = 60;
google_ad_format = "120x60_as_rimg";
google_cpa_choice = "CAEQxIjL9gEaCJHH53FOqPVZKITT6n4";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 
<script type="text/javascript"><!--
google_ad_client = "pub-8464933448352541";
google_ad_width = 120;
google_ad_height = 60;
google_ad_format = "120x60_as_rimg";
google_cpa_choice = "CAEQy6OdzgEaCC8eN93A557iKLHM93M";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 </div>
<div class="border sideart">
<div class="border_title sideart_title">『<a
href="http://www.cz268.com.cn/cms/">草根站长CMS学堂</a>』268站长网</div>

<div class="sideart_content">

 <ul>

  <li><a title="让风讯显示所有系统字体的代码" href="/cms/foosun/13225022H3IGA159AD9B2KK.html" rel="external">让风讯显示所有系统字体的代码..</a></li>
  <li><a title="为风讯推荐新闻和热点新闻添加标识性文字或图片" href="/cms/foosun/132248778HC517G03K5I4BC.html" rel="external"><font color="#CC0000">为风讯推荐新闻和热点新闻添加标识性文字或</font>..</a></li>
  <li><a title="图片、数字可选择自动显示列表顺序1,2,3的功能" href="/cms/foosun/132244870DIA50I5JA5I304.html" rel="external">图片、数字可选择自动显示列表顺序1,2,3的功..</a></li>
  <li><a title="Foosun 4.0实现网易clickeye功能" href="/cms/foosun/13224377846G00GHAHKFDA6.html" rel="external">Foosun 4.0实现网易clickeye功能..</a></li>
  <li><a title="风讯sp2发布特推出论坛工具" href="/cms/foosun/13224299B01I2DC9CIK4AE6.html" rel="external">风讯sp2发布特推出论坛工具..</a></li>
  <li><a title="风讯FS4.0增加图片防盗链功能" href="/cms/foosun/1322413718G1DAA95JG2JI4.html" rel="external"><font color="#CC0000">风讯FS4.0增加图片防盗链功能</font>..</a></li>
  <li><a title="风讯DIV+CSS做两列新闻列表分栏的方法" href="/cms/foosun/13224036HKICIB1BE9K64G5.html" rel="external">风讯DIV+CSS做两列新闻列表分栏的方法..</a></li>
  <li><a title="提供风讯4.0系统会员日志模板6套" href="/cms/foosun/13223694732D9E863FH8C82.html" rel="external">提供风讯4.0系统会员日志模板6套..</a></li>
  <li><a title="风讯画中画实现调用google广告的方法" href="/cms/foosun/132234842AJAI5GD75C140K.html" rel="external">风讯画中画实现调用google广告的方法..</a></li>
  <li><a title="为会员系统增加“你有新短消息，请注意查收”语音提示功能" href="/cms/foosun/132233141FHK3C9HA1GC34K.html" rel="external">为会员系统增加“你有新短消息，请注意查收..</a></li>
 </ul>
</div>

  </div></div>
<DIV class="border links"><SPAN>友情链接</SPAN>
<DIV class="border_content links_content"> <table width="100%" border="0" cellspacing="1" cellpadding="3">
 <tr>
   <td width="10%" align="center" valign="meddle"><a href="http://www.qkeer.com"  target="_blank">Q客网</a></td>
  <td width="10%" align="center" valign="meddle"><a href="http://www.ip180.com"  target="_blank">IP180常用查询</a></td>
  <td width="10%" align="center" valign="meddle"><a href="http://www.jc286.com"  target="_blank">jc286教程网</a></td>
  <td width="10%" align="center" valign="meddle"><a href="http://www.21seo.cn"  target="_blank">SEO优化部落</a></td>
  <td width="10%" align="center" valign="meddle"><a href="http://www.51w3c.com"  target="_blank">网页标准协会</a></td>
  <td width="10%" align="center" valign="meddle"><a href="http://www.cz268.com.cn"  target="_blank">268站长网</a></td>

 </tr>
</table></DIV>
</DIV>
<div class="footer"><a href="http://www.cz268.com.cn/">268站长网首页</a> | <a href="http://www.cz268.com.cn/Webbiz">网站运作</a> | <a href="http://www.cz268.com.cn/News">业界新闻 </a>  | <a href="http://www.cz268.com.cn/Union">联盟资讯 </a>  | <a href="http://www.cz268.com.cn/Design">站长学院 </a> | <a href="http://www.cz268.com.cn/Webmaster">站长在线</a> | <a href="http://www.cz268.com.cn/tool">站长工具</a> | <a href="http://www.cz268.com.cn/cms">CMS专区</a> | <a href="http://www.cz268.com.cn/Server">服务器区</a>| <a href="http://www.cz268.com.cn/sitemap">网站地图</a><br />
<a
href="http://www.cz268.com.cn/">www.cz268.com.cn</a> © 2006-2008 版权所有 268站长网  <img
id="copyright" src="/templets/files/ico_bg.gif" /><a href="http://www.miibeian.gov.cn/"
rel="external">京ICP备案中</a> Powered by QQ469502097
<script src='http://s116.cnzz.com/stat.php?id=470833&web_id=470833' language='JavaScript' charset='gb2312'></script><br />本站信息来自互联网_可供参考不能作为真实依据，另本站如有转载或引用文章涉及版权问题_请速与我们联系</div>
<noscript><iframe src="*.html"></iframe></noscript>  
</body></html>

你可能感兴趣的:(Web)

  • ES6（4） Map 集合详解 Theodore_1022 ES6es6前端ecmascriptjavascript开发语言
    1.Map集合简介Map是ES6提供的一种新的键值对数据结构，与普通对象（Object）不同，Map的键可以是任意类型（包括对象、函数等）。2.创建Map集合可以使用newMap()创建一个Map，并在括号内传入一个二维数组来初始化键值对。letauthor=newMap([['name','theodore'],['age','21'],['web','https://blog.csdn.net
  • FastAPI 使用教程：将函数改造成可调用的 API（附完整示例） Lunar* 开发与工具使用fastapi
    引言FastAPI是一个现代化、快速（高性能）、基于标准Python类型提示构建的Web框架，非常适合开发RESTfulAPI。如果你有现成的Python函数，并希望通过HTTP请求调用它，FastAPI可以帮助你快速实现。在本文中，我们将介绍如何使用FastAPI将已有函数改造成API，并通过GET和POST请求调用它。同时，我们还会展示如何在服务运行时，自定义主机地址、端口号以及启用SSL证书
  • Node.js Web 模块详解 froginwe11 开发语言
    Node.jsWeb模块详解引言Node.js作为一款流行的JavaScript运行环境，以其高性能、事件驱动和非阻塞I/O模型而闻名。在Node.js中，模块是构建应用程序的基础，也是其强大的关键所在。本文将详细介绍Node.js的Web模块，包括其基本概念、常用模块及其应用。模块的概念在Node.js中，模块是一种组织代码的方式，它将代码分割成独立的、可复用的部分。模块不仅可以减少代码的冗余，
  • Web组态可视化编辑器 快速绘制组态 2401_88272797 前端编辑器
    随着工业智能制造的发展，工业企业对设备可视化、远程运维的需求日趋强烈，传统的单机版组态软件已经不能满足越来越复杂的控制需求，那么实现Web组态可视化界面成为了主要的技术路径。行业痛点对于软件服务商来说，将单机版软件转变为网页版软件已经到了势在必行的阶段。但是，转变是一个复杂的过程，尤其是软件里面的组态功能部分，对于公司或个人都会面临以下几方面的问题：1、无相关组态开发经验，无技术积累。2、开发周期
  • 如何解决 Apache 直接显示 PHP 源码问题 ？ apachephp
    在设置web服务器时，您可能会遇到浏览器直接显示原始PHP代码的问题。这通常意味着您的服务器没有正确处理PHP文件。让我们看看为什么会发生这种情况，以及如何在基于Debian和RHEL的系统上修复它。可能的原因PHP模块没有在Apache中正确安装或配置。Apache配置中.php文件没有链接到PHP模块。.htaccess文件中有错误。1.安装配置PHP首先，确保安装了PHP和ApachePHP
  • 多语言环境全支持的面板有哪些？ 开源软件
    多语言环境全支持的面板有哪些？以Websoft9为例在全球化技术协作与跨国业务部署的背景下，用户对服务器管理工具的跨语言支持需求已从简单的界面翻译，扩展到多语言多环境全支持的深度适配。这一概念不仅要求界面语言的切换能力，更需要覆盖技术部署、本地化服务与区域合规性等多维度需求。本文从技术中立视角，探讨该领域的核心标准与代表性解决方案。一、何为“多语言多环境全支持”？首先了解什么是多语言多环境全支持，
  • 响应式设计已死？流体布局才是未来！ 前端javascript
    ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在当今的Web设计领域，挑战从未如此巨大。各种屏幕尺寸和分辨率的智能设备层出不穷，要让网站在所有设备上保持一致的用户体验，难度可想而知。但别担心，流体布局（FluidLayout）正是为了解决这一问题而生。它不仅适用于超大屏幕，同样也能完美适配小型移动设备，真正做到自适应！接下来，我们深入了解流体布局的原理
  • Spring Cloud Alibaba RocketMQ 消息队列 AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介RocketMQ是一款开源、高性能、分布式消息中间件，它具备以下主要特征：支持海量消息堆积能力，支持发送10万+TPS，且不受单机容量限制；提供灵活的消息过滤机制，支持按照标签，SQL92标准的过滤语法进行消息过滤；丰富的消息订阅模型，包括广播消费，集群消费，事务消费等多种模式；内置丰富的管理控制台，通过WebUI来方便地对集群进行管理、监控及报警；高吞吐量，单
  • Stable Diffusion/DALL-E 3图像生成优化策略 云端源想 stablediffusion
    StableDiffusion的最新版本或社区开发的插件，可以补充这些信息以保持内容的时效性。云端源想1.硬件与部署优化（进阶）显存压缩技术使用--medvram或--lowvram启动参数（StableDiffusionWebUI），通过分层加载模型降低显存占用（适合6GB以下显卡）。分块推理（TiledDiffusion）：将图像分割为512×512区块，逐块生成后无缝拼接，支持4096×40
  • 奇安信网闸面试题 “向阳的蛋” 奇安信安全网络
    一、问：在客户现场经常遇到网闸登录密码忘记的情况，那需要如何重置管理员密码呢？答：连接设备串口，输入后台账号密码：hawk/hawk，执行重置命令：webpass，重置后密码为默认!1fw@2soc#3二、问：网闸授权访问模块如果出现业务异常不通情况，排查思路是什么？答：1.检查授权访问配置的监听ip和端口是否被其他任务占用，内外闸任务号是否一致查看授权访问的服务状态是否正常运行登录auditor
  • XPath元素定位实践案例：从基础到高阶的实战解析 测试渣 seleniumpython自动化
    引言在软件测试与自动化领域，元素定位是实现高效测试的核心能力。随着Web和移动应用的复杂性提升，传统的ID、类名等定位方式面临动态生成、元素嵌套过深等挑战。XPath作为一种灵活且强大的定位语言，通过路径表达式与逻辑运算符的组合，能够精准定位复杂场景下的元素。本文结合多个真实案例，深入解析XPath的基础语法、高阶技巧及实战应用，帮助读者掌握这一关键技能。一、XPath基础语法与定位策略1.1XP
  • CSS3 用户界面设计指南 froginwe11 开发语言
    CSS3用户界面设计指南引言随着互联网的快速发展，用户界面设计已经成为网站和应用程序吸引和留住用户的关键因素之一。CSS3，作为Web开发中的核心技术之一，提供了丰富的工具和特性来改善用户界面。本文将深入探讨CSS3在用户界面设计中的应用，包括基本概念、常用技巧以及实际案例分析。CSS3用户界面基本概念1.媒体查询媒体查询（MediaQueries）是CSS3的一个重要特性，它允许开发者根据不同的
  • 不要再让 import“占领满屏“啦？ 常威和来福回忆 react.js前端前端框架
    javascript代码解读复制代码//不使用重导importModalfrom'@arco-design/web-react/es/Modal'importCheckboxfrom'@arco-design/web-react/es/Checkbox'importMessagefrom'@arco-design/web-react/es/Message'...//使用模块重导import{Mod
  • JWTToken介绍 醉酒的李白、 .NETJWTToken
    JWTToken介绍如题，先上一个tokeneyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJOYW1lIjoi6buE6I2v5biIIiwiRW1wbG95ZWVJRCI6MSwiZXhwIjoxNjI2MTU5ODM5LjB9.h_4jRq621FbsZMRx1lXaM_gqVPMHL_9qO8k-NMDTUhoJWT：JsonWebToken，是由三段信息构成
  • ChromeDriver介绍和使用 Chen_Chance chrome
    什么是ChromeDriver？ChromeDriver是一个用于在自动化测试中控制GoogleChrome浏览器的工具。它是SeleniumWebDriver的一部分，可以让开发者通过编程的方式操作浏览器进行各种测试。ChromeDriver充当了WebDriver和Chrome浏览器之间的桥梁，使得测试脚本能够与浏览器交互。为什么使用ChromeDriver？在现代软件开发中，确保网页在不同浏
  • Websoft9 运维面板：GitOps 助力简化持续部署流程 运维
    传统部署的痛点与GitOps的革新在DevOps实践中，手动配置环境、碎片化脚本管理和版本回滚困难等问题长期困扰开发者。而GitOps通过将基础设施代码化、版本化，正在成为持续部署的黄金标准。Websoft9作为GitHub热门开源运维工具，将GitOps理念深度融入面板设计，实现了从“代码提交”到“生产发布”的自动化闭环。本文将结合具体操作，解析其如何以低门槛方案赋能企业级部署流程。Websof
  • MongoDB介绍与部署使用 zhangleijiutian mongodb
    MongoDB的功能特性MongoDB是一个高性能、开源、无模式的文档型数据库，设计用于提供高性能、水平可扩性、高可用性和高级可查询性，为Web应用提供可扩展的高性能数据存储解决方案。MongoDB的名称取自单词”humogous”中间的几个字符，是很大、巨大的意思。该数据库由10gen公司开发并提供技术支持，它属于NoSQL数据库家族中的一员，在许多场景下可以用来替代传统关系型数据库或key/v
  • Python 爬虫基础教程 盛子涵666 python爬虫开发语言
    爬虫的背景与应用诞生爬虫（WebCrawling）是自动化程序，用于从互联网上获取信息。爬虫的基本任务是自动访问网站，通过抓取网页内容并提取有用数据来构建数据库、索引或者进行进一步的数据分析。爬虫通常会模拟浏览器的行为，以避免被服务器识别为机器人，并且能够在大规模范围内高效地抓取信息。爬虫技术最早由搜索引擎开发者提出，目的是自动收集网页信息并将其索引，便于用户搜索时快速检索相关内容。随着互联网的快
  • 攻防世界Web_php_unserialize（writeup） 金昔往矣 php网络安全
    题目题目：Web_php_unserialize题号：NO.GFSJ0710解题思路：浅看代码，这题需要我们以GET的方式提交一个变量var去利用php反序列化漏洞攻击，但题目设置了对序列化对象字符串的过滤以及对非index.php文件的重定向，我们需要突破这两点。对于序列化对象的过滤其会过滤大小写的o:4，可以使用o:+4来绕过，而对于__wakeup函数而言，它会在对象进行反序列化时被调用，但
  • Spring Boot Tomcat 漏洞修复 高建伟-joe 后端springboottomcat后端java网络安全
    SpringBootTomcat漏洞修复ApacheTomcat远程代码执行漏洞(CVE-2025-24813)Tomcat是一个开源的、轻量级的Web应用服务器和Servlet容器。它由Apache软件基金会下的Jakarta项目开发，是目前最流行的JavaWeb服务器之一。该漏洞利用条件较为复杂，需同时满足以下四个条件：应用程序启用了DefaultServlet写入功能，该功能默认关闭。应用支
  • HarmonyOS NEXT应用开发之Web组件预览PDF文件实现案例 AIGC小哈 harmonyos前端pdf
    介绍本案例通过Web组件实现预览本地PDF文件和预览网络PDF文件，代码为Tabs容器组件包含了两个独立的TabContent子组件，分别标示为预览本地PDF文件和预览网络PDF文件。每个子组件内部构建一个Web组件。第一个Web组件利用resource协议关联本地PDF文件路径以预览本地存储的PDF资源；第二个Web组件则通过配置网络链接属性，实现从互联网加载并预览远程PDF文件内容。效果图预览
  • Go语言圣经 - 第1章 入门 - 1.5 & 1.6 & 1.7 & 1.8 获取URL & 并发获取多个URL & Web服务 & 本章要点 shiyivei #Gogolang开发语言webservice并发
    第1章入门1.5获取Url1.编写代码Go语言提供了net包以及其它包，以便我们可以用来构建我们访问网络资源的程序，我们来看一个例子packagemainimport("fmt""io/ioutil""net/http""os")funcmain(){for_,url:=rangeos.Args[1:]{resp,err:=http.Get(url)iferr!=nil{fmt.Fprintf(o
  • Stack Navigator中使用自定义的Render Callback AI画手小王 前端javascriptwebpack
    前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？看起来哪个都比webpack+Vue2香呀。（尤大都向React推荐Vite了，难道你还不试一下Vite么？）其实在去年，我们在LOFTER的哈利波特街区活动中就尝试使用了Vite2+Vue3搭建活动主街区页面，当
  • webpack和vite的区别 阿丽塔~ 前端面试vitewebpack
    主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。使用esbuild进行依赖预构建，性能比基于JavaScript的工具快10-100倍。Webpack：需要分析所有模块的依赖关系并进行全量打包，导致启动和热更新速度较慢，尤其是在项目规模较大时。2.打
  • 前端打包优化相关 Webpack 怒放的生命1991 webpack前端webpacknode.js
    前端打包优化相关Webpack打包时间的优化（基于VueCLI4+Webpack5）1.Webpack配置减少打包时间1.1对JS配置：排除node_modules和src中的打包内容在开发环境下，修改Webpack的JS规则，排除/node_modules和src目录中的JavaScript文件。这意味着node_modules和src目录中的JavaScript文件不会经过该规则定义的加载器处
  • Wind Framework - PHP Web开发框架 孔岱怀
    WindFramework-PHPWeb开发框架去发现同类优质开源项目:https://gitcode.com/WindFramework是一款基于PHP的现代Web开发框架，由phpwind团队倾力打造。它旨在提供简洁、高效且可扩展的解决方案，帮助开发者快速构建稳定、安全的应用程序。如果您正在寻找一个易于上手、功能全面且富有创新的PHP框架，那么WindFramework就是您的不二之选。功能特
  • 探索 APIJSON PHP：一款强大的RESTful API 开发框架 周澄诗Flourishing
    探索APIJSONPHP：一款强大的RESTfulAPI开发框架去发现同类优质开源项目:https://gitcode.com/在当今的Web开发中，API已经成为构建可扩展、跨平台应用的关键组件。APIJSONPHP是基于PHP语言的一款高效、便捷的RESTfulAPI开发框架，旨在简化API的设计和维护过程。本文将深入探讨该项目的核心特性、技术优势及应用场景，以期吸引更多开发者加入使用。1.项
  • EasyRTC实现海思设备与Web浏览器小程序双向通话，收到浏览器端发来的音频应该如何解码播放音频 EasyRTC webrtcp2p音视频arm嵌入式硬件
    最近我们在调试EasyRTC双向通话时（海思设备与浏览器），发现很多对接的开发者不知道怎么用海思SDK去播放浏览器传过来的音频数据；EasyRTC在浏览器端采样的音频参数为：8000采样，编码格式G711A，采样精度16bits，每帧的音频数据是160个字节，参考海思MPP文档里面提示：【现象】MPP不能直接播放标准的音频G711/G726/ADPCM码流。【分析】MPP为了兼容上一代芯片，要求在
  • ThinkPHP API接口开发的深入探讨 2401_85969209 python
    ThinkPHPAPI接口开发的深入探讨随着Web技术的飞速发展，API（应用程序编程接口）作为不同软件系统间通信的桥梁，其重要性日益凸显。ThinkPHP，作为一款流行的PHP开发框架，为API接口的开发提供了强大的支持。本文将详细探讨ThinkPHPAPI接口开发的各个方面，包括框架优势、开发流程、安全性考虑等。一、ThinkPHP框架在API接口开发中的优势ThinkPHP以其简洁、快速、安
  • 【实战-解决方案】Webpack 打包后很多js方法报错：not defined oliver.chau 前端开发webpack前端node.js
    问题分析在不打包的情况下，方法（如checkLoginStatus、filterSites、initProgressBar等）可以正常运行，而经过Webpack打包后报isnotdefined错误，通常有以下几个可能的原因：全局变量丢失在Webpack打包时，默认使用模块作用域（strictmode），不会自动将定义的函数暴露到window全局作用域。在不打包的情况下，脚本文件直接在HTML里引入
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他