websocket的前端实现

id="conversationDiv"> > >notice content?> > >

id<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"name<span class="token punctuation">" <span class="token attr-name">rows<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"5<span class="token punctuation">"<span class="token punctuation">><span class="token tag"><span class="token tag"><span class="token punctuation"></textarea<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"></p<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"><button <span class="token attr-name">id<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"sendName<span class="token punctuation">" <span class="token attr-name">onclick<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"sendName();<span class="token punctuation">"<span class="token punctuation">>Send<span class="token tag"><span class="token tag"><span class="token punctuation"></button<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"><p <span class="token attr-name">id<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"response<span class="token punctuation">"<span class="token punctuation">><span class="token tag"><span class="token tag"><span class="token punctuation"></p<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"></div<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"></div<span class="token punctuation">> </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre> 
  </div> 
  <p><sub>javascript代码</sub></p> 
  <div class="_2Uzcx_"> 
   <pre class="line-numbers  language-html"><code class="html  language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><script <span class="token attr-name">src<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"/js/sockjs-0.3.4.min.js<span class="token punctuation">"<span class="token punctuation">><span class="token script"><span class="token tag"><span class="token tag"><span class="token punctuation"></script<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"><script <span class="token attr-name">src<span class="token attr-value"><span class="token punctuation">=<span class="token punctuation">"/js/stomp.min.js<span class="token punctuation">"<span class="token punctuation">><span class="token script"><span class="token tag"><span class="token tag"><span class="token punctuation"></script<span class="token punctuation">> <span class="token tag"><span class="token tag"><span class="token punctuation"><script<span class="token punctuation">><span class="token script"><span class="token language-javascript"> <span class="token keyword">var stompClient <span class="token operator">= <span class="token keyword">null<span class="token punctuation">; <span class="token keyword">function <span class="token function">setConnected<span class="token punctuation">(<span class="token parameter">connected<span class="token punctuation">) <span class="token punctuation">{ document<span class="token punctuation">.<span class="token function">getElementById<span class="token punctuation">(<span class="token string">'connect'<span class="token punctuation">)<span class="token punctuation">.disabled <span class="token operator">= connected<span class="token punctuation">; document<span class="token punctuation">.<span class="token function">getElementById<span class="token punctuation">(<span class="token string">'disconnect'<span class="token punctuation">)<span class="token punctuation">.disabled <span class="token operator">= <span class="token operator">!connected<span class="token punctuation">; document<span class="token punctuation">.<span class="token function">getElementById<span class="token punctuation">(<span class="token string">'conversationDiv'<span class="token punctuation">)<span class="token punctuation">.style<span class="token punctuation">.visibility <span class="token operator">= connected <span class="token operator">? <span class="token string">'visible' <span class="token punctuation">: <span class="token string">'hidden'<span class="token punctuation">; document<span class="token punctuation">.<span class="token function">getElementById<span class="token punctuation">(<span class="token string">'response'<span class="token punctuation">)<span class="token punctuation">.innerHTML <span class="token operator">= <span class="token string">''<span class="token punctuation">; <span class="token punctuation">} <span class="token comment">// 开启socket连接 <span class="token keyword">function <span class="token function">connect<span class="token punctuation">(<span class="token punctuation">) <span class="token punctuation">{ <span class="token keyword">var socket <span class="token operator">= <span class="token keyword">new <span class="token class-name">SockJS<span class="token punctuation">(<span class="token string">'/socket'<span class="token punctuation">)<span class="token punctuation">; stompClient <span class="token operator">= Stomp<span class="token punctuation">.<span class="token function">over<span class="token punctuation">(socket<span class="token punctuation">)<span class="token punctuation">; stompClient<span class="token punctuation">.<span class="token function">connect<span class="token punctuation">(<span class="token punctuation">{<span class="token punctuation">}<span class="token punctuation">, <span class="token keyword">function <span class="token punctuation">(<span class="token parameter">frame<span class="token punctuation">) <span class="token punctuation">{ <span class="token function">setConnected<span class="token punctuation">(<span class="token boolean">true<span class="token punctuation">)<span class="token punctuation">; <span class="token punctuation">}<span class="token punctuation">)<span class="token punctuation">; <span class="token punctuation">} <span class="token comment">// 断开socket连接 <span class="token keyword">function <span class="token function">disconnect<span class="token punctuation">(<span class="token punctuation">) <span class="token punctuation">{ <span class="token keyword">if <span class="token punctuation">(stompClient <span class="token operator">!= <span class="token keyword">null<span class="token punctuation">) <span class="token punctuation">{ stompClient<span class="token punctuation">.<span class="token function">disconnect<span class="token punctuation">(<span class="token punctuation">)<span class="token punctuation">; <span class="token punctuation">} <span class="token function">setConnected<span class="token punctuation">(<span class="token boolean">false<span class="token punctuation">)<span class="token punctuation">; console<span class="token punctuation">.<span class="token function">log<span class="token punctuation">(<span class="token string">"Disconnected"<span class="token punctuation">)<span class="token punctuation">; <span class="token punctuation">} <span class="token comment">// 向‘/app/change-notice’服务端发送消息 <span class="token keyword">function <span class="token function">sendName<span class="token punctuation">(<span class="token punctuation">) <span class="token punctuation">{ <span class="token keyword">var value <span class="token operator">= document<span class="token punctuation">.<span class="token function">getElementById<span class="token punctuation">(<span class="token string">'name'<span class="token punctuation">)<span class="token punctuation">.value<span class="token punctuation">; stompClient<span class="token punctuation">.<span class="token function">send<span class="token punctuation">(<span class="token string">"/app/change-notice"<span class="token punctuation">, <span class="token punctuation">{<span class="token punctuation">}<span class="token punctuation">, value<span class="token punctuation">)<span class="token punctuation">; <span class="token punctuation">} <span class="token function">connect<span class="token punctuation">(<span class="token punctuation">)<span class="token punctuation">; <span class="token tag"><span class="token tag"><span class="token punctuation"></script<span class="token punctuation">> </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre> 
  </div> 
  <blockquote> 
   <p>相关说明：<br> 关于JavaScript实现WebSocket的功能很简单,基本分以下几步：</p> 
  </blockquote> 
  <h4>开启Socket</h4> 
  <ol> 
   <li> <code>var socket = new SockJS('/socket');</code> 先构建一个SockJS对象</li> 
   <li> <code>stompClient = Stomp.over(socket);</code> 用Stomp将SockJS进行协议封装</li> 
   <li> <code>stompClient.connect()</code> 与服务端进行连接，同时有一个回调函数，处理连接成功后的操作信息。</li> 
  </ol> 
  <blockquote> 
   <h4>发送消息</h4> 
  </blockquote> 
  <p><code>stompClient.send("/app/change-notice", {}, value);</code></p> 
  <p>页面预览：</p> 
  <div class="image-package"> 
   <div class="image-container"> 
    <div class="image-container-fill">
        
    </div> 
    <div class="image-view"> 
     <a href="http://img.e-com-net.com/image/info8/c1e8c0fae24041fc822a1cfc51a1d422.webp" target="_blank"><img src="http://img.e-com-net.com/image/info8/c1e8c0fae24041fc822a1cfc51a1d422.webp" alt="websocket的前端实现_第1张图片" width="610" height="344" style="border:1px solid black;"></a> 
    </div> 
   </div> 
   <div class="image-caption">
     Paste_Image.png 
   </div> 
  </div> 
  <h1>修改公告功能</h1> 
  <div class="image-package"> 
   <div class="image-container"> 
    <div class="image-container-fill">
        
    </div> 
    <div class="image-view"> 
     <a href="http://img.e-com-net.com/image/info8/43c356d2e7bb4f20a6bf358041f492d8.webp" target="_blank"><img src="http://img.e-com-net.com/image/info8/43c356d2e7bb4f20a6bf358041f492d8.webp" alt="websocket的前端实现_第2张图片" width="906" height="226" style="border:1px solid black;"></a> 
    </div> 
   </div> 
   <div class="image-caption">
       
   </div> 
  </div> 
  <br> 
  <p>当我们发送公告后，将上图的公告信息在不刷新页面的情况下，使用WebSocket将其改变。发送公告的前端代码已经完成，现在我们来写另一个客户端，用来接收第一个页面发送的公告，展示在上图红框中。<br> 功能比较简单，所以下面只给出部分js代码：</p> 
  <div class="_2Uzcx_"> 
   <pre class="line-numbers  language-javascrpit"><code class="javascrpit  language-javascrpit">var noticeSocket = function () {    
  var s = new SockJS('/socket');    
  var stompClient = Stomp.over(s);    
  stompClient.connect({}, function () {         
    console.log('notice socket connected!');
    stompClient.subscribe('/topic/notice', function (data) {            
      $('.message span.content').html(data.body);        
    });    
 });
};
</code></pre> 
  </div> 
  <blockquote> 
   <p>相关说明：<br> 这里与发送公告代码不同的是，在<code>stompClient</code>建立连接成功之后，我们要监听服务端发送过来的信息，接收到之后，改变页面上公告的内容，所以用到了<code>stompClient.subscribe()</code><br> 这个<code>subscribe()</code>方法功能就是定义一个订阅地址，用来接收服务端的信息（在服务端代码中，我们在<code>@SendTo</code>中指定了这个订阅地址“/topic/notice”），当收到消息后，在回调函数中处理业务逻辑。</p> 
  </blockquote> 
  <p>至此，所有的功能开发完毕！</p> 
  <h1>效果演示</h1> 
  <p>首先我们发布一条公告：</p> 
  <br> 
  <div class="image-package"> 
   <div class="image-container"> 
    <div class="image-container-fill">
        
    </div> 
    <div class="image-view"> 
     <a href="http://img.e-com-net.com/image/info8/0a91155fb090481499a4131f825c63bf.webp" target="_blank"><img src="http://img.e-com-net.com/image/info8/0a91155fb090481499a4131f825c63bf.webp" alt="websocket的前端实现_第3张图片" width="554" height="355" style="border:1px solid black;"></a> 
    </div> 
   </div> 
   <div class="image-caption">
       
   </div> 
  </div> 
  <p>然后我们切到另一个页面，发现内容已变：</p> 
  <div class="image-package"> 
   <div class="image-container"> 
    <div class="image-container-fill">
        
    </div> 
    <div class="image-view"> 
     <a href="http://img.e-com-net.com/image/info8/ccfb0da703a0497bb7ca6690375367ca.webp" target="_blank"><img src="http://img.e-com-net.com/image/info8/ccfb0da703a0497bb7ca6690375367ca.webp" alt="websocket的前端实现_第4张图片" width="675" height="302" style="border:1px solid black;"></a> 
    </div> 
   </div> 
  </div> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="SOHUCS" sid="1218194760678871040"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(websocket的前端实现)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1881357731235950592.htm"
                           title="精通爬虫技术：从入门到入狱——网络数据爬虫的合法性与法律边界" target="_blank">精通爬虫技术：从入门到入狱——网络数据爬虫的合法性与法律边界</a>
                        <span class="text-muted"></span>

