杏子_1024
杏子_1024

React 中实现复制到剪切板功能

React 中实现复制到剪切板功能

  • 前言
  • 最终实现方法
  • 中间踩坑

前言

最近有一个需求是在文章列表中实现一个【复制链接】的功能。如图：

在这里插入图片描述
点击【复制链接】之后，链接将复制到剪切板。可在浏览器中进行粘贴打开。

最终实现方法

最终的实现方法很简单，引一个插件，一行代码搞定。这里演示一个简单的 Demo。

  1. 下载 copy-to-clipboard
    npm i copy-to-clipboard --save
  2. 引入 copy 方法，在点击按钮时调用 copy 方法
import copy from 'copy-to-clipboard';
function coppyUrl(url){
     
  copy(url);
  alert('复制成功');
};
function App(){
     
  return <button onClick={
     ()=>coppyUrl('https://www.baidu.com/')}><button>	
};
export default App;

中间踩坑

刚开始在网上找了各种 js 实现复制链接的办法。要么出现浏览器兼容性，要么主要是针对原生 DOM 操作。在此记录一下。

1. 只兼容 IE 浏览器

效果：
React 中实现复制到剪切板功能_第1张图片
原理：

  1. 使用 window.clipboardData.setData 方法。不过该方法只兼容 IE 浏览器。
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <textarea id="input" style="width: 300px; height: 100px">
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime expedita corporis culpa voluptates deleniti eveniet voluptatem laborum facere quos fugit, obcaecati corrupti repellat voluptatibus iste quae! Illum sint quibusdam velit?</textarea
          >    
    <button type="button"  onClick="copyUrl()">
      点此复制文本框的内容
    </button>
    <script language="javascript">
      function copyUrl() {
     
        var input = document.getElementById("input");
        window.clipboardData.setData("Text", input.value);
        alert("复制成功!");
      }
    </script>
  </body>
</html>

2. 浏览器自带的方法实现原生 DOM 复制

效果：
React 中实现复制到剪切板功能_第2张图片
原理：

  1. 使用文本域或者输入框的 input.select() 方法。
  2. 执行浏览器的 document.execCommand("copy") 命令。
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>
      <textarea id="input" style="width:300px;height:100px">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime expedita corporis culpa voluptates deleniti eveniet voluptatem laborum facere quos fugit, obcaecati corrupti repellat voluptatibus iste quae! Illum sint quibusdam velit?</textarea
      >
      <div><button onclick="copyText()" style="cursor: pointer;">点此复制文本框的内容</button></div>
      
    </div>
    <script>
      function copyText() {
           
        var input = document.getElementById("input");
        //input.value = text; // 修改文本框的内容
        input.select(); // 选中文本
        document.execCommand("copy"); // 执行浏览器复制命令
        alert("复制成功");
      }
    </script>
  </body>
</html>

兼容 Firefox 48.0、Chrome 60.0、IE 8 。

3. 使用 clipboard 插件

效果：
React 中实现复制到剪切板功能_第3张图片
原理：

  1. 引入 clipboard 插件。
  2. 在点击元素中，使用 data-clipboard-action 指定操作类型（copy or cut）。使用 data-clipboard-target 指定复制的目标元素。
  3. 实例化 ClipboardJS 对象，参数为点击元素的类名或者id名。
    注意：根据 clipboard 插件的版本不同，有的需要实例化 Clipboard 对象。
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>
      <textarea id="input" style="width: 300px; height: 100px">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime expedita corporis culpa voluptates deleniti eveniet voluptatem laborum facere quos fugit, obcaecati corrupti repellat voluptatibus iste quae! Illum sint quibusdam velit?</textarea
      >
      <div>
        <button id="btn"  data-clipboard-action="copy" data-clipboard-target="#input" style="cursor: pointer">
          点此复制文本框的内容
        </button>
      </div>
    </div>
    <script src="./clipboard.js"></script>   
    <script>
      //使用 dom 属性实现复制功能
      var clipboard = new ClipboardJS("#btn");

      //成功与失败打印日志
      clipboard.on("success", function (e) {
     
        console.info("Action:", e.action);
        console.info("Text:", e.text);
        console.info("Trigger:", e.trigger);
        alert("复制成功");
        e.clearSelection();
      });

      clipboard.on("error", function (e) {
     
        console.error("Action:", e.action);
        console.error("Trigger:", e.trigger);
      });
    </script>
  </body>
