mickelfeng
mickelfeng

Zero Clipboard-js复制到剪切板（支持多浏览器）

在前端开发中经常会遇到这样的问题，要求用js将输入框或者div中的内容复制到剪切板。在ie下可以通过clipboardData.setData来实现，但是这个方法却不能兼容其他的浏览器。显然这种方法在这个浏览器异军突起的年代是行不通的。但是如何实现复制内容到剪切板能够兼容多浏览器呢，显然js在这里是江郎才尽了，这里我们需要用js+flash的组合来实现跨浏览器支持复制到剪切板的操作。

这里用到的是外国友人“Joseph Huckaby”写的Zero Clipboard的js库，结合flash（对flash不熟悉，我感觉应该是actionscript脚本，清楚的朋友明示一下）来实现将文本内容复制到剪切板。项目主页【Zero Clipboard】,下载地址【Google code 下载链接】【115网盘下载地址】

Zero Clipboard的安装使用：

下载压缩包，得到两个“ZeroClipboard.js”和“ZeroClipboard.swf”两个文件。

首先页面中载入ZeroClipboard.js

<script type="text/javascript" src="ZeroClipboard.js"></script>

需要注意：ZeroClipboard.js, ZeroClipboard.swf在同一目录下面。如果不在同一目录，可使用ZeroClipboard.setMoviePath( “Flash路径” );来指定ZeroClipboard.swf的地址。

然后插入js脚本

<script type="text/javascript">
    var clip = new ZeroClipboard.Client();//新建对象
    clip.setText( '大爷您来啦！' );//设置要复制的内容
    clip.glue( 'clip_button' );//绑定到一个id为clip_button的元素上
</script>

下面看一个简单的案例：

<html>
<body>
<script type="text/javascript" src="http://www.niumowang.org/wp-content/plugins/pizi_run_code/ZeroClipboard.js"></script>
<div id="clip_button" style="border:1px solid black; padding:20px;width:150px;">
	点击复制到剪切板
</div>
<textarea style="width:300px;height:100px;margin-top:20px;">粘贴到这里</textarea>
<script language="JavaScript">
                        var clip = new ZeroClipboard.Client();
                        clip.setText( '摸我啊，来摸我!' );
                        clip.glue( 'clip_button' );
                </script>
</body>
</html>

运行代码复制代码另存代码(提示：可以编辑后运行)

Zero Clipboard 的高级进阶（设置选项）：

  1. 如果ZeroClipboard.swf与js不在同一目录，载入flash的路径

    ZeroClipboard.setMoviePath( 'http://yourhost/ZeroClipboard.swf' ); //采用绝对路径或者相对路径

  2. 设置鼠标移动上去形状

    clip.setHandCursor( true );//true的时候为手型，false为箭头

  3. 将元素绑定到事件，即点击哪个按钮实现复制功能

    clip.glue( 'd_clip_button' );//d_clip_button为绑定的元素的ID

  4. flash重新定位flash的位置采用相对于页面absolute，所以当页面大小改变或者按钮的位置的改变的时候，flash的位置并不能跟随改变。“clip.reposition();” 就是为解决这个问题而存在的。

  5. 设置flash的显隐

    clip.hide();或者clip.show();//show函数可以出发reposition()事件

  6. Css事件由于有flash的遮挡，所以当鼠标移动到元素上的时候，原来的:hover,:active等伪类不会起作用。这时候我们就需要将原来的伪类变成类，比如"a:hover" 变成"a.hover"来实现。这里用到的是该库中的setCSSEffects()函数，默认为开启状态。可以通过“clip.setCSSEffects( false );”来关闭。

  7. 设置flash的大小

    var html = clip.getHTML( 150, 20 );//关于原文的解释我不是很清楚，只知道通过此方法可以设置flash的大小，两个参数对应宽高

Zero Clipboard 的事件处理函数：

可以通过“clip.addEventListener( 'zeroClipboard的事件', 执行函数);” 来实现函数与事件的绑定操作。