<div>了解数据爬虫的原理、用途、法律风险与合规性。本文深入解析网络爬虫的工作机制，探讨其在数据采集、搜索引擎等领域的应用。同时，重点关注Robots协议、反爬虫技术、开放数据等合规性问题，并分析相关法律案例，助您合法安全地使用爬虫技术。文章目录什么是网络数据爬虫？数据爬虫的工作原理数据爬虫的应用与影响数据爬虫的广泛用途数据爬虫带来的负面影响和潜在风险数据爬虫的合规性问题开放数据与非开放数据Robots协</div>
                    </li>
                    <li><a href="/article/1881357732443910144.htm"
                           title="OpenBayes 一周速览丨ShowUI专注GUI自动化，可解析屏幕截图和用户指令；U-MATH数据集上线" target="_blank">OpenBayes 一周速览丨ShowUI专注GUI自动化，可解析屏幕截图和用户指令；U-MATH数据集上线</a>
                        <span class="text-muted"></span>

<div>公共资源速递5个数据集：U-MATH数学推理数据集AlMedicalChatbot医学对话数据集Tecnalia电子设备废物高光谱数据集WaterlooExploration大规模图像质量评估数据库WasteClassification可回收物及生活垃圾分类数据集3个教程：一键部署QwQ-32B-PreviewHunyuanVideo腾讯混元文生视频DemoShowUl：专注GUI自动化的视觉-语</div>
                    </li>
                    <li><a href="/article/1881357733731561472.htm"
                           title="ofa.js：无需打包的MVVM框架，前端开发的轻量之选" target="_blank">ofa.js：无需打包的MVVM框架，前端开发的轻量之选</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>近年来，前端开发领域涌现了许多优秀的框架，如React、Vue和Angular，它们极大地提升了开发效率和代码可维护性。然而，随着项目复杂度的增加，这些框架的学习曲线和构建工具链的复杂性也让许多开发者感到头疼。在这样的背景下，ofa.js应运而生，它号称“无需打包的MVVM框架”，试图为前端开发带来一种全新的体验。那么，ofa.js究竟有何独特之处？它与其他MVVM框架相比又有哪些优势？本文将为你</div>
                    </li>
                    <li><a href="/article/1881357729885384704.htm"
                           title="AI生成前端页面：解放前端开发，拥抱AI时代的高效" target="_blank">AI生成前端页面：解放前端开发，拥抱AI时代的高效</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>在数字时代，效率是企业和个人的核心竞争力。而对于前端开发人员来说，重复性工作和繁琐的代码编写常常成为效率提升的瓶颈。幸运的是，随着人工智能技术的飞速发展，一个新的时代已经到来——AI代码生成器（例如ScriptEcho）的出现，正以前所未有的方式改变着前端开发的格局。本文将探讨人工智能在日常应用中的广泛影响，并着重介绍如何利用AI技术，例如ScriptEcho，来提升前端开发效率，从而更好地应对当</div>
                    </li>
                    <li><a href="/article/1881357351257174016.htm"
                           title="Vue 3.5 中的 useId：深入解析与应用实践" target="_blank">Vue 3.5 中的 useId：深入解析与应用实践</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
                        <div>随着Vue3.5的发布，开发者们迎来了许多新特性和改进。其中，useId是一个备受关注的工具函数，它为开发者提供了一种简单而高效的方式来生成唯一的ID。本文将深入解析useId的实现原理、使用场景以及在实际项目中的应用实践。一、什么是useId？useId是Vue3.5中引入的一个CompositionAPI函数，用于生成唯一的ID。它的主要用途是为组件或DOM元素分配唯一的标识符，避免在SSR（</div>
                    </li>
                    <li><a href="/article/1881357339638951936.htm"
                           title="python的schedule模块" target="_blank">python的schedule模块</a>
                        <span class="text-muted">weijiuzhu007</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>这里写自定义目录标题一，schedule模块1.什么是schedule模块2.具体应用二，详细源码一，schedule模块1.什么是schedule模块schedule模块进行job管理，具体可以执行定时任务，schedule方法是串行的，也就是说，如果各个任务之间时间不冲突，那是没问题的；如果时间有冲突的话，会串行的执行命令2.具体应用1，安装方法pipinstallschedule2，使用im</div>
                    </li>
                    <li><a href="/article/1881357213084217344.htm"
                           title="华为OD机试C卷--手机App防沉迷系统（Java & JS & Python & C）" target="_blank">华为OD机试C卷--手机App防沉迷系统（Java & JS & Python & C）</a>
                        <span class="text-muted">飞码创造者</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD%E6%9C%BA%E8%AF%95%E9%A2%98%E5%BA%93/1.htm">华为OD机试题库</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>获取题库不需要订阅专栏，可直接私信我进入CSDN领军人物top1博主的华为OD交流圈观看完整题库、最新面试实况、考试报告等内容以及大佬一对一答疑。题目描述智能手机方便了我们生活的同时，也侵占了我们不少的时间。“手机App防沉迷系统”能够让我们每天合理地规划手机App使用时间，在正确的时间做正确的事。它的大概原理是这样的：1.在一天24小时内，可以注册每个App的允许使用时段2.一个时间段只能使用一</div>
                    </li>
                    <li><a href="/article/1881357086680477696.htm"
                           title="大端模式和小端模式" target="_blank">大端模式和小端模式</a>
                        <span class="text-muted">蝌蚪123456</span>