</html>

你可能感兴趣的:(#,React,基础)

  • 高端密码学院笔记228 柚子_b4b4
    高端幸福密码学院（高级班）幸福使者：李华第（541）期《幸福》之启动深层心理轻松意识基础篇——“扛得住”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:高尚、伟大的代价就是责任。自由的第一个意义就是担负自己的责任2020.8.20星期三一笔记:1.从接的住到扛得住，心里境界的提升2.看到优秀的家人向别人学习如何去做，什么心里阶段性呈现什么状态。3.学习力越强，承载力越强4.精准，准确，的点评就是对笔
  • NFL的React GPT项目使用指南 吕岚伊
    NFL的ReactGPT项目使用指南一、项目目录结构及介绍ReactGPT是由NFL团队开发的一个尝试性项目，旨在创建一个自主的React开发者工具，利用AI辅助进行React代码的生成与修改。以下是本项目的主要目录结构和各部分功能简介：├──env#环境变量配置文件所在目录│└──.env#存放OPENAI_API_KEY等敏感信息的环境变量文件├──example#可能包含示例代码或配置的目录
  • hamburger-react项目安装与使用指南 毕腾鉴Goddard
    hamburger-react项目安装与使用指南项目简介本指南旨在帮助开发者了解并快速上手hamburger-react项目。该项目托管在GitHub上，可通过此链接访问。它是一个基于React的组件库，专注于实现汉堡菜单效果，为Web应用提供简洁易用的导航解决方案。1.项目目录结构及介绍hamburger-react/│├──public/-包含index.html以及可能的静态资源，如图标或初
  • VSCode WebView React 开源项目实战指南 廉珏俭Mercy
    VSCodeWebViewReact开源项目实战指南本指南旨在帮助您了解并快速上手vscode-webview-react开源项目，该项目提供了一个基于React和TypeScript的起点，用于在VisualStudioCode的Webview中开发扩展。以下是核心模块的详细介绍：1.项目目录结构及介绍├──package.json//项目配置文件，包括依赖、scripts命令等├──publi
  • React-Python项目安装与使用指南
    React-Python项目安装与使用指南一、项目目录结构及介绍通常情况下，在克隆了https://github.com/facebookarchive/react-python.git仓库之后，你会看到以下的目录结构：├──README.md#项目的说明文档├──src#源码目录│├──components#React组件存放位置│├──App.py#应用主入口文件│└──index.js#引入
  • AI时代的弯道超车之第十七章：黄仁勋：坚持一件事，哪怕坐足冷板凳 Hebron_Deb AI时代-弯道超车-逆袭人生人工智能
    在这个AI重塑世界的时代，你还在原地观望吗？是时候弯道超车，抢占先机了！李尚龙倾力打造——《AI时代的弯道超车：用人工智能逆袭人生》专栏，带你系统掌握AI知识，从入门到实战，全方位提升认知与竞争力！内容亮点：AI基础+核心技术讲解职场赋能+创业路径揭秘打破信息差+预测行业未来第十七章：黄仁勋：坚持一件事，哪怕坐足冷板凳我们终于来到了第十七章，也是这本人物传记中该领域的最后一章。前面我们讲到了李飞飞
  • sqlite数据库字段类型 鹿灏楷silves pythonwebsqlsqlite3djangopython数据库
    数据库字段类型：字符型字段topic=models.CharField(max_length=)#需要传入参数，设置字符串的最长长度email=models.EmailTield()#电子邮箱字段，在CharField基础上，增加了邮箱的正则验证a=models.SlugField()#仅含有字母下划线数字和连字符的字符串url=models.URLField()#url字段，默认长度200字符f
  • 前端学习笔记：React.js中state和props的区别和联系
    文章目录1.`props`（属性）定义用途示例2.`state`（状态）定义用途示例3.核心区别4.常见使用场景props的场景state的场景5.交互模式父组件修改子组件状态子组件通知父组件6.最佳实践总结在React.js中，state和props是两个核心概念，用于管理组件的数据和数据流。它们的设计目的不同，但共同构成了React组件的状态管理系统。1.props（属性）定义外部传入的数据：
  • Python你不知道的二三事（Python基础知识） 日暮凡尘 python开发语言
    在上一篇中，我们介绍了Python解释器与编辑器的安装与使用，本次我们这是在进行Python程序的编译。我会根据我个人的学习进度进行更新，如有遗漏或错误，欢迎指正。变量与常量变量创建一个新的py文件，我们就可以开始编程了。关于变量，就是一些我们自定义的值，如a=10num=100其中a，num就是我所定义的变量，变量的命名较为自由，但也有一些规则需要遵守：1.变量由数字、字母、下划线（_）组成。n
  • React 项目环境变量使用指南 啃火龙果的兔子 开发DEMOreact.js前端前端框架
    在React项目中正确使用环境变量是管理不同环境配置的关键技术。以下是完整的解决方案：1.创建环境变量文件React项目支持以下环境变量文件（按优先级从高到低）：.env.development.local(本地开发环境).env.development(开发环境).env.production.local(生产环境本地覆盖).env.production(生产环境).env(所有环境)示例文件内
  • 飞算 JavaAI 深度体验：开启 Java 开发智能化新纪元 ♡喜欢做梦 飞算JavaAI炫技赛Java开发
    个人主页：♡喜欢做梦欢迎点赞➕关注❤️收藏评论目录一、引言二、飞算JavaAI初印象与功能概览（一）初识（二）核心功能模块概览三、智能代码生成功能深度体验（一）基础场景测试（二）复杂业务逻辑场景（三）代码生成功能总结四、代码优化建议功能测评（一）测试用例准备（二）优化建议（三）进一步复杂代码测试（四）代码优化功能总结五、故障诊断与修复功能实践（一）模拟常见Java故障场景一、引言在当今软件开发领域
  • UI 组件 | Button 测试开发小白变怪兽
    最近在与其他自学CocosCreator的小伙伴们交流过程中，发现许多小伙伴对基础组件的应用并不是特别了解，自己在编写游戏的过程中也经常对某个属性或者方法的用法所困扰，而网上也没有比较清晰的用法讲解，所以准备对常用的UI组件常用用法进行一个总结，方便自己和其他小伙伴们查看，下面正文开始（注：属性介绍部分大部分内容我会取自官方文档）。Button（按钮）组件Button组件可以响应用户的点击操作，当
  • 摘 暗裔咓嫟
    （1）“读”加“写”。在掌握了50音图及一些基础发音之后，就要开始学习背诵词汇。背词时建议大家边写边读，写和读都可以加深对词汇的印象。读的时候要注意长音、促音和声调，这些地方经常被大家忽略，如果这些地方读错，可能就会变成另外一个单词。（2）在积累的同时，掌握规律。词汇量积累到一定程度的时候，词汇的背诵速度会越来越快，因为你会发现其实词汇的读音是有一些规律的。比如日语汉字结构相似，或者读音相同的汉字
  • PyTorch数据准备：从基础Dataset到高效DataLoader 慕婉0307 pytorchpytorch人工智能python
    一、PyTorch数据加载核心组件在PyTorch中，数据准备主要涉及两个核心类：Dataset和DataLoader。它们共同构成了PyTorch灵活高效的数据管道系统。Dataset类：作为数据集的抽象基类，需要实现三个关键方法：len():返回数据集大小getitem():获取单个数据样本(可选)init():初始化逻辑常见实现方式：继承torch.utils.data.Dataset使用T
  • Linux系统磁盘挂载操作及原理详解
    前言：在Linux系统的日常运维与管理中，磁盘存储的配置是一项基础且关键的工作。无论是新增一块物理硬盘、扩展云服务器的云盘，还是处理分区扩容，最终都绕不开“挂载”这一核心操作——只有将磁盘分区正确挂载到系统目录树中，其存储空间才能被有效利用。然而，挂载并非简单的“连接”操作，它涉及分区识别、文件系统格式化、挂载点设置、开机自动挂载配置等多个环节，每个步骤都有其特定的逻辑和注意事项。例如，不同文件系
  • 2024 前端技术指南：从趋势到实战，构建你的知识地图 王旭晨 前端
    一、2024前端领域的“破局者”与“新势力”2024年的前端圈依然热闹非凡，技术迭代与行业焦虑并存。React19带来的useActionState与服务端渲染升级，Vite6的多线程编译挑战Webpack的地位，Bun和Deno对Node.js发起的性能冲击，都在重塑开发者的选择。而尤雨溪创立VoidZero融资460万美金，更是为开源商业化注入了一剂强心针。尽管“前端已死”的论调此起彼伏，但技
  • 深入TA-Lib：量化技术指标详解
    深入TA-Lib：量化技术指标详解本文系统讲解TA-Lib技术指标分析，涵盖基础、数据处理、趋势与动量指标、均量线、布林线等，并结合Python代码与大数据、机器学习实战案例，助力读者掌握量化交易实战技巧。本文系统梳理了TA-Lib技术指标分析的核心内容，包括TA-Lib基础、数据处理、趋势与动量指标、均量线、布林线等关键技术指标分析方法，并结合Python代码示例与大数据、机器学习的融合实战案例
  • Java开发：从入门到精通
    目录第一部分：基石篇——筑基与心法(Java核心基础)第一章：缘起与开示——Java世界观1.1万物皆对象：面向对象思想的起源与哲学1.2Java的“前世今生”：发展史、技术体系与生态圈1.3工欲善其事：搭建你的第一个“道场”(JDK环境配置与IDE详解)1.4“Hello,World!”：从第一行代码看Java程序的结构与生命周期1.5编译与运行：JVM如何成为Java跨平台的“金刚不坏之身”第
  • 天文图像处理：星系分类与天体定位 xcLeigh 计算机视觉CV图像处理分类人工智能AI计算机视觉
    天文图像处理：星系分类与天体定位一、前言二、天文图像处理基础2.1天文图像的获取2.2天文图像的格式2.3天文图像处理的基本流程三、天文图像预处理3.1去噪处理3.2平场校正3.3偏置校正四、星系分类4.1星系的分类体系4.2基于特征提取的星系分类方法4.3基于深度学习的星系分类方法五、天体定位5.1天体坐标系统5.2基于星图匹配的天体定位方法5.3基于深度学习的天体定位方法六、总结与展望致读者一
  • Docker深度详解：从原理到实践的全方位指南 一切皆有迹可循 docker容器技术docker容器linux服务器后端java
    前言Docker作为容器化技术的标杆，凭借其轻量级、可移植性和隔离性，彻底改变了软件的开发、部署和运维方式。本文将深入解析Docker的核心原理、架构设计及实战技巧，结合具体代码示例和生产级经验，帮助读者全面掌握这一现代软件开发的关键技术。一、Docker核心概念与架构1.基础概念扩展（1）镜像分层原理#查看镜像层信息dockerhistoryubuntu:20.04#输出示例IMAGECREAT
  • 【电脑】电源供应器（PSU）的基础知识 Mike_Wuzy 电脑
    电源供应器（PowerSupplyUnit,PSU）是计算机和其他电子设备的核心组件之一，负责将外部电能转换成设备所需的稳定电压输出，以供主板、硬盘、风扇等各个部件使用。以下是关于电源供应器的一些详细知识：1.主要功能转换与稳压：将交流电（AC）转换为适合计算机内部各组件的直流电（DC），并保持电压稳定。分配电力：通过不同的连接线缆和插座，将不同类型的输出电压输送至各个部件。2.核心元件电源供应器
  • 【电脑】键盘的基础知识
    键盘是计算机系统中最常用的人机交互设备之一，用于输入文本、命令和各种控制信号。以下是关于键盘的一些详细知识：1.键盘的基本类型机械键盘（MechanicalKeyboard）特点：每个键都配备了一个独立的机械开关。优点：手感好，打字反馈明确。寿命长，可承受数十万次击键。缺点：相对价格较高。噪音较大（对于薄膜键盘来说）。薄膜键盘（MembraneKeyboard）特点：使用一层或多层塑料薄膜作为按键
  • 【电脑】鼠标的基础知识 Mike_Wuzy 电脑
    下面是一些关于鼠标的详细知识：鼠标的基本结构外壳：通常由塑料或金属制成，提供手握的地方。滚轮：位于中央，用于滚动页面。有些高端型号的滚轮可以自定义功能。按键：最常见的是左键、右键和中键（即滚轮）。一些鼠标增加了额外的功能键。传感器：光学或激光传感器，用于捕捉移动信息并转换为数字信号传递给电脑。微处理器：处理传感器传输的数据，并将其转化为计算机可理解的命令。鼠标的类型无线鼠标：使用蓝牙、2.4GHz
  • 【电脑】声卡的基础知识 Mike_Wuzy 电脑
    声卡是计算机的重要组成部分之一，主要用于处理音频信号，包括录音、播放音乐和视频等。下面是一些关于声卡的详细知识：声卡的基本结构数模转换器(DAC)：将数字音频数据转换为模拟电信号。模数转换器(ADC)：将模拟音频信号转换为数字格式，用于录音或输入设备（如麦克风）。放大器：用于增强输出音量，确保声音清晰响亮。控制芯片：管理各种音频任务和功能的主控单元。声卡的主要类型集成声卡(OnboardSound
  • 单音信号、双音信号及多音信号
    ‌单音信号‌：单音信号是一种只包含单一频率的信号，通常表现为一个纯粹的正弦波。它的频谱是一个单一的谱线，位于其基频处。单音信号的时域波形是正弦波形状，呈现出周期性和连续性。单音信号常用于测试设备性能、校准仪器以及作为某些通信系统的基础载波信号‌。‌双音信号‌：双音信号是一种包含两个频率的信号，也称为二进制音信号或多频信号。它是通过同时产生两个具有不同频率的正弦波信号来生成的。双音信号的频谱包含两个
  • 深度对比：innerHTML vs 虚拟DOM——原理、性能与应用全解析 止观止 前端前端框架前端html5javascriptreactjsxss
    引言在现代Web开发中，高效操作DOM（文档对象模型）是构建高性能应用的关键。传统方法如innerHTML和新兴的虚拟DOM（VirtualDOM）技术代表了两种截然不同的DOM更新策略。innerHTML作为浏览器原生API，直接操纵HTML字符串；虚拟DOM则是通过JavaScript对象树进行优化更新，广泛应用于React、Vue等框架。本文深入对比两者的核心原理、技术细节、应用场景及优劣，
  • React响应式组件范式：从类组件到Hooks 止观止 #React核心原理深度剖析react.jsjavascriptecmascript
    引言在UI开发中，"状态变化自动触发UI更新"的响应式机制是构建动态界面的核心。React通过独特的单向数据流和虚拟DOM（VirtualDOM）实现这一目标，但类组件（ClassComponents）与Hooks分别代表了两种截然不同的实现范式：类组件时代：以生命周期方法作为响应式调度器，需手动管理状态与副作用（SideEffects）的同步Hooks时代：以状态为驱动核心，通过声明式副作用（D
  • 【MySQL】性能优化实战指南：释放数据库潜能的艺术
    文章目录MySQL性能优化实战指南：释放数据库潜能的艺术引言为什么需要MySQL性能优化？性能优化基础知识MySQL性能瓶颈分析1.硬件资源瓶颈2.MySQL内部瓶颈优化配置策略大全内存配置优化InnoDB缓冲池配置查询缓存配置连接和线程配置磁盘I/O优化InnoDB存储引擎配置临时表配置独特优化创意配置创意1：分层存储优化创意2：动态配置自适应创意3：负载感知配置高级优化技巧并行处理优化索引和查
  • Java:实现朴素模式匹配算法（附带源码） Katie。 Java算法完整教程算法javapython
    1.项目背景详细介绍在文本处理、信息检索和生物序列分析等领域，“字符串模式匹配”是最基础也是最核心的操作之一。朴素模式匹配（NaiveStringMatching）算法，作为最直观的实现方式，通过逐个字符对比，查找模式串在目标文本中出现的位置。虽然现代应用中普遍采用更高效的KMP、Boyer–Moore、Sunday算法等，但理解并掌握朴素算法有助于：打牢基础：从最简单的实现入手，帮助初学者理解匹
  • （34）FPGA原语设计（BUFGMUX） 宁静致远dream FPGA就业技能ux开发语言r语言
    （34）FPGA原语设计（BUFGMUX）1.1目录1）目录2）FPGA简介3）VerilogHDL简介4）FPGA原语设计（BUFGMUX）5）结语1.2FPGA简介FPGA（FieldProgrammableGateArray）是在PAL、GAL等可编程器件的基础上进一步发展的产物。它是作为专用集成电路（ASIC）领域中的一种半定制电路而出现的，既解决了定制电路的不足，又克服了原有可编程器件门
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他