一、实现原理

浏览器提供了copy命令，将选中内容复制到剪切板

document.exeCommand("Copy");

二、实例

select()方法只对和有效</b></p> <p>所以，如果要对普通文本进行复制，再将文本内容复制给<input>或<textarea>，复制成功后将该标签隐藏，从而实现复制</p> <blockquote> <p> <script type="text/javascript"></p> <p>function copytxt() {</p> <p> var txt = document.getElementById("copy").innerText; //获取需要复制内容</p> <p> var Input = document.createElement("input"); //使用createElement()创建 input 元素 </p> <p> Input.value = txt; //将内容赋值给 input 的 value</p> <p> document.body.appendChild(Input); //添加 input 元素</p> <p> Input.select(); // 选择对象 </p> <p> document.execCommand("Copy"); // 执行浏览器复制命令</p> <p> Input.style.display = "none"; //隐藏 input 元素alert('复制成功');</p> <p>}</p> <p></script></p> <p>  </p> <p><div id="copy">12345678</div></p> <p>  </p> <p><input type="button" onClick="copytxt()" value="点击复制" /></p> </blockquote> </article> </div> </div> </div>  <div id="SOHUCS" sid="1729823916802781184"></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">你可能感兴趣的:(JS代码实现复制功能)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1886437903568007168.htm" title="Vue.js组件开发-实现全屏手风琴幻灯片切换特效" target="_blank">Vue.js组件开发-实现全屏手风琴幻灯片切换特效</a> <span class="text-muted">LCG元</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>使用Vue实现全屏手风琴幻灯片切换特效步骤概述创建Vue项目：使用VueCLI创建一个新的Vue项目。设计组件结构：创建一个手风琴幻灯片组件，包含幻灯片项和切换逻辑。实现样式：使用CSS实现全屏和手风琴效果。添加交互逻辑：通过Vue的事件处理实现幻灯片的切换。详细代码1.创建Vue项目安装VueCLI，使用以下命令进行安装：npminstall-g@vue/cli然后创建一个新的Vue项目：vue</div> </li> <li><a href="/article/1886437651452588032.htm" title="大数据（一）MaxCompute" target="_blank">大数据（一）MaxCompute</a> <span class="text-muted">胖当当技术</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/odps/1.htm">odps</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%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>一、引言作者后面会使用MaxCompute，所以在进行学习研究，总会有一些疑问产生，这里讲讲作者的疑问和思路二、介绍MaxCompute（原名ODPS-OpenDataProcessingService）是阿里云提供的大数据处理平台，专门用于批量数据存储和大规模并行计算。它广泛应用于数据分析和处理任务，为企业级数据处理提供高效的解决方案。下面是MaxCompute的一些主要功能和应用场景：大规模数</div> </li> <li><a href="/article/1886436894313607168.htm" title="vue3路由的配置" target="_blank">vue3路由的配置</a> <span class="text-muted">fengshaopu</span> <a class="tag" taget="_blank" href="/search/vue3%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE/1.htm">vue3路由配置</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a> <div>使用vue3配置路由，步骤如下目录：1.安装路由2.新建页面3.新建router文件夹里面放index.js跟router.js：index.js放配置，router设置路由4.main中导入注册5.使用6.效果1、安装路由npminstallvue-router@42、新建页面这里创建view目录，然后在view目录下创建A.vueB.vue两个vue页面文件或者还可以在compoents里面创</div> </li> <li><a href="/article/1886436261997113344.htm" title="OpenCV图像旋转90度的最简单方法" target="_blank">OpenCV图像旋转90度的最简单方法</a> <span class="text-muted">时光荏苒-</span> <a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/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/OpenCV/1.htm">OpenCV</a> <div>OpenCV是一个功能强大的计算机视觉库，提供了许多图像处理和计算机视觉算法。在OpenCV中，图像旋转是一项常见的操作。本文将介绍如何使用OpenCV将图像旋转90度的最简单方法。步骤1：导入OpenCV库在Python中使用OpenCV库需要先导入库。可以使用以下代码导入OpenCV库：importcv2步骤2：读取图像使用OpenCV读取图像需要使用cv2.imread()函数。该函数接受一</div> </li> <li><a href="/article/1886436262487846912.htm" title="【Three.js+React】教程002：添加lil-gui控制器和加载GLTF模型" target="_blank">【Three.js+React】教程002：添加lil-gui控制器和加载GLTF模型</a> <span class="text-muted">叁拾舞</span> <a class="tag" taget="_blank" href="/search/ThreeJs/1.htm">ThreeJs</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/three.js/1.htm">three.js</a> <div>文章目录添加lil-gui加载gltf模型添加lil-gui安装lil-gui：npminstalllil-gui实现代码：functionRotatingBox(){constmeshRef=useRef();</div> </li> <li><a href="/article/1886435631790354432.htm" title="vue-router的index.js文件配置参数" target="_blank">vue-router的index.js文件配置参数</a> <span class="text-muted">公孙元二</span> <a class="tag" taget="_blank" href="/search/Vue2.x/1.htm">Vue2.x</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>RouteConfig的类型定义：interfaceRouteConfig={path:string,component?:Component,name?:string,//命名路由components?:{[name:string]:Component},//命名视图组件redirect?:string|Location|Function,props?:boolean|Object|Functi</div> </li> <li><a href="/article/1886433363305230336.htm" title="【自学笔记】GitHub的重点知识点-持续更新" target="_blank">【自学笔记】GitHub的重点知识点-持续更新</a> <span class="text-muted">Long_poem</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录GitHub使用指南详细知识点一、GitHub基础与账户管理1.GitHub简介2.创建与管理GitHub账户3.创建与配置仓库（Repository）二、Git基础与GitHub集成1.安装Git客户端2.初始化本地Git仓库3.上传本地项目到GitHub三、GitHub高级功能与协作1.分支管理2.PullRequest（</div> </li> <li><a href="/article/1886432606698926080.htm" title="Vue.js组件开发-实现图片浮动效果" target="_blank">Vue.js组件开发-实现图片浮动效果</a> <span class="text-muted">LCG元</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>使用Vue实现图片浮动效果实现思路将使用Vue的单文件组件（.vue）来实现图片浮动效果。主要思路是通过CSS的transform属性结合JavaScript的定时器来改变图片的位置，从而实现浮动效果。代码实现exportdefault{data(){return{//初始化图片在x轴上的偏移量xOffset:0,//初始化图片在y轴上的偏移量yOffset:0,//定时器ID，用于后续清除定时器</div> </li> <li><a href="/article/1886429203189002240.htm" title="SSM框架——Spring+SpringMVC+Mybatis的搭建教程" target="_blank">SSM框架——Spring+SpringMVC+Mybatis的搭建教程</a> <span class="text-muted">搬砖养女人</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>一：概述SSM框架在项目开发中经常使用到，相比于SSH框架，它在仅几年的开发中运用的更加广泛。Spring作为一个轻量级的框架，有很多的拓展功能，最主要的我们一般项目使用的就是IOC和AOP。SpringMVC是Spring实现的一个Web层，相当于Struts的框架，但是比Struts更加灵活和强大！Mybatis是一个持久层的框架，在使用上相比Hibernate更加灵活，可以控制sql的编写，</div> </li> <li><a href="/article/1886429203923005440.htm" title="【机器学习BDT】python代码实现(下)" target="_blank">【机器学习BDT】python代码实现(下)</a> <span class="text-muted">mcoc132</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文章目录BDT(BootstrapDecisionTree)python实现导入库分类树主体代码回归树主体代码输出函数完整代码后续可能添加的功能BDT(BootstrapDecisionTree)python实现代码仅供参考导入库importCART树_自己写importnumpy其中一个库之前写的分类树主体代码在原始数据权重基础上使用更新的数据权重以更新BDT模型.def分类树(self,BDT</div> </li> <li><a href="/article/1886425544451485696.htm" title="nodejs 安装node-sass" target="_blank">nodejs 安装node-sass</a> <span class="text-muted">kino的编程笔记</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/node-sass/1.htm">node-sass</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>installnode-sass作用检验node-sass是否安装以及是否安装成功安装node-sass配置淘宝镜像安装node-sass的命令作用Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表(CSS)检验node-sass是否安装以及是否安装成功node-sass-v表示已经安装或安装成功表示没有安装或者安装失败安装node-sass配置淘宝镜像设置淘宝镜像的二进制站点setSAS</div> </li> <li><a href="/article/1886424662708121600.htm" title="go语言与node.js的点滴思考" target="_blank">go语言与node.js的点滴思考</a> <span class="text-muted">棕生</span> <a class="tag" taget="_blank" href="/search/go%E8%AF%AD%E8%A8%80/1.htm">go语言</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>node.js基于V8引擎和JavaScript语言通过非阻塞I/O和事件驱动实现了一个非常纯正的异步平台，在处理I/O密集型任务时表现出了优秀的性能。但node.js具有两个非常明显的缺陷：一是单线程运行，不能很好的利用多核；二是异步编程，对业务逻辑的表现非常不自然。go语言通过封装的协程的概念很好的解决了node.js的上述两个问题：首先go语言中的协程通过系统线程的方式并行运行在多个核上；每</div> </li> <li><a href="/article/1886424283798892544.htm" title="Python ORM" target="_blank">Python ORM</a> <span class="text-muted">svygh123</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Python中的ORM（Object-RelationalMapping）框架，其中最著名和广泛使用的两个是SQLAlchemy和DjangoORM。1.SQLAlchemySQLAlchemy是Python中功能最强大的SQL工具库之一，它不仅提供了ORM功能，还提供了核心的数据库SQL工具。它允许你用Python类来表示数据库表，并且可以使用Python代码而不是直接写SQL查询语句来操作数据</div> </li> <li><a href="/article/1886423779937153024.htm" title="包装类（全面解析）" target="_blank">包装类（全面解析）</a> <span class="text-muted">"Wild dream"</span> <a class="tag" taget="_blank" href="/search/Java%E5%85%A8%E7%AB%99%E6%8A%80%E8%83%BD%E6%8F%90%E5%8D%87/1.htm">Java全站技能提升</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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> <div>Java中的常用类含义：直接调用实现一些功能【如：Arrays工具类中的方法】主要关注常用类中的【以jdkapi中的包装类为例】A、字段摘要（一般只看全局常量，字段名是全大写即常量）B、构造方法摘要（通过看构造方法就能知道此类怎么去创建对象）C、方法摘要（一个方法代表是一个独立的功能）包装类含义：对8大基本数据类型进行封装基本数据类型包装类byteByteshortShortintIntegerl</div> </li> <li><a href="/article/1886418860853227520.htm" title="商品价格跟踪爬虫：监控多个电商网站的商品价格波动" target="_blank">商品价格跟踪爬虫：监控多个电商网站的商品价格波动</a> <span class="text-muted">Python爬虫项目</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/1.htm">2025年爬虫实战项目</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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.引言在当前的电商环境中，商品价格变化快速且频繁。对于消费者而言，能够实时跟踪商品价格的波动是一项非常实用的功能。而对于商家来说，了解竞争对手的价格走势也是一种重要的商业策略。因此，开发一个商品价格跟踪爬虫，能够帮助我们及时掌握价格动态。本文将详细介绍如何使用Python实现一个高效的商品价格跟踪爬虫，并对多个电商网站进行价格监控。2.爬虫概述爬虫的作用是模拟浏览器向目标网站发送请求，获取商品页</div> </li> <li><a href="/article/1886418105240973312.htm" title="nodejs：js-mdict 的下载、安装、测试、build" target="_blank">nodejs：js-mdict 的下载、安装、测试、build</a> <span class="text-muted">belldeep</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/nvm/1.htm">nvm</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a><a class="tag" taget="_blank" href="/search/Jest/1.htm">Jest</a> <div>js-mdict项目的目录结构：js-mdict项目教程js-mdict下载地址:js-mdict-master.zip先解压到D:\Source\js-mdict6.0.2用了ts(TypeScript)和Jest，增加了应用开发的难度，因为先要了解ts和Jest。参阅：测试与开发：Jest测试框架介绍Jest是最流行的JavaScript测试框架之一。测试人员广泛使用Jest对JavaScri</div> </li> <li><a href="/article/1886414324541485056.htm" title="更加强大了，这款老牌软件终于回归！" target="_blank">更加强大了，这款老牌软件终于回归！</a> <span class="text-muted">维度哥</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E9%87%8D%E8%A3%85/1.htm">系统重装</a><a class="tag" taget="_blank" href="/search/win11%E7%B3%BB%E7%BB%9F/1.htm">win11系统</a><a class="tag" taget="_blank" href="/search/%E5%81%9A%E7%94%B5%E8%84%91%E7%B3%BB%E7%BB%9F/1.htm">做电脑系统</a> <div>经常做系统的人都应该对金狐这个名字不陌生，金狐是一个十分经典的老牌系统维护盘，目前已经走过了16年。这个软件完全免费，而且更新了精品装机维护工具，功能也变得十分强大。金狐系统维护盘核心高效，全能完美这次更新的系统维护盘非常纯净，没有乱七八糟的捆绑广告，大家可以放心使用。本维护盘包含以下组件：1.Windows11PEx64核心版，体积较小，高效多能；2.Windows10PEx64全能版，体积稍大</div> </li> <li><a href="/article/1886412051027390464.htm" title="Vue3 表单：全面解析与最佳实践" target="_blank">Vue3 表单：全面解析与最佳实践</a> <span class="text-muted">lly202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Vue3表单：全面解析与最佳实践引言随着前端技术的发展，Vue.js已经成为最受欢迎的前端框架之一。Vue3作为Vue.js的最新版本，带来了许多改进和新的特性。其中，表单处理是Vue应用中不可或缺的一部分。本文将全面解析Vue3中的表单处理，包括基础用法、表单验证、双向绑定等，并提供一些最佳实践。Vue3表单基础1.1创建表单在Vue3中，创建表单非常简单。首先，我们需要定义一个元素，并为其绑定</div> </li> <li><a href="/article/1886405619645214720.htm" title="10.8 LangChain Output Parsers终极指南：从JSON解析到流式处理的规范化输出实践" target="_blank">10.8 LangChain Output Parsers终极指南：从JSON解析到流式处理的规范化输出实践</a> <span class="text-muted">少林码僧</span> <a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8%E5%AE%9E%E6%88%98%E4%B8%93%E6%A0%8F/1.htm">AI大模型应用实战专栏</a><a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/gpt/1.htm">gpt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>LangChainOutputParsers终极指南：从JSON解析到流式处理的规范化输出实践关键词：LangChainOutputParsers、结构化输出、JSON解析、数据校验、流式处理一、为什么需要规范化输出？大模型输出的“荒野西部”问题原始输出的三大痛点：格式不可控：模型可能返回纯文本、Markdown、JSON混合体结构不统一：相同语义的内容以不同形式呈现（如日期格式混乱）数据不可靠：</div> </li> <li><a href="/article/1886402091467993088.htm" title="微信小程序封装" target="_blank">微信小程序封装</a> <span class="text-muted">←_→</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>消息反馈在开发过程中需要向用户反馈消息的场景有很多，如检验接口调用的结果，表单验证的提示消息等，为此我们来对APIwx.showToast进行简单的封装，方便开发中调用：1.1基础封装新建src/utils/utils.js文件，然后在这里完成具体的封装逻辑：/***工具方法*/constutils={/***封装wx.showToast*@param{string}title消息提示的内容*/t</div> </li> <li><a href="/article/1886401712160305152.htm" title="（ROS-1）catkin的常用操作" target="_blank">（ROS-1）catkin的常用操作</a> <span class="text-muted">Jan___</span> <a class="tag" taget="_blank" href="/search/ROS/1.htm">ROS</a> <div>catkin的常用操作文章目录catkin的常用操作1.1workplace初始化1.2进入src目录创建功能包1.3进入workplace编译1.3.1整编1.3.1单编1.1workplace初始化创建一个空的二层文件夹：catkin_ws/srcmkdir-p~/catkin_ws/src编译cd~/catkin_ws#终端路径进入到工作空间catkin_make#使用catkin_make</div> </li> <li><a href="/article/1886401332345106432.htm" title="深入理解 ES 模块与 CommonJS 模块" target="_blank">深入理解 ES 模块与 CommonJS 模块</a> <span class="text-muted">阿贾克斯的黎明</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91/1.htm">游戏开发</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>目录《深入理解ES模块与CommonJS模块》引言一、CommonJS模块1.起源与背景2.基本语法导出模块导入模块3.特点二、ES模块1.起源与背景2.基本语法导出模块导入模块3.特点三、ES模块与CommonJS模块的区别1.语法差异2.加载方式3.静态vs动态4.适用场景四、实际开发中的应用1.在Node.js中使用ES模块2.在浏览器中使用ES模块五、总结引言在JavaScript的发展历</div> </li> <li><a href="/article/1886400954396372992.htm" title="CSDN原力值提升秘籍：解锁社区活跃新姿势" target="_blank">CSDN原力值提升秘籍：解锁社区活跃新姿势</a> <span class="text-muted">喜-喜</span> <a class="tag" taget="_blank" href="/search/csdn/1.htm">csdn</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%8A%9B%E5%80%BC/1.htm">原力值</a> <div> 在CSDN这个技术交流的大舞台上，原力值不仅是个人活跃度的象征，更是开启更多权益与福利的钥匙。最近，我出于自身需求，一头扎进了提升原力值的研究中，经过多方探索与资料整理，现在就迫不及待地把这些干货分享给大家。一、原力值提升指南（一）净化社区，举报先行在信息洪流中，难免会有一些低质量内容鱼目混珠。当你发现低质量博客、下载资源等劣质内容时，CSDN的举报功能就是你的“清理武器”。规则说明：</div> </li> <li><a href="/article/1886400323665326080.htm" title="使用dup2+fgets+printf 实现文件拷贝功能" target="_blank">使用dup2+fgets+printf 实现文件拷贝功能</a> <span class="text-muted">M_Lin_</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#includetypedefstructsockaddr_inaddr_in_t;typede</div> </li> <li><a href="/article/1886396921984118784.htm" title="实验三 Servlet 基础" target="_blank">实验三 Servlet 基础</a> <span class="text-muted">沈香香</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>一、实验目的1、理解Servlet的工作原理；2、掌握javabean在web程序中的应用；3、掌握基于Servlet的MVC模式；二、实验要求掌握Servlet的编程技术。掌握Web程序中使用javabean实现业务逻辑熟练使用IDE开发Servlet应用掌握Servlet3.0的注解功能三、实验内容1、使用JSP、Servlet、JavaBean实现基于MVC模式的用户登录验证程序。2、完成上</div> </li> <li><a href="/article/1886396795605544960.htm" title="【VSCode】当前工作区不受信任，因此已禁用此扩展。" target="_blank">【VSCode】当前工作区不受信任，因此已禁用此扩展。</a> <span class="text-muted">Autumn7299</span> <a class="tag" taget="_blank" href="/search/%E6%9D%82%E8%AE%B0/1.htm">杂记</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a> <div>问题描述受限模式开启导致插件被禁用解决方案1.打开设置界面2.在对应的搜索框中输入命令：security.workspace.trust3.关闭工作区信任功能4.重启软件后生效</div> </li> <li><a href="/article/1886392382795083776.htm" title="继续分享实用工具的Python源码，欢迎二开" target="_blank">继续分享实用工具的Python源码，欢迎二开</a> <span class="text-muted">mosquito_lover1</span> <a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>Excel数据处理工具一个功能强大的Excel数据处理工具，支持数据清洗、转换和分析等功能资源-CSDN文库邮件自动化工具一个功能强大的邮件自动化工具，支持批量发送邮件和自定义模板资源-CSDN文库网页爬虫工具一个功能强大的网页爬虫工具，支持自定义规则和批量数据提取资源-CSDN文库日志分析工具一个功能强大的日志分析工具，支持多种格式的日志文件分析和可视化资源-CSDN文库文件重命名工具一个功能强</div> </li> <li><a href="/article/1886390616795967488.htm" title="第28节课：前端项目实战—从需求分析到开发流程的全方位指南" target="_blank">第28节课：前端项目实战—从需求分析到开发流程的全方位指南</a> <span class="text-muted">学问小小谢</span> <a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">HTML学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90/1.htm">需求分析</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>目录项目需求分析与设计项目背景与目标项目背景项目目标需求收集与分析用户需求业务需求项目设计技术栈选择系统架构设计数据库设计项目开发流程环境搭建安装Node.js和npm初始化项目编码实践组件化开发状态管理测试与调试单元测试集成测试部署与维护部署维护结语在前端开发领域，将理论知识应用于实际项目是提升技能的关键。本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助</div> </li> <li><a href="/article/1886390234862645248.htm" title="JavaWeb实验 JavaBean与Servlet" target="_blank">JavaWeb实验 JavaBean与Servlet</a> <span class="text-muted">巫师不要去魔法部乱说</span> <a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>实验目的掌握编写JavaBean的规范，学会如何在JSP中使用JavaBean；掌握JSP、JavaBean和Servlet综合应用的基本原则。实验内容创建一个WEB应用，综合利用JSP、JavaBean和Servlet技术实现用户登录（注册功能选做）。程序至少包含：一个登录页面login.jsp，一个欢迎页面hello.jsp，一个servlet和一个bean。参考实验7，运用实验中创建数据库和</div> </li> <li><a href="/article/1886388723612971008.htm" title="基于物联网技术的实时数据流可视化研究（论文+源码）" target="_blank">基于物联网技术的实时数据流可视化研究（论文+源码）</a> <span class="text-muted">云山工作室</span> <a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE/1.htm">毕设</a> <div>1系统方案设计根据系统功能的设计要求，展开基于物联网技术的实时数据流可视化研究设计。如图2.1所示为系统总体设计框图，系统以STM32单片机做为主控制器，通过DHT11、MQ-2、光照传感器实现环境中温湿度、烟雾、光照强度数据的实时检测，系统检测数据不仅能够通过OLED12864液晶实时显示，还能通过ESP8266WiFi无线通信模块传输至云平台，用户可以实时查看检测数据的历史曲线。手机端可以实时</div> </li> <li><a href="/article/63.htm" title="关于旗正规则引擎规则中的上传和下载问题" target="_blank">关于旗正规则引擎规则中的上传和下载问题</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD/1.htm">文件下载</a><a class="tag" taget="_blank" href="/search/%E5%8E%8B%E7%BC%A9/1.htm">压缩</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a> <div>文件的上传下载都是数据流的输入输出，大致流程都是一样的。一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\"; 下载路径 string tmpfileName=jar.zip; &n</div> </li> <li><a href="/article/190.htm" title="【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析" target="_blank">【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div> 以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据</div> </li> <li><a href="/article/317.htm" title="spark master web ui 端口8080被占用解决方法" target="_blank">spark master web ui 端口8080被占用解决方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/8080/1.htm">8080</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/master+web+ui/1.htm">master web ui</a> <div>spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法： 1、cd SPARK_HOME/sbin 2、vi start-master.sh 3、定位到下面部分</div> </li> <li><a href="/article/444.htm" title="oracle_执行计划_谓词信息和数据获取" target="_blank">oracle_执行计划_谓词信息和数据获取</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%89%A7%E8%A1%8C%E8%AE%A1%E5%88%92/1.htm">执行计划</a> <div> oracle_执行计划_谓词信息和数据获取(上) 一：简要说明在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到</div> </li> <li><a href="/article/571.htm" title="spring中datasource配置" target="_blank">spring中datasource配置</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a> <div>datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm  <bean name="propertiesConfig" class="org.springframework.b</div> </li> <li><a href="/article/698.htm" title="web报表工具FineReport使用中遇到的常见报错及解决办法（三）" target="_blank">web报表工具FineReport使用中遇到的常见报错及解决办法（三）</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/FAQ/1.htm">FAQ</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a> <div>这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width：这个看这段话应该是很好理解的。比如做的模板页面宽度只能放</div> </li> <li><a href="/article/825.htm" title="mysql 用户管理" target="_blank">mysql 用户管理</a> <span class="text-muted">墙头上一根草</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/user/1.htm">user</a> <div>1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：</div> </li> <li><a href="/article/952.htm" title="关于使用Spring导致c3p0数据库死锁问题" target="_blank">关于使用Spring导致c3p0数据库死锁问题</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a><a class="tag" taget="_blank" href="/search/Spring+%E5%AE%9E%E4%BE%8B/1.htm">Spring 实例</a><a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a> <div>这个问题我实在是为整个 springsource 的员工蒙羞如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.</div> </li> <li><a href="/article/1079.htm" title="百度词库联想" target="_blank">百度词库联想</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a> <div> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g</div> </li> <li><a href="/article/1206.htm" title="int数据与byte之间的相互转换实现代码" target="_blank">int数据与byte之间的相互转换实现代码</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E7%A7%BB/1.htm">位移</a><a class="tag" taget="_blank" href="/search/int%E8%BD%ACbyte/1.htm">int转byte</a><a class="tag" taget="_blank" href="/search/byte%E8%BD%ACint/1.htm">byte转int</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E7%9A%84%E5%AE%9E%E7%8E%B0/1.htm">基本数据类型的实现</a> <div>在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来; 主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029 int转byte; byte转int; /** * 字节转成int,int转成字节 * @author Administrator * </div> </li> <li><a href="/article/1333.htm" title="简单模拟实现数据库连接池" target="_blank">简单模拟实现数据库连接池</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">简单模拟实现数据库连接池</a> <div>简单模拟实现数据库连接池实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i</div> </li> <li><a href="/article/1460.htm" title="一种基于Weblogic容器的鉴权设计" target="_blank">一种基于Weblogic容器的鉴权设计</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a> <div> 服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse</div> </li> <li><a href="/article/1587.htm" title="【RPC框架Hessian二】Hessian 对象序列化和反序列化" target="_blank">【RPC框架Hessian二】Hessian 对象序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a> <div> 任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。 1. 定义三个POJO Person类 package com.tom.hes</div> </li> <li><a href="/article/1714.htm" title="【Hadoop十四】Hadoop提供的脚本的功能" target="_blank">【Hadoop十四】Hadoop提供的脚本的功能</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode 通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa</div> </li> <li><a href="/article/1841.htm" title="中国互联网走在“灰度”上" target="_blank">中国互联网走在“灰度”上</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86+%E7%81%B0%E5%BA%A6/1.htm">管理灰度</a> <div>中国互联网走在“灰度”上（转）文/孕峰第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样</div> </li> <li><a href="/article/1968.htm" title="java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。" target="_blank">java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9 </div> </li> <li><a href="/article/2095.htm" title="mongoDB 用户管理" target="_blank">mongoDB 用户管理</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongoDB%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86/1.htm">mongoDB用户管理</a> <div> 1:添加用户第一次设置用户需要进入admin数据库下设置超级用户（use admin） db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]}); 第一个参数用户的名字第二个参数</div> </li> <li><a href="/article/2222.htm" title="[游戏与生活]玩暗黑破坏神3的一些问题" target="_blank">[游戏与生活]玩暗黑破坏神3的一些问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div> 暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气 &nb</div> </li> <li><a href="/article/2349.htm" title="java 二维数组如何存入数据库" target="_blank">java 二维数组如何存入数据库</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 { </div> </li> <li><a href="/article/2476.htm" title="本地事务和全局事务Local Transaction and Global Transaction(JTA)" target="_blank">本地事务和全局事务Local Transaction and Global Transaction(JTA)</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/local/1.htm">local</a><a class="tag" taget="_blank" href="/search/global/1.htm">global</a><a class="tag" taget="_blank" href="/search/transaction/1.htm">transaction</a> <div>Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri</div> </li> <li><a href="/article/2603.htm" title="Linux命令之alias - 设置命令的别名，让 Linux 命令更简练" target="_blank">Linux命令之alias - 设置命令的别名，让 Linux 命令更简练</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/alias/1.htm">alias</a> <div>用途说明设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常用的长命令行变短，强制执行命令时询问等。常用参数格式：alias 格式：ali</div> </li> <li><a href="/article/2730.htm" title="yii2 restful web服务[格式响应]" target="_blank">yii2 restful web服务[格式响应]</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>响应格式当处理一个 RESTful API 请求时，一个应用程序通常需要如下步骤来处理响应格式：确定可能影响响应格式的各种因素，例如媒介类型，语言，版本，等等。这个过程也被称为 content negotiation。资源对象转换为数组，如在 Resources 部分中所描述的。通过 [[yii\rest\Serializer]]</div> </li> <li><a href="/article/2857.htm" title="MongoDB索引调优（2）——[十]" target="_blank">MongoDB索引调优（2）——[十]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E7%B4%A2%E5%BC%95%E4%BC%98%E5%8C%96/1.htm">MongoDB索引优化</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方二、索引内嵌文档可以在嵌套文档的键上建立索引，方式与正常</div> </li> <li><a href="/article/2984.htm" title="当滑动到顶部和底部时，实现Item的分离效果的ListView" target="_blank">当滑动到顶部和底部时，实现Item的分离效果的ListView</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr</div> </li> <li><a href="/article/3111.htm" title="程序员用HTML5制作的爱心树表白动画" target="_blank">程序员用HTML5制作的爱心树表白动画</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti</div> </li> <li><a href="/article/3238.htm" title="预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版" target="_blank">预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版</a> <span class="text-muted">kakajw</span> <a class="tag" taget="_blank" href="/search/ThinkPad/1.htm">ThinkPad</a><a class="tag" taget="_blank" href="/search/%E9%A2%84%E8%A3%85/1.htm">预装</a><a class="tag" taget="_blank" href="/search/%E6%94%B9%E8%A3%85/1.htm">改装</a><a class="tag" taget="_blank" href="/search/windows+7/1.htm">windows 7</a><a class="tag" taget="_blank" href="/search/windows+8/1.htm">windows 8</a> <div> 该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！缘由小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比</div> </li> <li><a href="/article/3365.htm" title="Nginx学习笔记" target="_blank">Nginx学习笔记</a> <span class="text-muted">mcj8089</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>一、安装nginx 1、在nginx官方网站下载一个包，下载地址是： http://nginx.org/download/nginx-1.4.2.tar.gz 2、WinSCP(ftp上传工</div> </li> <li><a href="/article/3492.htm" title="mongodb 聚合查询每天论坛链接点击次数" target="_blank">mongodb 聚合查询每天论坛链接点击次数</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>/* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"</div> </li> <li><a href="/article/3619.htm" title="java术语（PO/POJO/VO/BO/DAO/DTO）" target="_blank">java术语（PO/POJO/VO/BO/DAO/DTO）</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a><a class="tag" taget="_blank" href="/search/VO+BO/1.htm">VO BO</a> <div> PO(persistant object) 持久对象在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象通</div> </li> <li><a href="/article/3746.htm" title="算法复杂度" target="_blank">算法复杂度</a> <span class="text-muted">Wuaner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/ </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>