纯JS实现剪贴板复制功能

本文介绍了JS与剪贴板相关的功能。

1.背景

事情的起因是使用阿里巴巴矢量图标库，使用页面大概长得是这样的

1.PNG

从图库里面选取适用的图标，下载资源文件放进项目中，然后就可以在项目中很方便的进行使用。

2.png

每次使用的时候都需要手动复制图标下方的类名，然后在项目中新建一个标签，并添加上类名。如果能直接把图标一点，就能把所需要的东西直接粘贴出来，就很方便。

2.Clipboard.js

在HTML5之前，网页上的复制功能还需要用到JS+Flash结合的方法。但是随着HTML5推出的一系列API，使得纯JS实现复制功能能够实现。比如这里提到的Clipboard.js。

新版的Clipboard.js使用起来很简单。

    
    
    



    
    按钮
    

首先是选择一个需要点击的元素，可以是或者是别的。

• data-clipboard-action属性，属性值为copy或者cut，分别对应的是复制和剪切操作，只有当目标元素是或者是</code>时，剪切操作才有效果；否则等同于复制操作。</li> <li> <code>data-clipboard-target</code>属性，根据css选择器找到元素，当选择结果不唯一时，只会对选到的第一个元素生效。</li> </ul> <p>或者可以不使用<code>data-clipboard-target</code>属性，而可以使用<code>data-clipboard-text</code>属性。</p> <ul> <li> <code>data-clipboard-text</code>属性，使用该属性，能直接将属性值存入剪贴板。</li> </ul> <hr> <p>属性添加完整后，在js中对复制按钮进行实例化。</p> <pre><code class="javascript">var clipboard = new Clipboard('.btn'); </code></pre> <p>参数可以是css选择器，或者dom节点。当选择器选中多个节点时，会对所有的节点生效，即点击各个节点时可以触发各自对应的复制剪切事件。</p> <hr> <p>最后是插件的两个事件</p> <pre><code class="javascript">clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); e.clearSelection();//清除复制后文字的选中状态 }); clipboard.on('error', function(e) { console.error('Action:', e.action); console.error('Trigger:', e.trigger); }); </code></pre> <h2>3.实际应用</h2> <p>有了好用的插件之后，就可以对最开始的那个页面进行改进了。下载好文档以后，首先查看一下文档结构，每个图标的结构大致如下。</p> <pre><code class="javascript"> <div class="main markdown"> <h1>IconFont 图标</h1> <ul class="icon_lists clear"> <li> <i class="icon iconfont icon-cuowu"></i> <div class="name" id="the-error">错误</div> <div class="fontclass">.icon-cuowu</div> </li> <li> <i class="icon iconfont icon-erweima"></i> <div class="name">二维码</div> <div class="fontclass">.icon-erweima</div> </li> ... </ul> </div> </code></pre> <p>我们想要达成的效果是当点击二维码图标的时候，就会复制以下内容。</p> <pre><code class="javascript"><i class="icon iconfont icon-erweima"></i> </code></pre> <p>然后做出了如下的js</p> <pre><code class="javascript">$(function () { var clipboard = new Clipboard('i.icon'); clipboard.on('success', function (e) { console.log('复制成功'); }); var makePrepare = function () { $('i.icon').each(function () { var $this = $(this); var theClass = $this.attr('class'); var text = '<i class="' + theClass + '"></i>'; $this.attr('data-clipboard-action', 'copy'); $this.attr('data-clipboard-text', text); }) } makePrepare(); }) </code></pre> <p>最后，实现了想要的效果。点击一下想要的图标，就可以直接粘贴了。</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1491789673608011776"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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">你可能感兴趣的:(纯JS实现剪贴板复制功能)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1947715106288758784.htm" title="华为OD机试2025C卷 - 计算三叉搜索树的高度 (C++ & Python & JAVA & JS & GO)" target="_blank">华为OD机试2025C卷 - 计算三叉搜索树的高度 (C++ & Python & JAVA & JS & GO)</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%E7%9C%9F%E9%A2%98%E5%88%B7%E9%A2%98%E7%AC%94%E8%AE%B0/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/%E5%8D%8E%E4%B8%BAOD%E6%9C%BA%E8%AF%952025C%E5%8D%B7/1.htm">华为OD机试2025C卷</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD2025C%E5%8D%B7/1.htm">华为OD2025C卷</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD%E6%9C%BA%E8%80%832025C%E5%8D%B7/1.htm">华为OD机考2025C卷</a> <div>计算三叉搜索树的高度华为OD机试真题目录点击查看:华为OD机试2025C卷真题题库目录｜机考题库+算法考点详解华为OD机试2025C卷100分题型题目描述定义构造三叉搜索树规则如下：每个节点都存有一个数，当插入一个新的数时，从根节点向下寻找，直到找到一个合适的空节点插入。查找的规则是：如果数小于节点的数减去500，则将数插入节点的左子树如果数大于节点的数加上500，则将数插入节点的右子树否则，将数</div> </li> <li><a href="/article/1947714979935350784.htm" title="华为OD面试手撕真题 - 字符串解码 (C++ & Python & JAVA & JS & GO)" target="_blank">华为OD面试手撕真题 - 字符串解码 (C++ & Python & JAVA & JS & GO)</a> <span class="text-muted">无限码力</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD%E9%9D%A2%E8%AF%95%E6%89%8B%E6%92%95%E4%BB%A3%E7%A0%81%E7%9C%9F%E9%A2%98%E5%90%88%E9%9B%86/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/%E9%9D%A2%E8%AF%95%E6%89%8B%E6%92%95%E7%9C%9F%E9%A2%98/1.htm">面试手撕真题</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD%E9%9D%A2%E8%AF%95%E6%89%8B%E6%92%95%E7%9C%9F%E9%A2%98/1.htm">华为OD面试手撕真题</a> <div>题目描述给定一个经过编码的字符串，返回它解码后的字符串。编码规则为:k[encoded_string]，表示其中方括号内部的encoded_string正好重复k次。注意k保证为正整数。你可以认为输入字符串总是有效的；输入字符串中没有额外的空格，且输入的方括号总是符合格式要求的。此外，你可以认为原始数据不包含数字，所有的数字只表示重复的次数k，例如不会出现像3a或2[4]的输入。示例1输入：s="</div> </li> <li><a href="/article/1947714853745520640.htm" title="SPI机制详解" target="_blank">SPI机制详解</a> <span class="text-muted"></span> <div>SPI机制名称是“服务提供接口”，网上的解释其用途主要是用于解耦，通俗讲，它的作用就是寻找接口的实现类，wq可以认为是A调用B中的一个特殊的调用方式而已，也就是说一种特殊的服务发现机制。网上有句话说的很多，它解耦解的是让接口和实现类完全分离，谁想去实现它可以去实现，我业务层一样可以无感的使用这些实现类。这个的特点就是面向接口编程，模块之间不对实现类进行硬编码。SPI用到的设计模式是桥接模式。注意它</div> </li> <li><a href="/article/1947714263908937728.htm" title="剪映拉新推广赚钱在哪里对接？剪映APP变现项目教学攻略说明" target="_blank">剪映拉新推广赚钱在哪里对接？剪映APP变现项目教学攻略说明</a> <span class="text-muted">星火执行官</span> <div>剪映拉新推广赚钱在哪里对接？剪映APP变现项目教学攻略说明，在短视频浪潮席卷而来的当下，视频剪辑技能与工具的需求水涨船高，而【剪映】作为这一领域的佼佼者，以其全面的编辑功能和便捷的多端操作，成为了众多创作者不可或缺的伙伴。若您有意在短视频领域通过剪辑视频开辟一条赚钱之路，那么深入了解并巧妙利用剪映的拉新机制，无疑将是一大助力。一、剪映拉新项目的对接入口剪映拉新项目，实质上是通过宣传推广剪映APP，</div> </li> <li><a href="/article/1947713845732634624.htm" title="七、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-聊天消息项的实现" target="_blank">七、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-聊天消息项的实现</a> <span class="text-muted">智密科技</span> <a class="tag" taget="_blank" href="/search/uniapp%E6%8F%92%E4%BB%B6/1.htm">uniapp插件</a><a class="tag" taget="_blank" href="/search/IM%E6%BA%90%E7%A0%81/1.htm">IM源码</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/im/1.htm">im</a> <div>会话好友列表的实现1、项目引言2、腾讯云后台配置TXIM3、配置项目并实现IM登录4、会话好友列表的实现5、聊天输入框的实现6、聊天界面容器的实现7、聊天消息项的实现8、聊天输入框扩展面板的实现9、聊天会话管理的实现10、聊天记录的加载与消息收发11、定位SD配置与收发定位消息12、贴图表情的定制化开发13、腾讯云后台配置TRTC功能14、集成音视频通话功能15、集成仿微信的拍照，相册选择插件16</div> </li> <li><a href="/article/1947713593055178752.htm" title="ensp两台路由器不同网段相互访问" target="_blank">ensp两台路由器不同网段相互访问</a> <span class="text-muted"></span> <div>在不使用路由协议情况下实现互通实验要求两台路由器不同网段访问配置命令如下ar1配置GigabitEthernet0/0/0displayintg0/0/0//查看接口mac地址IPadd192.168.1.1arpstatic192.168.2.100e0-fc8f-7f40（ar2网段，mac地址）iproute-static192.168.2.0255.255.255.0GigabitEthe</div> </li> <li><a href="/article/1947713214603128832.htm" title="并联光猫下不同网段路由器互通配置指南" target="_blank">并联光猫下不同网段路由器互通配置指南</a> <span class="text-muted"></span> <div>网络拓扑结构问题描述两台路由器并联连接在同一个光猫下，各自管理不同的网段：路由器A：管理192.168.2.0/24网段路由器B：管理192.168.3.0/24网段默认情况下，不同路由器下的设备无法直接通信，需要通过静态路由配置实现互通。解决方案步骤1：配置路由器A的静态路由在路由器A的管理界面中添加静态路由：目标网络：192.168.3.0/24子网掩码：255.255.255.0网关：192</div> </li> <li><a href="/article/1947713088144863232.htm" title="SPI 与API，以及java，spring，dubbo 三者SPI的区别" target="_blank">SPI 与API，以及java，spring，dubbo 三者SPI的区别</a> <span class="text-muted"></span> <div>✅SPI机制详解：Java/Spring/Dubbo/Maven一、什么是SPI（ServiceProviderInterface）SPI=一种扩展机制，框架通过接口+注册，让你实现并插入自己的逻辑。API（ApplicationProgrammingInterface）：框架实现，开发者调用（下行）。SPI（ServiceProviderInterface）：框架定义接口，开发者实现，框架调用（</div> </li> <li><a href="/article/1947712961250390016.htm" title="12306系统架构的演进" target="_blank">12306系统架构的演进</a> <span class="text-muted"></span> <div>演进过程12306系统架构的演进是中国铁路信息化建设的重要里程碑，其核心围绕高并发处理、数据一致性保障、跨地域容灾三大挑战展开。以下是其分阶段的技术演进过程：第一阶段：单机架构与双机热备（2011年）背景2011年上线初期，12306仅支持京津城际列车购票，日均售票量不足百万。系统采用传统单体架构，依赖小型机和集中式数据库，缺乏分布式设计。架构特点技术栈：JavaServlet+JSP+Sybas</div> </li> <li><a href="/article/1947711323676667904.htm" title="Java 领域 Dubbo 服务注册与发现机制详解" target="_blank">Java 领域 Dubbo 服务注册与发现机制详解</a> <span class="text-muted">Java大师兄学大数据AI应用开发</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/dubbo/1.htm">dubbo</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/ai/1.htm">ai</a> <div>Java领域Dubbo服务注册与发现机制详解关键词：Dubbo、服务注册、服务发现、微服务、RPC、Zookeeper、负载均衡摘要：本文深入剖析了Dubbo框架中的服务注册与发现机制，从核心概念到实现原理，再到实际应用场景和最佳实践。我们将通过源码分析、架构图解和实战案例，全面讲解Dubbo如何实现高效的服务治理，包括注册中心的作用、服务提供者与消费者的交互流程、负载均衡策略等关键内容。文章还将</div> </li> <li><a href="/article/1947710189813690368.htm" title="NAT的核心原理以及配置" target="_blank">NAT的核心原理以及配置</a> <span class="text-muted">YC运维</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%89%E8%BF%90%E7%BB%B4%E5%AE%9E%E9%AA%8C/1.htm">华三运维实验</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%89NAT/1.htm">华三NAT</a> <div>NAT（NetworkAddressTranslation，网络地址转换）是解决IPv4地址资源枯竭的关键技术，其核心作用是在私有网络（内部网络）与公共网络（外部网络）的边界设备上，对数据包的IP地址和端口信息进行转换，实现私有IP地址与公网IP地址的映射，从而让多个内部主机共享少量公网IP访问外部网络，或让外部网络访问内部特定服务。一、NAT核心原理概述1.NAT的核心作用节省公网IP资源：通过</div> </li> <li><a href="/article/1947708551560491008.htm" title="STM32与树莓派通信" target="_blank">STM32与树莓派通信</a> <span class="text-muted">bing_feilong</span> <a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6/1.htm">硬件</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a> <div>STM32与树莓派（RaspberryPi）的通信常见方案及实现步骤：1.UART串口通信（最简单）适用场景：短距离、低速数据交换（如传感器数据、调试信息）。硬件连接：STM32引脚树莓派引脚备注TXRX(GPIO15)交叉连接RXTX(GPIO14)交叉连接GNDGND共地软件配置：STM32端（使用HAL库）：UART_HandleTypeDefhuart1;huart1.Instance=U</div> </li> <li><a href="/article/1947708299394740224.htm" title="VRRP技术" target="_blank">VRRP技术</a> <span class="text-muted">暴龙战士wef</span> <a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E8%B7%AF%E7%94%B1%E5%99%A8/1.htm">智能路由器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>一、VRRP基本概念VRRP（VirtualRouterRedundancyProtocol，虚拟路由器冗余协议）是一种容错协议，通过将多个路由器加入到备份组中形成一台虚拟路由器来承担网关功能。主要特点：提高网络可靠性简化主机配置（主机只需配置虚拟网关IP）应用场景：解决单网关无冗余的问题，当网关出现故障时，内网设备仍可通过备份路由器访问外网。二、VRRP相关概念VRRP组(VRID)：由多个路由</div> </li> <li><a href="/article/1947706913659613184.htm" title="华锐云空间平台：开启数字化创新体验新时代" target="_blank">华锐云空间平台：开启数字化创新体验新时代</a> <span class="text-muted">ykjhr_3d</span> <a class="tag" taget="_blank" href="/search/VR%E5%AE%9E%E8%AE%AD/1.htm">VR实训</a><a class="tag" taget="_blank" href="/search/3D%E8%99%9A%E6%8B%9F%E5%B1%95%E5%8E%85/1.htm">3D虚拟展厅</a><a class="tag" taget="_blank" href="/search/3D%E6%95%B0%E5%AD%97%E6%8D%8F%E8%84%B8/1.htm">3D数字捏脸</a> <div>（一）3D虚拟展厅搭建，轻松打造独特展示空间华锐云空间平台的3D虚拟展厅搭建功能堪称一绝，为用户提供了超过500个丰富多样的展厅模板，这些模板涵盖了各种风格与主题，无论是科技感十足的现代风，还是充满艺术氛围的文艺风，亦或是庄严肃穆的商务风，都能在这里找到。即使你是毫无技术背景的小白，也能轻松上手。平台采用了简单便捷的拖拽式编辑方式，无需掌握复杂的编程技能，只需通过简单的拖拽操作，就能随心所欲地添加</div> </li> <li><a href="/article/1947705905294405632.htm" title="脚本代码：网页限制解除(改)" target="_blank">脚本代码：网页限制解除(改)</a> <span class="text-muted">vvandre</span> <a class="tag" taget="_blank" href="/search/edge/1.htm">edge</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/firefox/1.htm">firefox</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>修改版描述：作者@qxini通杀大部分网站,可以解除禁止复制、剪切、选择文本、右键菜单的限制。原作者cat73,因为和搜索跳转脚本冲突,遂进行了改动。源脚本有个很大的坑，应该只在有限制的网站使用，类似360doc，知乎这类，建立一个黑名单，只对黑名单上的网站使用。而不是像现在这样全网通杀。尝试着处理了下，和之前脚本变化很大，之前是白名单制度，针对哪些网站不启用，其他网站一律使用脚本，现在是黑名单制</div> </li> <li><a href="/article/1947705777510739968.htm" title="【人工智能之深度学习】1. 深度学习基石：神经元模型与感知机的数学本质（附代码实现与收敛性证明）" target="_blank">【人工智能之深度学习】1. 深度学习基石：神经元模型与感知机的数学本质（附代码实现与收敛性证明）</a> <span class="text-muted">AI_DL_CODE</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E4%B9%8B%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">人工智能之深度学习</a><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/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E5%85%83%E6%A8%A1%E5%9E%8B/1.htm">神经元模型</a><a class="tag" taget="_blank" href="/search/%E6%84%9F%E7%9F%A5%E6%9C%BA/1.htm">感知机</a><a class="tag" taget="_blank" href="/search/%E8%B5%AB%E5%B8%83%E6%B3%95%E5%88%99/1.htm">赫布法则</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80/1.htm">深度学习基础</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E5%8F%AF%E5%88%86/1.htm">线性可分</a> <div>摘要：作为深度学习的基础单元，神经元模型与感知机承载着从生物智能到人工神经网络的桥梁作用。本文从生物神经元的工作机制出发，系统剖析数学建模过程：详解赫布法则的权重更新原理（Δwi=η·xi·y），推导McCulloch-Pitts神经元模型的数学表达（y=Θ(∑wixi−b)），重点证明感知机在linear可分情况下的收敛性——通过Novikoff定理严格推导迭代次数上界，揭示间隔γ对收敛速度的影</div> </li> <li><a href="/article/1947704518611365888.htm" title="深入理解备忘录模式：状态保存与恢复的艺术" target="_blank">深入理解备忘录模式：状态保存与恢复的艺术</a> <span class="text-muted">vvilkin的学习备忘</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%A4%87%E5%BF%98%E5%BD%95%E6%A8%A1%E5%BC%8F/1.htm">备忘录模式</a> <div>备忘录模式（MementoPattern）是一种强大的行为设计模式，它允许我们在不破坏封装性的前提下捕获并外部化对象的内部状态，以便后续能够将对象恢复到先前的状态。这种模式在需要实现撤销操作、历史记录或状态恢复功能的系统中具有重要价值。一、备忘录模式概述备忘录模式由三个核心角色组成：Originator（发起人）：需要保存和恢复状态的对象Memento（备忘录）：存储Originator内部状态的</div> </li> <li><a href="/article/1947703560963682304.htm" title="match_phrase_prefix实现search-time搜索推荐" target="_blank">match_phrase_prefix实现search-time搜索推荐</a> <span class="text-muted">Shaw_Young</span> <div>搜索推荐，searchasyoutype，搜索提示，解释一下什么意思hellow-->搜索helloworldhellowehellowinhellowindhellodoghellocathellow-->helloworldhellowehellowinhellowind搜索推荐的功能百度-->elas-->elasticsearch-->elasticsearch权威指南GET/my_ind</div> </li> <li><a href="/article/1947702375615623168.htm" title="Agora_Unity_WebGL：实时互动的WebGL解决方案" target="_blank">Agora_Unity_WebGL：实时互动的WebGL解决方案</a> <span class="text-muted"></span> <div>Agora_Unity_WebGL：实时互动的WebGL解决方案项目介绍Agora_Unity_WebGL是一个开源的UnityWebGL插件，它是对AgoraWebSDK4.x版本的封装。这个项目旨在为开发者提供一种在Unity中轻松集成实时音视频互动功能的方法，特别适用于需要在Web平台运行的Unity项目。通过这个插件，开发者可以快速地实现实时音频、视频通信以及直播等功能。项目技术分析Ago</div> </li> <li><a href="/article/1947702374357331968.htm" title="Netflix DGS 框架项目推荐" target="_blank">Netflix DGS 框架项目推荐</a> <span class="text-muted"></span> <div>NetflixDGS框架项目推荐项目基础介绍和主要编程语言NetflixDGS框架是一个专为SpringBoot设计的GraphQL服务器框架，旨在简化Java开发者在SpringBoot环境中构建GraphQL服务的流程。该项目主要使用Java和Kotlin作为编程语言，充分利用了SpringBoot的强大功能和生态系统。项目核心功能NetflixDGS框架提供了丰富的功能，帮助开发者快速构建和</div> </li> <li><a href="/article/1947702375196192768.htm" title="Netflix DGS 框架常见问题解决方案" target="_blank">Netflix DGS 框架常见问题解决方案</a> <span class="text-muted">颜虹笛</span> <div>NetflixDGS框架常见问题解决方案项目基础介绍NetflixDGS框架（DomainGraphService）是一个基于SpringBoot的GraphQL开发框架，专为Java开发者设计。它简化了在SpringBoot应用中集成GraphQL的过程，提供了丰富的功能和工具，帮助开发者快速构建和维护GraphQL服务。主要的编程语言是Java，框架依赖于SpringBoot和GraphQL技</div> </li> <li><a href="/article/1947701241429684224.htm" title="Kubernetes存储入门" target="_blank">Kubernetes存储入门</a> <span class="text-muted"></span> <div>目录前言一、Volume的概念二、Volume的类型常见的卷类型Kubernetes独有的卷类型三、通过emptyDir共享数据1.编写emptyDir的Deployment文件2.部署该Deployment3.查看部署结果4.登录Pod中的第一个容器5.登录Pod中的第二个容器查看/mnt下的文件6.删除此Pod四、使用HostPath挂载宿主机文件1.编写Deployment文件，实现Host</div> </li> <li><a href="/article/1947699981183938560.htm" title="深度学习在环境感知中的应用：案例与代码实现" target="_blank">深度学习在环境感知中的应用：案例与代码实现</a> <span class="text-muted"></span> <div>让机器学会“看”世界：深度学习如何赋能环境感知？关键词深度学习|环境感知|计算机视觉|传感器融合|语义分割|目标检测|自动驾驶摘要环境感知是机器与外界互动的“眼睛和耳朵”——从自动驾驶汽车识别行人，到智能机器人避开障碍物，再到城市监控系统检测异常，所有智能系统都需要先“理解”环境，才能做出决策。传统环境感知方法依赖手工特征提取，难以应对复杂场景；而深度学习通过数据驱动的方式，让机器从大量数据中自动</div> </li> <li><a href="/article/1947699223914934272.htm" title="事务注解可能失效的几种可能原因" target="_blank">事务注解可能失效的几种可能原因</a> <span class="text-muted">℡余晖^</span> <a class="tag" taget="_blank" href="/search/%E9%BB%91%E9%A9%AC%E7%82%B9%E8%AF%84%E9%A1%B9%E7%9B%AE%E7%9B%B8%E5%85%B3%E9%97%AE%E9%A2%98%E5%92%8C%E7%AC%94%E8%AE%B0/1.htm">黑马点评项目相关问题和笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在黑马点评项目的学习过程中，我遇到了事务失效的问题，其中提到了事务失效的可能原因，本文就来简单了解一下事务实现的可能原因是什么。Spring事务的生效机制、自调用失效原因及常见失效场景，可从以下维度详细解析：一、Spring如何确保事务生效？Spring事务的核心实现依赖AOP（面向切面编程）和动态代理，其核心流程如下：1.代理对象的生成Spring通过@Transactional注解标记需要事务</div> </li> <li><a href="/article/1947699224606994432.htm" title="实现分布式锁" target="_blank">实现分布式锁</a> <span class="text-muted"></span> <div>在黑马点评项目中，在实现分布式锁的时候提到了实现的几种方式，本文来简单了解一下。一、MySQL、Redis、ZooKeeper是不是都是“数据库”？严格来说，三者的定位和功能差异很大，但广义上都可以视为“数据存储系统”，不过它们的核心设计目标和适用场景完全不同。我们可以从“数据模型”和“核心用途”两个维度区分：类型MySQLRedisZooKeeper核心定位关系型数据库（OLTP，事务型存储）内</div> </li> <li><a href="/article/1947698971380084736.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>1.简单工厂模式1.1需求入手从需求进行入手，可以更深入的理解什么是设计模式。有一个制作披萨的需求：需要便于扩展披萨的种类，便于维护。1.披萨的种类有很多：GreekPizz，CheesePizz等2.披萨的制作流程：prepare（制作）=>bake（烘烤）=>cut（切开）=>box（打包）3.完成披萨店的订购功能。1.2使用传统的方式进行实现1.2.1披萨抽象类进行定义抽象披萨类，这个抽象类</div> </li> <li><a href="/article/1947698971837263872.htm" title="每日面试题01 HashMap的底层原理" target="_blank">每日面试题01 HashMap的底层原理</a> <span class="text-muted">℡余晖^</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">每日面试题</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、HashMap的核心存储结构HashMap是基于数组+链表+红黑树的复合数据结构实现的（JDK1.8及以后）。其核心设计目标是通过哈希函数将键（Key）映射到数组的某个下标位置，从而实现O(1)时间复杂度的增删改查操作（理想情况）。初始结构：动态数组HashMap底层维护一个Node[]table数组（JDK1.8起），默认初始容量为16（DEFAULT_INITIAL_CAPACITY=11</div> </li> <li><a href="/article/1947698845081202688.htm" title="Zabbix 企业级分布式监控部署" target="_blank">Zabbix 企业级分布式监控部署</a> <span class="text-muted">伤不起bb</span> <a class="tag" taget="_blank" href="/search/zabbix/1.htm">zabbix</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>目录一、监控系统基础认知1.为什么需要监控？2.监控的5个层次（从底层到上层）3.监控系统的基本原理二、Zabbix系统详解1.Zabbix是什么？2.Zabbix核心功能3.Zabbix核心组件三、Zabbix部署实战（分布式架构）1.环境准备（4台服务器）2.部署ZabbixServer（核心步骤）步骤1：添加Zabbix源并安装依赖步骤2：配置数据库步骤3：导入Zabbix初始数据步骤4：配</div> </li> <li><a href="/article/1947698215331622912.htm" title="关于浏览器扩展脚本：remove-web-limits(网页限制解除)" target="_blank">关于浏览器扩展脚本：remove-web-limits(网页限制解除)</a> <span class="text-muted">vvandre</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>本文介绍浏览器扩展脚本：remove-web-limits(网页限制解除)实现的功能和安装步骤，还会详细分析脚本的代码，让你对实现原理一目了然。此脚本通杀大部分网站，可以解除禁止复制、剪切、选择文本、右键菜单的限制。脚本基本不影响网页正常功能，如果影响了任何功能，可以暂时禁用脚本解决。脚本已有10年的历史，原作者已经暂停维护。remove-web-limits发布地址一、安装步骤1.安装扩展程序C</div> </li> <li><a href="/article/1947697836871184384.htm" title="前端项目利用Gitlab CI/CD流水线自动化打包、部署云服务" target="_blank">前端项目利用Gitlab CI/CD流水线自动化打包、部署云服务</a> <span class="text-muted">黑心的奥利奥</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/ci%2Fcd/1.htm">ci/cd</a> <div>叠甲前言本文仅作为个人学习GitLab的CI/CD功能记录，不适合作为专业性指导，如有纰漏，烦请君指正。Gitlab的CI/CD做什么用的自工作以来，去过大大小小公司，有一些公司技术人员专业性欠佳，每当产品经理或测试人员需要最新或者某个版本的包时【比如安卓的apk包，IOS的ipa包，前端的打包静态资源】，开发总是要停下手中的工作，去手动给测试打包，这类手动工作包括了打开某个项目，加载项目依赖，构</div> </li> <li><a href="/article/26.htm" title="设计模式介绍" target="_blank">设计模式介绍</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作</div> </li> <li><a href="/article/153.htm" title="android高级组件使用(一)" target="_blank">android高级组件使用(一)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/RatingBar/1.htm">RatingBar</a><a class="tag" taget="_blank" href="/search/Spinner/1.htm">Spinner</a> <div>1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex</div> </li> <li><a href="/article/280.htm" title="[网络与通讯]路由器市场大有潜力可挖掘" target="_blank">[网络与通讯]路由器市场大有潜力可挖掘</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>          如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs</div> </li> <li><a href="/article/407.htm" title="自写简单Redis内存统计shell" target="_blank">自写简单Redis内存统计shell</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/Linux+shell/1.htm">Linux shell</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1Redis%E5%86%85%E5%AD%98/1.htm">统计Redis内存</a> <div>#!/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</div> </li> <li><a href="/article/534.htm" title="单例模式(饿汉 vs懒汉)" target="_blank">单例模式(饿汉 vs懒汉)</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva</div> </li> <li><a href="/article/661.htm" title="springMvc json支持" target="_blank">springMvc json支持</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/json+springmvc/1.htm">json springmvc</a> <div>1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() { </div> </li> <li><a href="/article/788.htm" title="android播放，掃描添加本地音頻文件" target="_blank">android播放，掃描添加本地音頻文件</a> <span class="text-muted">小桔子</span> <div>        最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，</div> </li> <li><a href="/article/915.htm" title="oracle常用命令" target="_blank">oracle常用命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/dba/1.htm">dba</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>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</div> </li> <li><a href="/article/1042.htm" title="25个Eclipse插件" target="_blank">25个Eclipse插件</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/eclipse%E6%8F%92%E4%BB%B6/1.htm">eclipse插件</a> <div>提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了</div> </li> <li><a href="/article/1169.htm" title="Spring MVC拦截器+注解方式实现防止表单重复提交" target="_blank">Spring MVC拦截器+注解方式实现防止表单重复提交</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </div> </li> <li><a href="/article/1296.htm" title="《Javascript高级程序设计(第3版)》闭包理解" target="_blank">《Javascript高级程序设计(第3版)》闭包理解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>“闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f</div> </li> <li><a href="/article/1423.htm" title="AngularJS Module类的方法" target="_blank">AngularJS Module类的方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Module/1.htm">Module</a> <div>        AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所</div> </li> <li><a href="/article/1550.htm" title="[Maven学习笔记七]Maven插件和目标" target="_blank">[Maven学习笔记七]Maven插件和目标</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven%E6%8F%92%E4%BB%B6/1.htm">maven插件</a> <div>插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预</div> </li> <li><a href="/article/1677.htm" title="【Hadoop八】Yarn的资源调度策略" target="_blank">【Hadoop八】Yarn的资源调度策略</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度 </div> </li> <li><a href="/article/1804.htm" title="Nginx使用Linux内存加速静态文件访问" target="_blank">Nginx使用Linux内存加速静态文件访问</a> <span class="text-muted">ronin47</span> <div>Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下： </div> </li> <li><a href="/article/1931.htm" title="关于Unity3D中的Shader的知识" target="_blank">关于Unity3D中的Shader的知识</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a> <div>首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S</div> </li> <li><a href="/article/2058.htm" title="CopyOnWriteArrayList vs ArrayList" target="_blank">CopyOnWriteArrayList vs ArrayList</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO</div> </li> <li><a href="/article/2185.htm" title="内存中栈和堆的区别" target="_blank">内存中栈和堆的区别</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a> <div> 1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中</div> </li> <li><a href="/article/2312.htm" title="回答一位网友对Scala的提问" target="_blank">回答一位网友对Scala的提问</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a><a class="tag" taget="_blank" href="/search/map/1.htm">map</a> <div>本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。</div> </li> <li><a href="/article/2439.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/%E5%88%86%E7%BB%84/1.htm">分组</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E5%80%BC/1.htm">最大值</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%B0%8F%E5%80%BC/1.htm">最小值</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E7%BB%84%E4%B8%89%E6%9D%A1%E8%AE%B0%E5%BD%95/1.htm">每组三条记录</a> <div>一、对分组的记录取前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</div> </li> <li><a href="/article/2566.htm" title="HTTP深入浅出 http请求" target="_blank">HTTP深入浅出 http请求</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>  HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We</div> </li> <li><a href="/article/2693.htm" title="判断MySQL记录是否存在方法比较" target="_blank">判断MySQL记录是否存在方法比较</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。</div> </li> <li><a href="/article/2820.htm" title="对HTML XML的一点认识" target="_blank">对HTML XML的一点认识</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次 </div> </li> <li><a href="/article/2947.htm" title="jquery分页插件" target="_blank">jquery分页插件</a> <span class="text-muted">genaiwei</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6/1.htm">插件</a> <div>//jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa</div> </li> <li><a href="/article/3201.htm" title="Mybatis与Ibatis对照入门于学习" target="_blank">Mybatis与Ibatis对照入门于学习</a> <span class="text-muted">Josh_Persistence</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%88%AB/1.htm">区别</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E7%B3%BB/1.htm">联系</a> <div>一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、</div> </li> <li><a href="/article/3328.htm" title="C中怎样合理决定使用那种整数类型？" target="_blank">C中怎样合理决定使用那种整数类型？</a> <span class="text-muted">秋风扫落叶</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">数据类型</a> <div>如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs</div> </li> <li><a href="/article/3455.htm" title="maven问题" target="_blank">maven问题</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/maven%E9%97%AE%E9%A2%98/1.htm">maven问题</a> <div>  问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja</div> </li> <li><a href="/article/3582.htm" title="(二)androidpn-server tomcat版源码解析之--push消息处理" target="_blank">(二)androidpn-server tomcat版源码解析之--push消息处理</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/androdipn/1.htm">androdipn</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E9%80%81/1.htm">推送</a> <div>在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc</div> </li> <li><a href="/article/3709.htm" title="用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题" target="_blank">用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题</a> <span class="text-muted">中华好儿孙</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/FormData/1.htm">FormData</a> <div> var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca</div> </li> <li><a href="/article/3836.htm" title="mybatis常用jdbcType数据类型" target="_blank">mybatis常用jdbcType数据类型</a> <span class="text-muted">ysj5125094</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/mapper/1.htm">mapper</a><a class="tag" taget="_blank" href="/search/jdbcType/1.htm">jdbcType</a> <div>  MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          </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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>