<a class="tag" taget="_blank" href="/search/java%E5%BC%80%E5%8F%91/1.htm">java开发</a>
                        <div>转载自http://blog.csdn.net/hackbuteer1/article/details/7722667在各种计算机体系结构中，对于字节、字等的存储机制有所不同，因而引发了计算机通信领域中一个很重要的问题，即通信双方交流的信息单元（比特、字节、字、双字等等）应该以什么样的顺序进行传送。如果不达成一致的规则，通信双方将无法进行正确的编/译码从而导致通信失败。目前在各种体系的计算机中通常</div>
                    </li>
                    <li><a href="/article/1881356972356333568.htm"
                           title="AI赋能职业发展：程序员的未来之路" target="_blank">AI赋能职业发展：程序员的未来之路</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>程序员，这个充满挑战和机遇的职业，正站在技术浪潮的潮头。一方面，蓬勃发展的科技不断催生着新的编程语言、框架和技术，要求程序员持续学习，快速适应；另一方面，激烈的行业竞争也使得程序员需要不断提升自身技能，才能在竞争中脱颖而出。然而，AI技术的崛起为程序员的职业发展带来了新的希望，它不仅能提升效率，还能帮助程序员拓展技能，应对未来的挑战。本文将探讨AI技术，特别是像ScriptEcho这样的AI辅助工</div>
                    </li>
                    <li><a href="/article/1881356842400018432.htm"
                           title="「AI 中国」榜单揭晓，OpenBayes贝式计算入选「大模型最具潜力创业企业 TOP 10」" target="_blank">「AI 中国」榜单揭晓，OpenBayes贝式计算入选「大模型最具潜力创业企业 TOP 10」</a>
                        <span class="text-muted"></span>