onLoad 加载完成事件
onMouseOver 鼠标移上事件
onMouseOut 鼠标移出事件
onMouseDown 鼠标按下事件
onMouseUp 鼠标松开事件
onComplete 复制成功事件
destroy 中断事件，比如复制一次后不能继续执行，可以通过“ clip.destroy(); ”来中断

绑定事件的示例
clip.addEventListener( 'onComplete', my_complete );
function my_complete(){
alert("复制成功！成功复制！");
}

Zero Clipboard 结合jquery的高级用法（示例）：

基本参数上面已经说的比较清晰了，下面给大家一个结合jquery使用的示例。

<html>
<head>
<title>Zero Clipboard 结合jquery使用示例</title>
<style type="text/css">
		body { font-family: "Microsoft YaHei","微软雅黑" !important; font-size:9pt; }
		div.multiple {
			float: left;
			background-color: white;
			width:200px; height:200px;
			border:1px solid #ccc;
			margin:5px;
			cursor: pointer;
			font-size: 14pt;
		}
		div.multiple.hover {
			background-color: #ddd;
		}
</style>
<script type="text/javascript" src="http://www.niumowang.org/wp-content/themes/pizi/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://www.niumowang.org/wp-content/plugins/pizi_run_code/ZeroClipboard.js"></script>
<script language="JavaScript">
		var clip = null;
		function init() {
			clip = new ZeroClipboard.Client();//创建对象
			clip.setHandCursor( true );//鼠标手型
			$('div.multiple').mouseover( function() {
				clip.setText( this.innerHTML );//设置复制的内容
				if (clip.div) {
					clip.receiveEvent('mouseout', null);
					clip.reposition(this);
				}//如果已经存在flash，那么重新定位
				else clip.glue(this);
				clip.receiveEvent('mouseover', null);
			} );
		}
	</script>
</head>
<body onload="init()">
<h1>Zero Clipboard 结合jquery使用示例</h1>
<div class="multiple">
	 Hello啊，树哥！
</div>
<div class="multiple">
	 请问，你认识春爷吗？
</div>
<div class="multiple">
	 贾君鹏，你妈妈喊你回去搓麻将！
</div>
<div class="multiple">
	 我爱你的时候，你打我骂我，我都忍了，我不爱你了，你再碰我试试。
</div>
<div class="multiple">
	 再发嗲，也改变不了你奔三的年龄和样貌！
</div>
<div class="multiple">
	 你看与不看，你知道与不知道，牛魔王的世界观都是这样的！
</div>
<div style="clear:both;">
</div>
<br/><br/> 把你的狗皮膏药贴到这里:<br/>
<textarea id="testarea" cols='50' rows='10'></textarea><br/>
<input type='button' value="清除文本框的内容" onclick="document.getElementById('testarea').value = '';"/>
</body>
</html>

运行代码复制代码另存代码(提示：可以编辑后运行)

多说无益，更多详细的介绍还是去看原文吧！


