CP-DD
CP-DD

JavaScript中常见的五种事件

JavaScript中常见的五种事件

    • JavaScript中常见的五种事件分类：
    • 以下是每个事件分类的一些完整示例：
    • 以下是一个详细完整的示例，结合了JavaScript、HTML和CSS，展示了如何在网页中使用事件处理函数来实现交互效果.

JavaScript中常见的五种事件分类：

  1. 鼠标事件：与鼠标交互相关的事件，包括点击、双击、鼠标移动、鼠标悬停、鼠标按下和释放等。

  2. 键盘事件：与键盘交互相关的事件，包括按键按下、按键释放、键盘输入等。

  3. 表单事件：与表单元素交互相关的事件，包括表单提交、表单重置、输入内容改变等。

  4. 编辑事件：与文本编辑相关的事件，包括复制、粘贴、剪切、选中文本等。

  5. 页面事件：与整个页面相关的事件，包括页面加载完成、页面卸载、窗口大小改变、滚动等。

以下是每个事件分类的一些完整示例：

  1. 鼠标事件：

    • 点击事件：click
    document.addEventListener('click', function(event) {
    console.log('点击事件触发');
});
    • 双击事件：dblclick
    document.addEventListener('dblclick', function(event) {
    console.log('双击事件触发');
});
    • 鼠标移动事件：mousemove
    document.addEventListener('mousemove', function(event) {
    console.log('鼠标移动事件触发');
});
    • 鼠标悬停事件：mouseover、mouseout
    document.addEventListener('mouseover', function(event) {
    console.log('鼠标悬停事件触发');
});
document.addEventListener('mouseout', function(event) {
    console.log('鼠标离开事件触发');
});
    • 鼠标按下事件：mousedown
    document.addEventListener('mousedown', function(event) {
    console.log('鼠标按下事件触发');
});
    • 鼠标释放事件：mouseup
    document.addEventListener('mouseup', function(event) {
    console.log('鼠标释放事件触发');
});

  2. 键盘事件：

    • 按键按下事件：keydown
    document.addEventListener('keydown', function(event) {
    console.log('按键按下事件触发');
});
    • 按键释放事件：keyup
    document.addEventListener('keyup', function(event) {
    console.log('按键释放事件触发');
});
    • 输入事件：input
    document.addEventListener('input', function(event) {
    console.log('输入事件触发');
});

  3. 表单事件：

    • 表单提交事件：submit
    document.addEventListener('submit', function(event) {
    console.log('表单提交事件触发');
    event.preventDefault(); // 阻止表单提交
});
    • 表单重置事件：reset
    document.addEventListener('reset', function(event) {
    console.log('表单重置事件触发');
});
    • 输入内容改变事件：change
    document.addEventListener('change', function(event) {
    console.log('输入内容改变事件触发');
});

  4. 编辑事件：

    • 复制事件：copy
    document.addEventListener('copy', function(event) {
    console.log('复制事件触发');
});
    • 粘贴事件：paste
    document.addEventListener('paste', function(event) {
    console.log('粘贴事件触发');
});
    • 剪切事件：cut
    document.addEventListener('cut', function(event) {
    console.log('剪切事件触发');
});
    • 选中文本事件：select
    document.addEventListener('select', function(event) {
    console.log('选中文本事件触发');
});

  5. 页面事件：

    • 页面加载完成事件：load
    window.addEventListener('load', function(event) {
    console.log('页面加载完成事件触发');
});
    • 页面卸载事件：beforeunload
    window.addEventListener('beforeunload', function(event) {
    console.log('页面卸载事件触发');
});
    • 窗口大小改变事件：resize
    window.addEventListener('resize', function(event) {
    console.log('窗口大小改变事件触发');
});
    • 滚动事件：scroll
    window.addEventListener('scroll', function(event) {
    console.log('滚动事件触发');
});

这些是JavaScript中常见事件的完整示例。你可以通过添加事件监听器来处理这些事件，并在事件发生时执行相应的操作。

以下是一个详细完整的示例，结合了JavaScript、HTML和CSS，展示了如何在网页中使用事件处理函数来实现交互效果.

HTML部分：