<div>日前，「AI中国」机器之心2024年度评选正式揭晓，OpenBayes贝式计算有幸入选「大模型最具潜力创业企业TOP10」。作为专业的人工智能媒体与产业服务平台，机器之心于2017年发布了AI榜单「SyncedMachineIntelligenceAwards」，在随后的时间里，伴随AI的跨越式发展，机器之心的年度评选也逐渐成为了产业风向标之一，覆盖的领域、范围更加广泛，维度更加细化。机器之心20</div>
                    </li>
                    <li><a href="/article/1881356843675086848.htm"
                           title="BOE（京东方）"向新2025”年终媒体智享会落地深圳 "屏”实力赋能产业创新发展" target="_blank">BOE（京东方）"向新2025”年终媒体智享会落地深圳 "屏”实力赋能产业创新发展</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>12月27日，BOE（京东方）“向新2025”年终媒体智享会的收官之站在创新之都深圳圆满举行，为这场为期两周、横跨三地的年度科技盛会画上了完美句号。活动期间，全面回顾了BOE（京东方）2024年在多个关键领域取得的卓越成绩，深入剖析其在六大维度构建的“向新”发展格局，精彩呈现了以“屏”为核心搭建起的技术引领、伙伴赋能以及绿色发展等平台，全方位赋能全球生态合作伙伴，充分彰显BOE（京东方）作为全球领</div>
                    </li>
                    <li><a href="/article/1881356845159870464.htm"
                           title="高效员工培训：AI赋能企业发展新纪元" target="_blank">高效员工培训：AI赋能企业发展新纪元</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>在当今竞争激烈的商业环境中，员工是企业最宝贵的资产。高效的员工培训不仅能提升员工技能，提高工作效率，更能增强企业核心竞争力，推动企业持续发展。然而，传统的员工培训模式往往存在效率低下、成本高昂、缺乏互动性等诸多问题。例如，传统的线下培训需要耗费大量时间和资源，难以满足员工个性化学习需求，培训效果评估也缺乏客观数据支撑。面对这些挑战，人工智能（AI）技术的应用为企业员工培训带来了革命性的变革，为构建</div>
                    </li>
                    <li><a href="/article/1881356708492668928.htm"
                           title="2023 年 6 月大学英语四级考试真题（第 2 套）——纯享题目版" target="_blank">2023 年 6 月大学英语四级考试真题（第 2 套）——纯享题目版</a>
                        <span class="text-muted">fo安方</span>
<a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD%E2%80%94%E5%9B%9B%E7%BA%A7CET4/1.htm">英语—四级CET4</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a>
                        <div>个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是</div>
                    </li>
                    <li><a href="/article/1881356581883408384.htm"
                           title="2025 年 Java 最新学习资料与学习路线——从零基础到高手的成长之路" target="_blank">2025 年 Java 最新学习资料与学习路线——从零基础到高手的成长之路</a>
                        <span class="text-muted">stormjun</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/Java%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">Java学习路线</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%95%99%E7%A8%8B/1.htm">学习教程</a><a class="tag" taget="_blank" href="/search/2025Java/1.htm">2025Java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a>
                        <div>2025年Java最新学习资料与学习路线——从零基础到高手的成长之路大家好，欢迎来到我的频道！今天我们要聊聊Java——这门陪伴了很多程序员成长的编程语言。无论你是编程新手，还是已经走了一段编程路，但还不确定如何深入学习Java，这篇文章一定能帮到你！我会为你们梳理出一条清晰的Java学习路线，并分享一些学习资料，帮助你从零基础，到逐步成为一名熟练的Java开发者。不管你是想从事后端开发、Andr</div>
                    </li>
                    <li><a href="/article/1881356337707806720.htm"
                           title="技术选型指南：Web、原生、混合开发的对比" target="_blank">技术选型指南：Web、原生、混合开发的对比</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>随着移动互联网的飞速发展，开发者在选择应用开发方式时，经常面临纯Web开发、原生开发和混合开发的技术决策。每种开发方式都有其独特的优势和适用场景，开发者需根据项目需求、性能要求及跨平台能力做出合适的选择。本文将详细分析这三种开发方式的特点、实现原理及适用场景，同时推荐一些开源框架，并讲解微信小程序的实现方式。我们还将通过简单的代码示例，帮助大家更直观地理解这些技术。一、纯Web开发定义：纯Web开</div>
                    </li>
                    <li><a href="/article/1881356203745931264.htm"
                           title="Linux内核编译出来的Image文件解析" target="_blank">Linux内核编译出来的Image文件解析</a>
                        <span class="text-muted">物随心转</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/1.htm">嵌入式开发</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                        <div>一、内核镜像image介绍Image:是在Linux内核编译时，使用objcopy去掉vmlinux中的一些符号表等信息后，生成的仅包含可执行二进制数据的内核镜像。Image是一个可引导的内核镜像文件，它包含了Linux内核和一些启动参数，所以可直接引导Linux启动。不过Image没有经过压缩(itisUncompressedkernelimage)因此也比较大在很多下，我们需要构造自定义的Li</div>
                    </li>
                    <li><a href="/article/1881355831597920256.htm"
                           title="FORCE 原动力大会｜火山引擎边缘云亮点干货先知晓！" target="_blank">FORCE 原动力大会｜火山引擎边缘云亮点干货先知晓！</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E8%BE%B9%E7%BC%98%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%99%A8%E4%BA%BA/1.htm">人工智能边缘计算机器人</a>
                        <div>AI技术战场上，唯快不破？在经历了早期的热闹之后，AI大模型的能力和价值维度已经不再浮于表面。IDC最新发布的《中国智算服务市场（2023下半年）跟踪》报告显示，受国内生成式AI技术飞速发展的影响，GenAI（生成式AI）IaaS市场在2023年实现爆发式增长，在AI+云计算领域有双向积累的公司获得先发优势。火山引擎一跃成为GenAIIaaS领域市场份额最大的云厂商。只有真正实现大模型的深度融合，</div>
                    </li>
                    <li><a href="/article/1881355832860405760.htm"
                           title="React 19新特性探索：提升性能与开发者体验" target="_blank">React 19新特性探索：提升性能与开发者体验</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
                        <div>React作为最受欢迎的JavaScript库之一，不断推出新版本以应对日益复杂的应用需求。React19作为最新的版本，引入了一系列令人兴奋的新特性和改进，旨在进一步提升应用的性能、开发效率和用户体验。本文将深入探讨React19的新特性，包括异步操作管理、文档元数据和样式表支持、ServerComponents与服务器端渲染等，帮助开发者更好地理解和利用这些新特性来构建更强大、更高效的Reac</div>
                    </li>
                    <li><a href="/article/1881355700051963904.htm"
                           title="【YOLOv8改进】 YOLOv8 更换骨干网络之 GhostNet ：通过低成本操作获得更多特征 (论文笔记+引入代码)" target="_blank">【YOLOv8改进】 YOLOv8 更换骨干网络之 GhostNet ：通过低成本操作获得更多特征 (论文笔记+引入代码)</a>
                        <span class="text-muted">YOLO大师</span>