你可能感兴趣的:(Zero Clipboard-js复制到剪切板（支持多浏览器）)

  • Spring家族三体问题：从XML地狱到自动装配的救赎之路 桃木山人 深挖面经springxmljava
    标准答案（技术定义版）1.SpringFramework定义：轻量级Java开发框架，提供全面的基础设施支持核心功能：IoC容器：通过依赖注入（DI）管理对象生命周期与依赖关系AOP：面向切面编程，实现日志、事务等横切关注点事务管理：声明式事务（@Transactional）与编程式事务数据访问：集成JDBC、ORM框架的统一抽象层关键特性：模块化设计（spring-core,spring-con
  • JavaScript性能优化指南：聚焦DOM操作优化 桃木山人 技术杂谈javascript性能优化开发语言
    引言：性能优化的关键路径在Web应用开发中，JavaScript性能直接影响用户体验。虽然存在多种优化手段，但DOM操作优化往往能带来最显著的性能提升。本文将以DOM操作为核心展开深入分析，并简要概述其他优化方向。核心优化：DOM操作性能提升1.问题根源分析浏览器渲染引擎与JavaScript引擎独立运作，频繁的DOM操作会导致：重排（Reflow）：计算元素几何属性重绘（Repaint）：更新元
  • 关于支付宝授权用户信息 道系女孩~ java开发语言php数据库
    最近做的一个项目授权支付宝信息进行报名支付以下是流程1、一个首先引进阿里相关配置信息2、因为我这边项目是支持小程序、H5、支付宝登录报名的，我这边只展示支付宝代码哦对啦微信不同应用下unionid是一样的，所以可以将小程序/H5下的视为同一用户，好啦接下来说说支付宝吧3、elseif($data['type']==ActivityUser::TYPE_ALI){list($res1,$info1)
  • 跟着黑马学MySQL基础篇笔记(4)-多表查询 小杜不吃糖 mysql笔记
    37.多表查询-多表关系介绍多表关系概述项目开发中，在进行数据库表结构设计时，会根据业务需求及业务模块之间的关系，分析并设计表结构，由于业务之间相互关联，所以各个表结构之间也存在着各种联系，基本上分为三种：一对多（多对一）多对多一对一一对多（多对一）案例：部门与员工的关系关系：一个部门对应多个员工，一个员工对应一个部门实现：在多的一方建立外键，指向一的一方的主键多对多案例：学生与课程的关系一个学生
  • 探索Pydoll：基于Python的无驱动浏览器自动化新星 几道之旅 人工智能智能体及数字员工python自动化人工智能
    在当今Web自动化与数据抓取领域，基于Chromium的工具层出不穷，但大多数方案依赖WebDriver或额外的浏览器插件。Pydoll作为一款新兴的Python库，以无驱动架构和原生异步支持迅速成为开发者关注的焦点。本文将从技术原理、核心功能、应用场景及实战案例多角度解析这一工具。一、Pydoll项目概览Pydoll由开发者thalissonvs等团队维护，旨在通过Python实现对Chromi
  • 小狐狸AI数字人源码独立SAAS部署全开源+搭建环境教程 kaui52066 kaui52066精品源码人工智能uni-app前端小程序php小狐狸AI数字人数字人源码
    一.系统介绍小狐狸AI数字人分身系统源码独立部署支持PC端、小程序端、H5端，一键克隆真人形象+声音核心功能亮点：1:1真人级克隆技术声音克隆：上传3分钟音频，AI深度学习声纹特征，复刻语气、情感、方言形象克隆：通过照片/视频建模，生成动态3D数字人，表情自然，动作流畅智能口型同步引擎AI算法精准匹配唇形与语音，实现口型同步0门槛SAAS化操作无需专业设备，网页端一键生成数字人视频海量模板库：电商
  • Mahilo技术深度解析：构建下一代人机协同智能系统的开源框架 花生糖@ AIGC学习资料库开源智能体mahilo
    一、框架定位与技术突破Mahilo作为2025年最受关注的多智能体协作框架，其创新性在于实现了人机协同的闭环控制与智能体自主协作的动态平衡。根据GitHub仓库数据显示，该框架在开源首周即获得3.2k星标，在医疗、金融、工业等领域的15个场景验证中，任务执行效率提升58%。核心技术创新混合通信协议：支持点对点(P2P)与层级式通信的灵活切换，在911紧急响应场景测试中，医疗/物流/通信智能体的协作
  • springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs) 前端歌谣 javajava-eeservlet
    EL表达式和JSTL标签库:在JSP页面代替java代码,便于编写一.EL表达式作用:${}简化脚本表达式j2ee1.4以前版本需指定j2ee1.4以后版本默认支持EL表达式1.EL内置对象EL内置11个对象,不需定义可直接使用pageScope获取page域属性组成的MaprequestScope获取reqeust域属性组成的MapsessionScope获取session域属性组成的Mapap
  • 18、企业级服务-JMS 跟着汪老师学编程 java开发语言java-ee
    JavaMessageService(JMS)一.引言JavaMessageService(JMS)是Java平台上用于实现消息orientedmiddleware（消息中间件）的标准API。它为企业级应用中的异步通信提供了一种高效、灵活且可靠的方式，允许不同的系统组件之间通过发送和接收消息进行通信，而无需直接依赖彼此的实现细节。JMS支持两种主要的消息模型：点对点（Point-to-Point，
  • C++设计模式-观察者模式：从基本介绍，内部原理、应用场景、使用方法，常见问题和解决方案进行深度解析 牵牛老人 C++专栏c++设计模式观察者模式
    一、基本介绍1.1模式定义与核心思想观察者模式（ObserverPattern）是一种行为型设计模式，它定义了对象间一对多的依赖关系。当被观察对象（Subject）状态改变时，所有依赖它的观察者（Observer）都会自动收到通知并更新。这种模式类似于报纸订阅机制——报社发布新刊时，所有订阅者都会收到最新报纸。1.2模式价值体现解耦利器：将事件发布者与订阅者解耦，提升系统扩展性动态响应：支持运行时
  • ESP-IDF中FreeRTOS的三种任务调度算法 蓝天居士 ESP-IDFESP32-S3ESP32-C3ESP-IDF
    本文内容参考：STM32F103移植FreeRTOS必须搞明白的系列知识---2（FreeRTOS任务优先级）_freertos最多支持多少个任务-CSDN博客浅析FreeRTOS任务调度器的三种调度算法和应用-电子发烧友网特此致谢！FreeRTOS中的任务调度算法FreeRTOS支持多种任务调度算法，可通过配置来满足不同应用的需求。可以通过配置configUSE_PREEMPTION和confi
  • lvs、nginx、haproxy区别和使用场景？ 企鹅侠客 linux聊聊运维lvsnginx运维
    0.运维干货分享软考系统架构设计师三科备考经验附学习资料信息安全管理体系（ISMS）制度模板分享免费文档翻译工具(支持word、pdf、ppt、excel)PuTTY中文版安装包MobaXterm中文版安装包pinginfoview网络诊断工具中文版LVS（LinuxVirtualServer）、Nginx和HAProxy都是常见的负载均衡工具，它们在不同的场景中各有优势。以下是它们的区别、特点及
  • Manus开源平替-开源通用智能体 galileo2016 人工智能
    原文链接:https://i68.ltd/notes/posts/250306-opensource-agi-agent/OWL-比Manus还强的全能开源AgentOWL:OptimizedWorkforceLearningforGeneralMulti-AgentAssistanceinReal-WorldTaskAutomation，现实世界中执行自动化任务的通用多代理辅助优化学习框架项目仓
  • L1-5 别再来这么多猫娘了！ 云格～ 团队天梯赛算法c++
    以GPT技术为核心的人工智能系统出现后迅速引领了行业的变革，不仅用于大量的语言工作（如邮件编写或文章生成等工作），还被应用在一些较特殊的领域——例如去年就有同学尝试使用ChatGPT作弊并被当场逮捕（全校被取消成绩）。相信聪明的你一定不会犯一样的错误！言归正传，对于GPT类的AI，一个使用方式受到不少年轻用户的欢迎——将AI变成猫娘：当然，由于训练数据里并不区分道德或伦理倾向，因此如果不加审查，A
  • 【Python】构建Web应用的首选：Flask框架基础与实战 萧鼎 python基础到进阶教程python前端flask
    构建Web应用的首选：Flask框架基础与实战在Python的Web开发生态中，Flask框架以其轻量、灵活和易用的特性成为构建Web应用的首选之一。无论是快速搭建一个小型应用原型，还是构建复杂的后端服务，Flask都提供了便捷的接口和丰富的扩展支持。本博客将介绍Flask的基础知识和核心概念，并通过一个简单的实例展示如何用Flask构建Web应用。一、Flask框架简介Flask是由ArminR
  • 前端面试题---vue项目打包时, 内存不足了怎么办 为什么会出现这样的情况 *星之卡比* 前端vue.jsjavascript
    Vue项目打包时如果出现内存不足（OOM，OutofMemory）简称就是OOM，通常是因为项目代码量较大、依赖过多、打包时Webpack需要处理的文件过多，导致Node.js运行时超出了默认的内存限制。一、为什么会出现内存不足？项目过大：项目代码文件过多，Webpack需要处理的内容太多。第三方库过多：node_modules体积过大，依赖库多且未进行优化。SourceMap过大：默认produ
  • zerotier搭建moon模式 zetion_3 network运维
    最近发现zerotier内网穿透在和家里nas存储交互网速好像不怎么样，于是想搞个moon看看是不是会有所改善先决条件建议：有一台云服务器，很多童鞋说要钱，刚刚白piao了一百度云的服务器，一年只要38RMB，配置CentOS7.9-1C1G1M带宽（moon模式服务器只是做转发所以不用担心），至于怎么piao就是新用户福利，能够搞2台。这里就不赘述，不懂可以留言。好了，云服到手开始：一、安装ze
  • 使用Zerotier在私有云服务器中搭建Moon服务器 Adair～Z 新的尝试笔记学无止境网络sshlinux运维
    参考文章链接：使用Zerotier在私有云服务器中搭建Moon服务器–Rookiediary导读：我自己在家搭建了一台黑nas,由于使用需求，需要在外访问，但是通过frp又比较麻烦所以选用zerotier组网方案，将zerotier的服务器作为一个中转服务器，但是目前发现zerotier的组网不是很稳定所以决定使用自己的...https://tuyogf.top/%e4%bd%bf%e7%94%a
  • zerotier 组网+moon+dns服务器 月落乌啼霜满天@3760 zerotierblog服务器运维
    zerotier组网+moon+dns服务器zerotier搭建虚拟局域网整体可以分成三步：zerotier创建网络，各个客户端加入网络。软件下载：Download-ZeroTier国内公网服务器，搭建moon节点。教程：打洞不成功？来试试ZeroTier自建Moon中转吧～|Lufs'sBlog搭建dns服务器（zeronsd）教程：ZeroTier组网：使用zeronsd作为其私有网段DNS_
  • doris:Hudi Catalog 向阳1218 大数据doris
    使用限制Hudi表支持的查询类型如下：表类型支持的查询类型CopyOnWriteSnapshotQuery,TimeTravel,IcrementalReadMergeOnReadSnapshotQueries,ReadOptimizedQueries,TimeTravel,IcrementalRead目前支持HiveMetastore和兼容HiveMetastore类型(例如AWSGlue/Al
  • 在Vue自定义事件中，父组件如何接收子组件传递的多个参数 北辰alk vuevue.jsjavascript前端
    在Vue.js中，组件之间的通信是一个非常重要的概念。Vue提供了多种方式来实现组件之间的通信，其中自定义事件是一种非常常见的方式。通过自定义事件，子组件可以向父组件传递数据。本文将详细介绍如何在Vue中通过自定义事件实现父组件接收子组件传递的多个参数，并提供详细的代码示例和流程图。文章目录1.Vue组件通信概述2.自定义事件的基本用法2.1子组件触发自定义事件2.2父组件监听自定义事件3.传递多
  • 动态路由RIP的总结 nihuhui666 网络智能路由器RIP
    动态路由所有路由器运行相同的路由协议,之后通过路由器之间的沟通,协商计算到达未知网段的路由信息静态路由优点:1.选路由管理员选择,更好掌控2.路由器资源占用更少3.静态路由相对动态路由更加安全缺点:1.配置量大2.静态路由无法根据网络拓扑结构的变化而变化—收敛动态路由:缺点:1.通过单一算法计算出来的路径,可能出现选路不佳2.资源占用多3.没有静态路由安全优点:1.配置量少2.动态路由可以根据网络
  • 2025年开源大模型全景：语言、多模态与开发工具的前沿探索 软件职业规划 开源
    语言类开源大模型1.Llama系列开发者：Meta发布时间：2024年7月参数量：8B、70B、405B特点：Llama系列模型以其强大的多语言支持和广泛的自然语言处理能力而闻名。它支持文本生成、问答、翻译等多种任务，尤其在处理长篇文本时表现出色，支持高达128K的上下文长度。Meta与超过25个合作伙伴共同推出该系列模型，包括亚马逊云科技、Databricks和英伟达等，推动了开源大模型在工业界
  • 使用 Ollama 对 LLaMA-2 模型进行微调的详细指南 软件职业规划 llama
    1.环境准备在开始微调之前，需要确保硬件和软件环境满足要求。合适的环境配置可以显著提高微调效率，并减少潜在的错误。1.1硬件要求大语言模型的微调需要强大的计算能力，尤其是GPU资源。以下是推荐的硬件配置：GPU：建议使用至少NVIDIARTX3090或更高配置的GPU。如果条件允许，使用多卡GPU（如RTX4090或A100）可以显著加快训练速度。对于更大的模型（如LLaMA-213B或33B），
  • 我与DeepSeek读《大型网站技术架构》- (15+16) 网站架构师职场攻略 诺亚凹凸曼 架构
    文章目录第15章网站架构师职场攻略15.1发现问题，寻找突破15.2提出问题，寻求支持第16章漫话网站架构师16.1按作用划分架构师16.2按效果划分架构师16.3按职责角色划分架构师16.4按关注层次划分架构师16.5按口碑划分架构师16.6非主流方式划分架构师第15章网站架构师职场攻略15.1发现问题，寻找突破突破视角：①“局外人观察”：新人可通过跳出业务惯性，发现被长期忽略的冗余流程（如手动
  • 我与DeepSeek读《大型网站技术架构》- 大型网站架构技术一览与Web开发技术发展历程 诺亚凹凸曼 架构
    文章目录大型网站架构技术一览1.前端架构2.应用层架构3.服务层架构4.存储层架构5.后台架构6.数据采集与监控7.安全架构8.数据中心机房架构Web开发技术发展历程一、静态HTML阶段二、CGI脚本模式阶段三、服务器页面模式阶段大型网站架构技术一览1.前端架构浏览器访问优化：压缩静态资源、减少HTTP请求。CDN加速：将静态资源分发至边缘节点，降低网络延迟。反向代理：缓存热点内容，提供负载均衡与
  • ASP3605同步降压调节器——商业航天电源的高抗辐射选择 国科安芯 产品架构单片机嵌入式硬件fpga开发
    ASP3605企业宇航级型号ASP3605S2U通过SEU≥75MeV·cm²/mg与SEL≥75MeV·cm²/mg抗辐射测试。其输入电压4V至15V，输出电流5A，支持多相级联与冗余设计，适用于卫星、航天器电源系统。面向航天场景的核心功能设计1.抗辐射与可靠性保障单粒子效应防护：SEU与SEL指标满足低地球轨道（LEO）辐射环境要求，确保长期任务稳定性。支持级联：支持12相级联。2.极端环境适
  • AS32X601双核锁步MCU技术优势分析 国科安芯 产品单片机嵌入式硬件
    AS32X601是国科安芯公司研制的一系列基于32位RISC-V指令集车规级MCU处理器芯片。主频高达180MHz，支持双核锁步架构，基于软错误防护技术加持，显著提高芯片安全性能。产品具有高安全、低失效、多IO、低成本、抗辐照等特点。一、功能安全与可靠性设计AS32X601的设计符合ISO26262ASIL-B功能安全标准（数据手册第2.4节），通过延迟锁步方法对关键模块进行冗余校验。当检测到错误
  • 代码随想录算法训练营DAY05之栈和队列 失序空间 跟着代码随想录学算法算法c++
    题目和链接232.用栈实现队列225.用队列实现栈20.有效的括号1047.删除字符串中的所有相邻重复项150.逆波兰表达式求值239.滑动窗口最大值347.前k个高频元素232.用栈实现队列题意：请你仅使用两个栈实现先入先出队列。队列应当支持一般队列支持的所有操作（push、pop、peek、empty）：实现MyQueue类：voidpush(intx)将元素x推到队列的末尾intpop()从
  • 《解锁华为黑科技：MindSpore+鸿蒙深度集成奥秘》 程序猿阿伟 华为科技harmonyos
    在数字化浪潮汹涌澎湃的当下，人工智能与操作系统的融合已成为推动科技发展的核心驱动力。华为作为科技领域的先锋，其AI开发框架MindSpore与鸿蒙系统的深度集成备受瞩目，开启了智能生态的新篇章。华为MindSpore：AI框架的创新先锋MindSpore自2019年诞生以来，迅速在AI领域崭露头角。它以其独特的设计理念和先进的技术架构，为开发者提供了全场景的AI开发支持。从设计理念上看，MindS
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他