DOCTYPE html>
<html>
<head>
  <title>JavaScript事件示例title>
  <style>
    .box {
      width: 200px;
      height: 200px;
      background-color: red;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .box:hover {
      background-color: blue;
    }
  style>
head>
<body>
  <div class="box" id="myBox">div>

  <script src="script.js">script>
body>
html>

CSS部分定义了一个名为.box的CSS类，设置了一个红色的正方形盒子，并为其添加了鼠标悬停效果。

JavaScript部分（script.js）：

// 获取盒子元素
var box = document.getElementById('myBox');

// 鼠标点击事件处理函数
function handleClick() {
  box.style.backgroundColor = 'green';
}

// 鼠标悬停事件处理函数
function handleMouseOver() {
  box.style.transform = 'scale(1.2)';
}

// 鼠标离开事件处理函数
function handleMouseOut() {
  box.style.transform = 'scale(1)';
}

// 为盒子元素添加事件监听器
box.addEventListener('click', handleClick);
box.addEventListener('mouseover', handleMouseOver);
box.addEventListener('mouseout', handleMouseOut);

JavaScript部分定义了三个事件处理函数：handleClick处理鼠标点击事件，将盒子的背景颜色改为绿色；handleMouseOver处理鼠标悬停事件，将盒子放大；handleMouseOut处理鼠标离开事件，将盒子恢复原始大小。

通过getElementById方法获取HTML中的盒子元素，并使用addEventListener方法为该元素添加事件监听器。

当点击盒子时，handleClick函数被调用，当鼠标悬停在盒子上时，handleMouseOver函数被调用，当鼠标离开盒子时，handleMouseOut函数被调用。

这个示例展示了如何使用JavaScript来处理鼠标事件，并通过改变CSS样式实现交互效果。

你可能感兴趣的:(#,JS,javascript,开发语言,ecmascript)

  • 基于 ArkTS 的混合式开发示例：静态页面与本地数据交互 qq_55376032 harmonyos华为鸿蒙
    一、实现效果1、H5段混合式开发效果图2、静态页面与本地数据交互效果图二、技术栈分析ArkTS：用于构建页面结构和逻辑，支持声明式UI和组件化开发。WebView：通过@ohos.web.webview调用H5页面，支持JavaScript交互。资源管理：使用@kit.ArkTS的util模块读取并解析本地JSON文件。自定义对话框：通过@CustomDialog实现自定义弹窗，支持动态数据加载。
  • JPA 实战经验 jpajava
    这个博客会持续更新...JSON数据无法进行更新背景：数据库字段是json格式，代码Entity中字段使用了@Converter进行类型转换，对象本身是个List，产生的效果是查询生效，插入生效，更新不生效。怀疑方向：List对象实例ID发生变更了导致未识别@Converter转换器类型有问题尝试以上操作之后，问题依旧。最后，发现自己搞错概念了，把字段与关联表概念搞混了，它本质是一个字段，JPA对
  • 前后端的身份认证 咖啡の猫 node.js后端express
    在现代Web开发中，确保用户数据的安全性和隐私保护至关重要。身份认证是其中的核心环节之一，它用于验证用户的身份，并控制对资源的访问权限。本文将介绍几种常见的身份认证方法，并详细讲解如何在Node.js项目中实现这些方法。一、什么是身份认证？身份认证（Authentication）是确认用户身份的过程，通常通过用户名和密码组合或其他凭证来完成。一旦用户被认证，系统就可以基于其身份授予相应的访问权限（
  • 近期docker镜像加速器被封杀，需要的请看此内容 点赞加关注 加油干sit！ dockerdocker
    {“registry-mirrors”:[“https://docker.m.daocloud.io”],“insecure-registries”:[“harbor.sunya.com”],“exec-opts”:[“native.cgroupdriver=systemd”],“data-root”:“/data/docker”,“log-driver”:“json-file”,“log-opt
  • yolo模型coco数据集详解 工头阿乐 深度学习YOLO
    深度学习文章目录深度学习前言前言instances_train2017.json和instances_val2017.json文件均分为五大部分，这五部分对应的关键字分别为info、licenses、images、annotations、categories。{"info":info,"licenses":[license1,license2,license3,...],"images":[ima
  • JavaScript基础-获取元素 難釋懷 javascript开发语言
    在Web开发中，使用JavaScript动态地访问和操作网页上的元素是一项基本技能。通过获取页面上的特定元素，我们可以对其进行各种操作，比如修改内容、样式或属性等。本文将详细介绍几种获取DOM元素的方法，并探讨它们的特点及适用场景。一、为什么需要获取元素？在现代Web应用中，交互性是关键。无论是响应用户的输入、更新页面内容还是实现动画效果，首先都需要定位到相关的HTML元素。掌握不同的获取元素的方
  • electron 源码下载与编译构 五一编程 学习交流electronjavascript前端webrtcc语言c++
    electron源码下载与编译构建预先安装安装nodejs下载eletron构建工具：安装python构建Electron基本要求环境依赖交叉编译构建故障排查高级提示使用clang之外的其它编译器electron的depot_tools工具下载构建源码。这个工具是用nodejs写的，封装了chromium自身的depot_tools工具。非常方便易用。主要是electron在下载完chromium
  • 让人感到疑惑的const 浪裡遊 javascript开发语言ecmascript前端
    const关键字在不同的编程语言中有着不同的含义和限制，但通常它被用来声明一个常量或只读变量。然而，在JavaScript中，const的行为有时可能会让人感到困惑，因为它并不总是意味着“不可变”（immutable）。让我们详细探讨一下这个问题。JavaScript中的const在JavaScript中，当你使用const声明一个变量时，你实际上是创建了一个不能重新赋值的绑定。这意味着一旦给这个
  • JavaScript 性能优化实战：数据结构选择对性能的影响 deying0865423 开发语言javascript
    目录数组（Array）特点与适用场景性能短板链表（LinkedList）特点与适用场景性能短板集合（Set）特点与适用场景性能短板映射（Map）特点与适用场景性能短板栈（Stack）与队列（Queue）特点与适用场景性能短板在JavaScript开发中，数据结构的选择如同搭建房屋时选择合适的建筑材料，对程序性能起着决定性作用。合理的数据结构能显著提升代码执行效率，减少资源消耗，反之则可能导致性能瓶
  • JavaScript 性能优化实战：优化 DOM 操作提升交互响应 deying0865423 javascript开发语言ecmascript
    目录一、理解DOM操作的性能损耗二、减少DOM操作次数（一）批量操作DOM（二）缓存DOM查询结果三、优化DOM查询（一）使用更高效的查询方法（二）利用事件委托四、减少回流与重绘（一）批量修改样式（二）使用requestAnimationFrame在现代Web应用开发中，JavaScript与DOM（文档对象模型）的交互极为频繁。无论是创建动态界面、响应用户操作，还是更新页面内容，DOM操作都扮演
  • 【华为OD-E卷 -123 判断一组不等式是否满足约束并输出最大差 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavajavascriptc++
    【华为OD-E卷-判断一组不等式是否满足约束并输出最大差100分（python、java、c++、js、c）】题目给定一组不等式，判断是否成立并输出不等式的最大差(输出浮点数的整数部分)要求:不等式系数为double类型，是一个二维数组不等式的变量为int类型，是一维数组;不等式的目标值为double类型，是一维数组不等式约束为字符串数组，只能是:“>”,“>=”,“<”,“<=”,“=”，例如，
  • 【华为OD-E卷 -122 字符统计及重排 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享python华为odjavac++javascript
    【华为OD-E卷-字符统计及重排100分（python、java、c++、js、c）】题目给出一个仅包含字母的字符串，不包含空格，统计字符串中各个字母（区分大小写）出现的次数，并按照字母出现次数从大到小的顺序。输出各个字母及其出现次数。如果次数相同，按照自然顺序进行排序，且小写字母在大写字母之前输入描述输入一行，为一个仅包含字母的字符串输出描述按照字母出现次数从大到小的顺序输出各个字母和字母次数，
  • 【华为OD-E卷-02 最多提取子串数目100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-最多提取子串数目100分（python、java、c++、js、c）】题目给定[a-z]，26个英文字母小写字符串组成的字符串A和B，其中A可能存在重复字母，B不会存在重复字母，现从字符串A中按规则挑选一些字母，可以组成字符串B。挑选规则如下：同一个位置的字母只能挑选一次被挑选字母的相对先后顺序不能被改变求最多可以同时从A中挑选多少组能组成B的字符串。输入描述输入为2行，第1行输
  • 【华为OD-E卷 - 高频题目全览 （关注、收藏）通过率100%以上题目可达95%（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享纯小白编程入门教程（新手必看）计算机相关操作技巧（新手必看）华为odc++c语言javapythonjsjavascript
    注意：如果发现代码有用例覆盖不到的情况，欢迎反馈！会在第一时间修正，更新。解题不易，如对您有帮助，欢迎点赞/收藏E卷题目全览一键跳转详情题目详情跳转01补种未成活胡杨点此跳转详情02最多提取子串数目点此跳转详情03ai面板识别点此跳转详情04流浪地球
  • VUE动态路由 qq_41164527 vuevue.js前端javascript
    在Vue.js中，路由是实现单页应用（SPA）的核心功能之一。Vue提供了vue-router库来管理路由。以下是Vue路由的几种常见方式：1.声明式路由导航（使用）是VueRouter提供的组件，用于声明式导航。它会被渲染成一个标签，点击后会跳转到指定的路由。HomeAboutto属性指定目标路由的路径。默认会渲染为标签，点击后不会刷新页面，而是通过VueRouter进行路由切换。2.编程式路由
  • JS逆向案例-致远OA的前端密码加密逆向分析 布啦啦李 我的渗透笔记pythonJS逆向javascript逆向致远OA密码爆破防范措施js逆向
    免责声明本文仅为技术研究与渗透测试思路分享，旨在帮助安全从业人员更好地理解相关技术原理和防御措施。任何个人或组织不得利用本文内容从事非法活动或攻击他人系统。如果任何人因违反法律法规或不当使用本文内容而导致任何法律后果，本文作者概不负责。请务必遵守法律法规，合理使用技术知识。一、致远OA的登录过程1.1实验版本致远A6+协同管理软件V8.0SP2用户名不变，密码加密，无验证码。1.2登录过程步骤操作
  • JavaScript基础-DOM 简介 難釋懷 javascript开发语言
    在现代Web开发中，JavaScript与HTML和CSS一起构成了网页的核心技术。而在这三者之中，DOM（DocumentObjectModel，文档对象模型）作为浏览器处理网页内容的一种接口，扮演着至关重要的角色。通过DOM，JavaScript能够动态地访问和操作网页的内容、结构以及样式。本文将介绍DOM的基本概念、核心组成部分以及如何使用JavaScript来操作DOM。一、什么是DOM？
  • 王者荣耀道具页面爬虫（json格式数据） shix . 爬虫js逆向爬虫json数据库
    首先这个和英雄页面是不一样的，英雄页面的图片链接是直接放在源代码里面的，直接就可以请求到，但是这个源代码里面是没有的虽然在检查页面能够搜索到，但是应该是动态加载的，源码中搜不到该链接然后就去看看是不是某个接口中返回的数据刷新了一下返回了一个json估计一些数据在这里面，我们下载下来试试没错，那接下来就是简单的拼接了下面是实现codeimportrequestsimportcsvfromurllib
  • JS中let和var变量区别 文件夹__iOS JavaScriiptjavascript前端开发语言
    概念作用域：var是函数作用域，let是块级作用域。提升：var会被提升并初始化为undefined，let也会提升，但在声明前访问会导致错误。重声明：var允许在同一作用域内重复声明，let不允许。循环中的行为：在for循环中，使用let会创建一个新的作用域，而var只会有一个作用域。因此，通常建议使用let来声明变量，以避免由于var的作用域和提升行为导致的潜在问题。1.var和let的作用域
  • 2025 年江苏省职业院校技能大赛“应用软件系统开发“赛项规程 qq_2924167571 java应用软件系统开发GZ031应用软件系统开发赛项职业院校技能大赛最新比赛资料
    2025年江苏省职业院校技能大赛"应用软件系统开发"赛项规程一、赛项名称赛项编号：JSG2025031赛项名称：应用软件系统开发赛项组别：高职学生组、高职教师组赛项归属赛道：电子与信息赛道二需要最新竞赛资料“应用软件系统开发”文章底部名片联系我二、竞赛目的党的二十大报告明确指出“要推动战略性新兴产业融合集群发展，构建新一代信息技术等一批新的增长引擎”，新一代信息技术产业对经济社会高质量发展的赋能作
  • JavaScript 浏览器对象实例 lsx202406 开发语言
    JavaScript浏览器对象实例引言JavaScript作为一种广泛应用于网页开发的脚本语言，提供了丰富的浏览器对象模型（BrowserObjectModel，简称BOM）。BOM使得JavaScript能够与浏览器环境进行交互，从而实现各种动态效果和交互功能。本文将详细介绍JavaScript中的浏览器对象实例，包括其概念、常用对象及其使用方法。一、浏览器对象模型概述浏览器对象模型是JavaS
  • 谈谈 TypeScript 中的模块系统，如何使用 ES Modules 和 CommonJS 模块？ 程序员黄同学 TypeScript前端开发JavaScripttypescriptubuntujavascript
    模块系统是TypeScript项目组织代码的核心机制，主要用于代码拆分、复用和依赖管理。TypeScript支持ESModules（ESM）和CommonJS两种主流模块系统，理解它们的差异和使用场景是前端开发中的必备技能。以下从基础语法、配置、互操作性到实战建议展开说明。一、ESModules（ESM）：标准化的模块系统1.基础语法ESM使用import/export语法，是ECMAScript
  • JavaScript执行机制 javascript
    大纲1、场景分析2、执行机制相关知识点3、以实例来说明JavaScript的执行机制4、相关概念场景分析/*以下这段代码的执行结果是什么？如果依照：js是按照语句出现的顺序执行这个理念，那么代码执行的结果应该是：//"定时器开始啦"//"马上执行for循环啦"//"执行then函数啦"//"代码执行结束"但结果并不是这样的，得到的结果是：//"马上执行for循环啦"//"代码执行结束"//"执行t
  • JavaScript 高频面试题 好运连连女士 JavaScriptjavascript
    文章目录JavaScript手写防抖和节流CommonJS和ES6模块的区别this指向问题，如何修改this指向引申1:模拟bind引申2：为什么多次绑定，只指向第一次绑定的obj对象?有没有解决办法？引申3:一般函数和箭头函数的区别数据类型有哪些引申1:如何判断数据类型new操作的原理引申1:什么是闭包？引申2:内存泄露和内存溢出引申3:作用域和作用域链？JS实现数组扁平化深拷贝与浅拷贝的区别
  • JavaScript相关面试题 努力的搬砖人. javascript
    以下是150道JavaScript相关面试题及详细答案：JavaScript基础1.JavaScript是什么？JavaScript是一种直译式脚本语言，主要用于网页开发，也可用于服务器端开发（如Node.js）。它是一种动态类型、弱类型、基于原型的语言，支持函数式编程和面向对象编程。2.JavaScript的基本数据类型有哪些？包括Undefined、Null、Boolean、Number、St
  • 原生JavaScript控制页面跳转的几种方式 thinkQuadratic javascript前端开发语言
    在开发一些简单的页面，不需要复杂的单页面应用（SPA）功能的时候。可以使用原生JavaScript的跳转即可满足需求。另外在处理一些需要直接与服务器进行交互的表单提交后跳转，或者在某些浏览器兼容性要求较高的场景下，原生JavaScript的跳转方式更加稳定可靠。正文开始这里本地创建两个html文件进行演示，index.html和home.htmlwindow.location.hrefindex页
  • python后端常见架构_常见的后端框架 weixin_39622178 python后端常见架构
    后端vs前端如果您是Web开发世界的新手，后端和前端开发之间的区别可能不那么明显，但是，了解两者之间的区别很重要。以下是前端开发人员与后端开发人员的一些区别。前端开发：前端开发人员在很大程度上负责用户所看到的内容(即网站页面)，前端开发人员主要使用HTML，CSS和JavaScript。他们的主要关注点是创建出色的用户体验，并确保网站设计和布局或Web应用程序始终具有凝聚力。后端开发：另一方面，后
  • 使用 CryptoJS 实现 AES 解密：动态数据解密示例 木觞清 javascript
    在现代加密应用中，AES（高级加密标准）是一种广泛使用的对称加密算法。它的安全性高、效率好，适合用于各种加密任务。今天，我们将通过一个实际的示例，展示如何使用CryptoJS实现AES解密，解密动态数据。CryptoJS是一个基于JavaScript的加密库，它支持AES、DES等多种常见的加密算法。本文将详细介绍如何使用CryptoJS解密AES加密的数据。1.引入CryptoJS库首先，确保你
  • 详细的讲一下Vite 在 Vue3 项目中最常用和最重要的配置项 asecretman! vue.jsjavascript前端
    Vite在Vue3中的配置详解基础配置结构首先让我们看一个基础的Vite配置文件结构：import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'exportdefaultdefineConfig({//配置项})详细配置项解析1.基础路径配置(base)exportdefaultdefine
  • 详细讲一下webpack中五个优化能力十分强大的插件（1-5） asecretman! webpack前端node.js
    1.TerserPlugin功能：用于压缩和优化JavaScript代码，支持ES6+语法。安装:npminstallterser-webpack-plugin--save-dev配置constTerserPlugin=require('terser-webpack-plugin');module.exports={mode:'production',//设置为生产模式，启用优化optimizat
  • 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其他