<a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a>
                        <div>YOLO目标检测创新改进与实战案例专栏专栏目录：YOLO有效改进系列及项目实战目录包含卷积，主干注意力，检测头等创新机制以及各种目标检测分割项目实战案例专栏链接:YOLO基础解析+创新改进+实战案例介绍摘要在嵌入式设备上部署卷积神经网络（CNNs）由于有限的内存和计算资源而变得困难。特征图中的冗余是那些成功的CNNs的一个重要特性，但在神经架构设计中很少被研究。本文提出了一种新颖的Ghost模块，</div>
                    </li>
                    <li><a href="/article/1881355578702360576.htm"
                           title="开启智能创作新时代，GLM-4-Plus为你定制！" target="_blank">开启智能创作新时代，GLM-4-Plus为你定制！</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>引言：为什么高效的内容创作如此重要？在当前竞争激烈的市场环境中，内容创作已成为品牌成功的重要支柱。无论是撰写营销文案、博客文章、社交媒体帖子，还是制作广告，优质的内容不仅能够帮助品牌吸引目标受众的注意力，还能有效促进产品和服务的转化。然而，创作高质量内容却常常需要投入大量时间和精力，这使得很多内容创作者感到力不从心。高效创作正成为现代内容创作者的迫切需求。如果你也为高效创作而苦恼，那么今天我们将为</div>
                    </li>
                    <li><a href="/article/1881355446921523200.htm"
                           title="传感器融合(UWB+IMU+超声波)，使用卡尔曼滤波器和3种不同的多点定位算法(最小二乘、递归最小二乘和梯度下降)研究（Matlab代码实现）" target="_blank">传感器融合(UWB+IMU+超声波)，使用卡尔曼滤波器和3种不同的多点定位算法(最小二乘、递归最小二乘和梯度下降)研究（Matlab代码实现）</a>
                        <span class="text-muted">科研_研学社</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️赠与读者1概述一、引言二、传感器介绍（一）UWB（超宽带）（二）IMU（惯性测量单元）（三）超声波传感器三、定位算法（一）卡尔曼滤波器（二）多点定位算法1.最小二乘法2.递归最小二乘法3.梯度下降法四、系统架构五、实验设计六、结果与讨论七、结论2运行结果3参考文献</div>
                    </li>
                    <li><a href="/article/1881355447609389056.htm"
                           title="探索AI API版本管理与流式传输实现" target="_blank">探索AI API版本管理与流式传输实现</a>
                        <span class="text-muted">qwe54165a4wd</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>在现代软件开发中，API版本管理是一个关键的主题，尤其是在涉及到AIAPI的场景。API版本的变更会影响到服务的稳定性和功能的兼容性。因此，理解API版本管理的基本原理和具体实现，对于开发者来说至关重要。技术背景介绍API版本管理涉及到如何在不破坏现有客户端代码的情况下，逐步引入新的功能和改进。这对于AI服务尤为重要，因为AI模型和算法的更新频率相对较高。本文将重点介绍AIAPI版本的管理原则，并</div>
                    </li>
                    <li><a href="/article/1881355325769052160.htm"
                           title="OpenBayes贝式计算创始人受邀参加第九届中国开源年会，分享 AI4S 前沿洞察" target="_blank">OpenBayes贝式计算创始人受邀参加第九届中国开源年会，分享 AI4S 前沿洞察</a>
                        <span class="text-muted"></span>

<div>OpenSource，OpenLife，开源新生活！由开源社主办的第九届中国开源年会(COSCon'24)于2024年11月3日在北京圆满落幕。本届大会为期2天，以「开源新生活-OpenSource,OpenLife」为主题，汇聚了来自全国各地的技术精英、开源爱好者、行业领袖和媒体代表，共同见证了开源技术如何融入日常生活，推动社会进步。超过1,000余人次到达现场，在线直播观看人数总计120,92</div>
                    </li>
                    <li><a href="/article/1881355320589086720.htm"
                           title="【Django DRF Apps】从零搭建一个Django SSE app应用" target="_blank">【Django DRF Apps】从零搭建一个Django SSE app应用</a>
                        <span class="text-muted">患得患失949</span>
<a class="tag" taget="_blank" href="/search/Django/1.htm">Django</a><a class="tag" taget="_blank" href="/search/DRF/1.htm">DRF</a><a class="tag" taget="_blank" href="/search/%E5%B0%81%E8%A3%85%E5%8A%9F%E8%83%BD%E7%B1%BB/1.htm">封装功能类</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/SSE/1.htm">SSE</a><a class="tag" taget="_blank" href="/search/app/1.htm">app</a>
                        <div>一、从零开始搭建DjangoSSE应用（一）创建Django项目安装Django首先确保已经安装Django。如果没有安装，可以使用以下命令进行安装：pipinstalldjango创建Django项目创建一个新的Django项目：django-adminstartprojectsse_projectcdsse_project创建Django应用创建一个新的应用来处理SSE：pythonmanag</div>
                    </li>
                    <li><a href="/article/1881354946599776256.htm"
                           title="决战毫秒间！火山引擎联合奇游，竞技游戏快人一步" target="_blank">决战毫秒间！火山引擎联合奇游，竞技游戏快人一步</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E8%BE%B9%E7%BC%98%E8%AE%A1%E7%AE%97%E5%85%A8%E7%90%83%E5%8A%A0%E9%80%9F/1.htm">游戏边缘计算全球加速</a>
                        <div>热门游戏发行后，常常会带来下载困难的问题，海量玩家在集中时间段涌入，会造成游戏平台下载带宽迅速飙升，导致玩家遭遇下载慢、下载报错的困扰，而诸如游戏下载缓慢、对战不稳定易掉线、高延迟、丢包等困扰，都可以通过专业的游戏加速服务解决。成都俊云科技有限公司是专业的游戏加速服务提供商，开发的“奇游”是一整套游戏工具和服务组合，具有适用于全平台的软硬件，内置专属玩家的个性化功能，能为玩家提供游戏加速、FPS硬</div>
                    </li>
                    <li><a href="/article/1881354567615049728.htm"
                           title="OpenBayes 一周速览｜一键部署Qwen2.5-Coder，0编程经验实现代码生成自由！" target="_blank">OpenBayes 一周速览｜一键部署Qwen2.5-Coder，0编程经验实现代码生成自由！</a>
                        <span class="text-muted"></span>

<div>公共资源速递5个数据集：Coil-100图像数据集Muharaf手写阿拉伯文数据集CollectiveActivity集体活动视频数据集MultimodalSpectroscopic化学多模光谱数据集CDFSOD-benchmark跨域小样本对象检测基准数据集3个教程：一键部署Qwen2.5-CoderInkSight将手写文字数字化DemoGLM-4-Voice端到端中英语音对话模型访问官网立即</div>
                    </li>
                    <li><a href="/article/1881354438711504896.htm"
                           title="springboot+mybatis的pageInfo分页的参数含义" target="_blank">springboot+mybatis的pageInfo分页的参数含义</a>
                        <span class="text-muted">媤纹琴獣</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>//当前页privateintpageNum;//每页的数量privateintpageSize;//当前页的数量privateintsize;//总页数privateintpages;//第一页privateintfirstPage;//上一页privateintprePage;//下一页privateintnextPage;//总记录数privatelongtotal;//由于startRow</div>
                    </li>
                    <li><a href="/article/1881354440305340416.htm"
                           title="如何一步步形成“代码屎山”——前端开发中的痛点与反思" target="_blank">如何一步步形成“代码屎山”——前端开发中的痛点与反思</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>引言在一个大型项目中，随着功能不断扩展、需求不断变化、人员不断更替，代码的质量和可维护性可能会逐渐恶化，最终演变成所谓的“代码屎山”。你一定对代码屎山的形成和后果有深刻的体会。那么，究竟是什么原因导致了代码屎山的形成？如何在开发过程中避免掉进这一陷阱？本文将从多个角度剖析这一问题，并提出一些解决方案，希望能帮助大家减少开发中的痛苦，提升代码质量。第一章：什么是“代码屎山”？在正式探讨代码屎山的形成</div>
                    </li>
                    <li><a href="/article/1881354186608668672.htm"
                           title="【3-4】《Java面向对象高级知识》——继承、重写和重载、final关键字、抽象类、接口、多态、Object类、内部类、包装类、可变参数、递归" target="_blank">【3-4】《Java面向对象高级知识》——继承、重写和重载、final关键字、抽象类、接口、多态、Object类、内部类、包装类、可变参数、递归</a>
                        <span class="text-muted">美少女降临人世间</span>
<a class="tag" taget="_blank" href="/search/%E3%80%90Java%E7%B2%BE%E5%8D%8E%E7%AC%94%E8%AE%B0%E3%80%91%E5%B7%B2%E5%AE%8C%E7%BB%93/1.htm">【Java精华笔记】已完结</a><a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E7%B1%BB/1.htm">抽象类</a><a class="tag" taget="_blank" href="/search/final%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">final关键字</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E5%86%99%E5%92%8C%E9%87%8D%E8%BD%BD/1.htm">重写和重载</a><a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">Java面向对象</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">内部类</a>
                        <div>文章目录一、继承格式二、子类实例化内存分析三、super详解四、重写1、重写的概念2、重写和重载的区别五、final关键字六、抽象类1、抽象类的概念2、抽象类常见问题3、抽象类和普通类的区别七、接口1、面向接口编程思想2、接口的编写3、接口和抽象类的区别八、多态1、多态的体现2、instanceof九、Object类概述1、toString2、equals十、内部类概述1、成员内部类（了解）2、局</div>
                    </li>
                    <li><a href="/article/1881354186126323712.htm"
                           title="论文阅读：Deep Bilateral Learning for Real-Time Image Enhancement-google-hdrnet-slicing" target="_blank">论文阅读：Deep Bilateral Learning for Real-Time Image Enhancement-google-hdrnet-slicing</a>
                        <span class="text-muted">SetMaker</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a>
                        <div>项目地址:https://gitcode.com/google/hdrnethdrnet作为超分领域的经典文章，由google提出主要用来用轻量化的方法来实现高分辨率的图像生成，hdrnet结合cnn可以让更高分辨率的图像部署在板端。如图所示，原始图像比如4k图像，首先分为两个主要模块：grid和guide。grid就是对应图上面的那一条特征提取网络，具体来说，原始图像经过下采样之后，默认256分</div>
                    </li>
                                <li><a href="/article/10.htm"
                                       title="jsonp 常用util方法" target="_blank">jsonp 常用util方法</a>
                                    <span class="text-muted">hw1287789687</span>
<a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/1.htm">jsonp常用方法</a><a class="tag" taget="_blank" href="/search/jsonp+callback/1.htm">jsonp callback</a>
                                    <div>jsonp 常用java方法 
(1)以jsonp的形式返回:函数名(json字符串) 
/***
	 * 用于jsonp调用
	 * @param map : 用于构造json数据
	 * @param callback : 回调的javascript方法名
	 * @param filters : <code>SimpleBeanPropertyFilter theFilt</div>
                                </li>
                                <li><a href="/article/137.htm"
                                       title="多线程场景" target="_blank">多线程场景</a>
                                    <span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a>
                                    <div>0 
能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 
对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ 
Java多线程 
2012年11月23日 15:41 Young9007 Young9007 
4 
0 0 4 
 
Comment添加评论关注(2) 
3个答案 按时间排序 按投票排序 
 
0 
0 
最典型的如： 
1、</div>
                                </li>
                                <li><a href="/article/264.htm"
                                       title="Maven学习——修改Maven的本地仓库路径" target="_blank">Maven学习——修改Maven的本地仓库路径</a>
                                    <span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>      安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。 
  
 </div>
                                </li>
                                <li><a href="/article/391.htm"
                                       title="placeholder的浏览器兼容" target="_blank">placeholder的浏览器兼容</a>
                                    <span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/placeholder/1.htm">placeholder</a>
                                    <div>【前言】 
自从html5引入placeholder后，问题就来了， 
不支持html5的浏览器也先有这样的效果， 
各种兼容，之前考虑，今天测试人员逮住不放， 
想了个解决办法，看样子还行，记录一下。 
  
【原理】 
不使用placeholder，而是模拟placeholder的效果， 
大概就是用focus和focusout效果。 
  
【代码】 
<scrip</div>
                                </li>
                                <li><a href="/article/518.htm"
                                       title="debian_用iso文件创建本地apt源" target="_blank">debian_用iso文件创建本地apt源</a>
                                    <span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/Debian/1.htm">Debian</a>
                                    <div>1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下

2.创建N个挂载点目录  
如下： 
debian:~#mkdir –r /media/dvd1 
debian:~#mkdir –r /media/dvd2 
debian:~#mkdir –r /media/dvd3 
…. 
debian:~#mkdir –r /media</div>
                                </li>
                                <li><a href="/article/645.htm"
                                       title="SQLSERVER耗时最长的SQL" target="_blank">SQLSERVER耗时最长的SQL</a>
                                    <span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
                                    <div>对于DBA来说，经常要知道存储过程的某些信息： 
 
1.   执行了多少次 
 
2.   执行的执行计划如何 
 
3.   执行的平均读写如何 
 
4.   执行平均需要多少时间 
 
列名          &</div>
                                </li>
                                <li><a href="/article/772.htm"
                                       title="com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil" target="_blank">com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil</a>
                                    <span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 
 
错误提示信息： 
 
An error has occurred.See error log for more details. 
Reason: 
com/genuitec/</div>
                                </li>
                                <li><a href="/article/899.htm"
                                       title="用正则删除文本中的html标签" target="_blank">用正则删除文本中的html标签</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89html%E6%A0%87%E7%AD%BE/1.htm">去掉html标签</a>
                                    <div>使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 
如下： 
public static String Html2Text(String inputString) {  
String htmlStr = inputString; // 含html标签的字符串
  String textSt</div>
                                </li>
                                <li><a href="/article/1026.htm"
                                       title="嵌入式系统设计中常用总线和接口" target="_blank">嵌入式系统设计中常用总线和接口</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/linux+%E5%9F%BA%E7%A1%80/1.htm">linux 基础</a>
                                    <div>               嵌入式系统设计中常用总线和接口 
  
        任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线</div>
                                </li>
                                <li><a href="/article/1153.htm"
                                       title="Java函数调用方式——按值传递" target="_blank">Java函数调用方式——按值传递</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8C%89%E5%80%BC%E4%BC%A0%E9%80%92/1.htm">按值传递</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">基础数据类型</a>
                                    <div>Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。 
  
首先，让我们看一看基础数据类型是如何按值传递的。 
  
public static void main(String[] args) {
		
	int a = 2;
</div>
                                </li>
                                <li><a href="/article/1280.htm"
                                       title="ios音量线性下降" target="_blank">ios音量线性下降</a>
                                    <span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/ios%E9%9F%B3%E9%87%8F/1.htm">ios音量</a>
                                    <div>直接上代码吧 
  
//second 几秒内下降为0
- (void)reduceVolume:(int)second {
    KGVoicePlayer *player = [KGVoicePlayer defaultPlayer];
    
    if (!_flag) {
        _tempVolume = player.volume;
       </div>
                                </li>
                                <li><a href="/article/1407.htm"
                                       title="与其怨它不如爱它" target="_blank">与其怨它不如爱它</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9/1.htm">选择</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E6%83%B3/1.htm">理想</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E4%B8%9A/1.htm">职业</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%92/1.htm">规划</a>
                                    <div>        抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。 
        一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。 
  </div>
                                </li>
                                <li><a href="/article/1534.htm"
                                       title="一边时间不够用一边浪费时间" target="_blank">一边时间不够用一边浪费时间</a>
                                    <span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E6%B5%AA%E8%B4%B9/1.htm">浪费</a>
                                    <div>一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 
 
每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 
精神还是很差，下午像一直野鬼在城市里晃荡。 
 
 
为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 
控制让自己周末早睡早起，你就成功了一半。 
 
有多少个工作</div>
                                </li>
                                <li><a href="/article/1661.htm"
                                       title="【Scala八】Scala核心二：隐式转换" target="_blank">【Scala八】Scala核心二：隐式转换</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con</div>
                                </li>
                                <li><a href="/article/1788.htm"
                                       title="sudoku slover in Haskell (2)" target="_blank">sudoku slover in Haskell (2)</a>
                                    <span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a><a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a>
                                    <div>继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。 
  
board = [0,3,4,1,7,0,5,0,0,
         0,6,0,0,0,8,3,0,1,
         7,0,0,3,0,0,0,0,6,
         5,0,0,6,4,0,8,0,7,
</div>
                                </li>
                                <li><a href="/article/1915.htm"
                                       title="Java-Collections Framework学习与总结-HashSet和LinkedHashSet" target="_blank">Java-Collections Framework学习与总结-HashSet和LinkedHashSet</a>
                                    <span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/linkedhashset/1.htm">linkedhashset</a>
                                    <div>        本篇总结一下两个常用的集合类HashSet和LinkedHashSet。 
        它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序</div>
                                </li>
                                <li><a href="/article/2042.htm"
                                       title="读《研磨设计模式》-代码笔记-备忘录模式-Memento" target="_blank">读《研磨设计模式》-代码笔记-备忘录模式-Memento</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/

import java.util.ArrayList;
import java.util.List;

/*
 * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
</div>
                                </li>
                                <li><a href="/article/2169.htm"
                                       title="《RAW格式照片处理专业技法》笔记" target="_blank">《RAW格式照片处理专业技法》笔记</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
                                    <div>注意，这不是教程！仅记录楼主之前不太了解的 
 
 一、色彩（空间）管理 
作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 
注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv</div>
                                </li>
                                <li><a href="/article/2296.htm"
                                       title="使用 Git 下载 Spring 源码 编译 for Eclipse" target="_blank">使用 Git 下载 Spring 源码 编译 for Eclipse</a>
                                    <span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>使用 Git 下载 Spring 源码 编译 for Eclipse 
  
1、安装gradle，下载 http://www.gradle.org/downloads 
配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v 
  
2、spring4 用jdk8 下载 https://jdk8.java.</div>
                                </li>
                                <li><a href="/article/2423.htm"
                                       title="mysql连接拒绝问题" target="_blank">mysql连接拒绝问题</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95%E6%9D%83%E9%99%90/1.htm">登录权限</a>
                                    <div>mysql中在其它机器连接mysql服务器时报错问题汇总 
 
一、[running]root@192.168.9.136:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 
Enter password:    //无字符串输入 
ERROR 1045 (28000): Access </div>
                                </li>
                                <li><a href="/article/2550.htm"
                                       title="Google Chrome 为何打压 H.264" target="_blank">Google Chrome 为何打压 H.264</a>
                                    <span class="text-muted">dsjt</span>
<a class="tag" taget="_blank" href="/search/apple/1.htm">apple</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
                                    <div>Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 
 
Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome</div>
                                </li>
                                <li><a href="/article/2677.htm"
                                       title="yii 获取控制器名 和方法名" target="_blank">yii 获取控制器名 和方法名</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
                                    <div>1. 获取控制器名 
在控制器中获取控制器名:  $name = $this->getId(); 
在视图中获取控制器名:    $name = Yii::app()->controller->id;  
  
2. 获取动作名  
在控制器beforeAction()回调函数中获取动作名:  $name = </div>
                                </li>
                                <li><a href="/article/2804.htm"
                                       title="Android知识总结（二）" target="_blank">Android知识总结（二）</a>
                                    <span class="text-muted">come_for_dream</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>明天要考试了，速速总结如下 
  
1、Activity的启动模式 
       standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。） 
       singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac</div>
                                </li>
                                <li><a href="/article/2931.htm"
                                       title="高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元" target="_blank">高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元</a>
                                    <span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
                                    <div>高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 
首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕</div>
                                </li>
                                <li><a href="/article/3058.htm"
                                       title="linux expect" target="_blank">linux expect</a>
                                    <span class="text-muted">heipark</span>
<a class="tag" taget="_blank" href="/search/expect/1.htm">expect</a>
                                    <div>1. 创建、编辑文件go.sh 
  
#!/usr/bin/expect

spawn sudo su admin

expect  "*password*" { send "13456\r\n" }

interact  
   2. 设置权限 
   chmod u+x go.sh   3.</div>
                                </li>
                                <li><a href="/article/3185.htm"
                                       title="Spring4.1新特性——静态资源处理增强" target="_blank">Spring4.1新特性——静态资源处理增强</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/3312.htm"
                                       title="idea ubuntuxia 乱码" target="_blank">idea ubuntuxia 乱码</a>
                                    <span class="text-muted">liyonghui160com</span>

<div>    
1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 
2.在ubuntu 下可以执行下面操作安装该字体： 
sudo mkdir /usr/share/fonts/truetype/simsun
sudo cp simsun.ttf  /usr/share/fonts/truetype/simsun
fc-cache -f -v 
</div>
                                </li>
                                <li><a href="/article/3439.htm"
                                       title="改良程序的11技巧" target="_blank">改良程序的11技巧</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a>
                                    <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。 
  
让我们看一些基本的编程技巧： 
  
 
 尽量保持方法简短 
 永远永远不要把同一个变量用于多个不同的</div>
                                </li>
                                <li><a href="/article/3566.htm"
                                       title="300个涵盖IT各方面的免费资源（下）——工作与学习篇" target="_blank">300个涵盖IT各方面的免费资源（下）——工作与学习篇</a>
                                    <span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/%E5%88%9B%E4%B8%9A/1.htm">创业</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AF%BE%E7%A8%8B/1.htm">学习课程</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E5%B7%A5%E4%BD%9C/1.htm">远程工作</a>
                                    <div>工作与生产效率: 
  
 
 A. 背景声音 
 
 
  Noisli:背景噪音与颜色生成器。 
  Noizio:环境声均衡器。 
  Defonic:世界上任何的声响都可混合成美丽的旋律。 
  Designers.mx:设计者为设计者所准备的播放列表。 
  Coffitivity:这里的声音就像咖啡馆里放的一样。 
 
 
 B. 避免注意力分散 
 
 
  Self Co</div>
                                </li>
                                <li><a href="/article/3693.htm"
                                       title="深入浅出RPC" target="_blank">深入浅出RPC</a>
                                    <span class="text-muted">uule</span>
<a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
                                    <div>深入浅出RPC-浅出篇 
深入浅出RPC-深入篇 
  
RPC 
Remote Procedure Call Protocol 
远程过程调用协议 
  
它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

        </div>
    </div>
</footer>

<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>

</body>

</html>

websocket的前端实现

WebSocket前端准备

发送公告功能