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)

  • CocoaPods错误：CDN: trunk URL couldn't be downloaded:......(Connection refused auspark cocoapod
    执行podsearch时候出错：$podsearchYYWebImage报错信息：CDN:trunkURLcouldn'tbedownloaded:https://raw.githubusercontent.com/CocoaPods/Specs/master/Specs/4/c/8/YYWebImage/1.0.3/YYWebImage.podspec.json,error:Failedtoop
  • W3C标准和ES规范之一文通 向贤 技术面试esweb
    W3C标准和ES规范之一文通以下是关于W3C标准和ES规范的透彻解析，通过结构化对比和生活化类比帮助理解和记忆：一、核心概念对比（总览）维度W3C标准ES规范（ECMAScript）定位Web技术的建筑蓝图JavaScript的语言宪法管辖范围HTML/CSS/DOM/WebAPI等网页技术标准JavaScript语言的语法与核心功能规范制定组织W3C（万维网联盟）ECMA国际组织更新节奏分模块迭
  • JQuery是什么 编程芝士 Java基础学习
    jQuery是什么概念：一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，
  • 什么是 jQuery ？ 卡卡西最近怎么样 30天拿下前端必经之路jQueryjqueryjavascript前端html5css3
    我们一定已经对jQuery有一定的印象吧，在我们学习原生JavaScript的过程中一定经常听到这个词，那究竟什么是jQuery呢？？？在开始告诉大家什么是jQuery之前呢，我们先讨论一下什么叫‘’JavaScript库‘’JavaScript库：JavaScript库是一个已经封装好了函数和方法的集合，例如我们在原生JS中做过的动画函数等等都属于JavaScript库的内容，或者我们可以理解为
  • GVM使用 大丈夫在世当日食一鲲 GVMdockerunix容器
    1.GVM是啥GraalVM是一种高性能的运行时，可显着提高应用程序的性能和效率，非常适合微服务。它设计用于以Java，JavaScript，基于LLVM的语言(例如C和C++)以及其他动态语言编写的应用程序。它消除了编程语言之间的隔离，并实现了共享运行时的互操作性。参考官方文档https://www.graalvm.org/docs/introduction/GraalVM既可以独立运行，也可以
  • vue混合app开发 使用fastclick插件 input输入框点击不灵敏问题 来吧，相约98 vue组件fastclickfastclickvue混合开发input输入框
    问题描述：vue混合app开发中使用了fastclick解决延迟问题，但是后面发现，点击input输入框时，很多时候无法弹出输入框。解决方案怀疑是没有触发focus事件，导致软键盘无法弹出，于是网上搜索了一下，果然有关于这种问题的说明，然后就根据网上的解决方案调整了一下，完美解决；步骤:1.找到fastclick插件中的fastclick.js文件。2.搜索：ctrl+f搜索FastClick.p
  • 什么是jQuery？jQuery有哪些优势？ 重庆千锋 web前端编程程序IT行业
    什么是jQueryjQuery是一款跨浏览器的开源JavaScript库，它的核心理念是writeless,domore(写得更少，做得更多)。通过对JavaScript代码的封装，使得DOM、事件处理、动画效果Ajax等功能的实现代码更加简洁，有效地提高程序开发效率。jQuery最初由JohnResig在2006年1月正式发布，吸引了众多来自世界各地的JavaScript高手的关注。与jQuer
  • React使用 - 常用生命周期函数、受控组件与非受控组件 此鱼非闲鱼也 Reactreactreact生命周期函数react受控组件与非受控组件
    React生命周期生命周期:就是指某个事物从开始到结束的各个阶段。React生命周期：在React.js中指的是组件从创建到销毁的过程，React.js在这个过程中的不同阶段调用的函数。作用：通过这些函数，我们可以更加精确的对组件进行控制。前面我们一直在使用的render函数其实就是组件生命周期渲染阶段执行的函数注意：React生命周期的新旧方法之间，不可以同时存在。否则报错生命周期函数详解常用生
  • 简述什么是jquery 一去不复返go jQueryjqueryjavascriptajax
    jQuery简介jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作，实现一些常用的方法，jQuery还可以链式操作。jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。1.Java
  • SpringBoot | 详解SpringBoot配置文件及其原理 荆州克莱 面试题汇总与解析技术css3springcloudspringbootspring
    一、配置文件springboot使用一个全局的配置文件，配置文件名是固定的，一般有两种写法：application.propertiesapplication.yml配置文件的作用：SpringBoot在底层都给我们自动配置了，而配置文件的作用就是修改SpringBoot自动配置的默认值。之前的配置文件，都是使用的xml文件格式，但是YAML也可以做配置文件，YAML是以数据为中心，比JSON、X
  • JavaScript 练习案例2 Enti7c javascript开发语言ecmascript
    六.数组反转利用for循环方法：letarr=['张三','李四','王五','赵六','孙七'];//新数组放反转的letnewArr=[];//声明i为arr数组的长度减一,由于数组的索引通常是从0开始的，//而arr.length-1恰好是数组arr最后一个元素的索引。//通过将这个值赋给变量i，可以方便地从数组的末尾开始，以递减的方式遍历数组for(leti=arr.length-1;i>
  • 《白帽子讲 Web 安全》之文件操作安全 予安灵 白帽子讲Web安全前端安全web安全网络攻击模型文件操作安全安全威胁分析系统安全
    目录引言（一）文件上传与下载漏洞概述1.文件上传的常见安全隐患1.1前端校验的脆弱性与服务端脚本执行危机在文件上传流程中，部分开发者可能会在前端使用JavaScript代码对文件后缀名进行简单校验，试图以此阻止非法文件上传。但这种做法存在严重缺陷，因为前端代码在用户浏览器端运行，攻击者可轻易通过浏览器开发者工具或其他手段修改前端代码，绕过此类校验。1.2基于Content-Type判断文件类型的不
  • Rust和Springboot 开发开发一款家庭菜谱日日新App Geeker-2025 rustspringboot
    开发一款家庭菜谱日日新App，结合Rust和SpringBoot的优势，可以构建一个高性能、可扩展且功能丰富的应用。以下是一个高层次的设计概述，涵盖主要的技术栈和功能模块，并提供使用Rust和SpringBoot联合开发的示例。##技术栈概述###前端-**语言**：JavaScript（ReactNative或Flutter，用于跨平台移动应用开发）-**功能**：用户界面、交互逻辑、菜谱展示、
  • Html常用代码 坐吃山猪 前端Html
    Html常用代码文章目录Html常用代码1-常用的Html代码1-Html模板2-快速部署Live-Server1-Windows系统步骤1：安装Node.js步骤2：安装`live-server`步骤3：使用`live-server`运行本地项目2-Mac系统步骤1：安装Node.js步骤2：安装`live-server`步骤3：使用`live-server`运行本地项目注意事项1-常用的Htm
  • 【网络安全】敏感字段扫描工具（可用于漏洞挖掘、代码审计） 秋说 网安渗透工具使用教程(全)web安全python
    原创文章，禁止转载。读者可对脚本进行二次创作，以适配个人需求。文章目录ScanSensitiveInfo.py效果图ScanSensitiveInfo.py该脚本用于扫描敏感字段、代码中可能引入的第三方JS链接/服务以及可能涉及信息泄露的请求方法。1、脚本采用单线程处理，避免多线程导致的混行问题。2、为避免硬编码或其他潜在问题，脚本会对指定目录下的所有文件进行全量扫描。3、用法：pythonSca
  • JSONDecodeError报错 九月 Pythonpythondjango
    json.decoder.JSONDecodeError:Expectingvalue:line1column26(char25)原因：json格式转换错误，不是标准的json格式注意：（1）加大括号的表示对象，对象必须由属性组成，属性由键值对组成（2）json中属性值要使用双引号（3）json中属性值如果为逻辑值、空值，必须小写，false、true、null①json中true，python中
  • 【前端】系统 南瓜啊 前端
    App.vuemain.js//import'./assets/main.css'import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'importrouterfrom'./router'importdirectivesfrom"@/directives";constapp=createApp
  • Github 仓库 git clone 速度过慢解决方案 事业运财运爆棚 github
    很多时候想从GitHub上clone一个仓库，都会遇到速度慢的问题，而且经常连接失败，这里给出有效解决方案。一、背景应该是很多小伙伴碰到过的问题：想从GitHub上面clone项目，很多情况下会慢的离谱，等待好久后报错：代码语言：javascript代码运行次数：0复制CloudStudio代码运行fatal:earlyEOFfatal:theremoteendhungupunexpectedly
  • 网络安全：攻击和防御练习（全战课）, DDos压力测试 网安-轩逸 web安全ddosokhttp
    XSS跨站脚本攻击：Cross-sitescripting（简称xss）跨站脚本。一种网站的安全漏洞的攻击，代码注入攻击的一种。XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。
  • 初识React,基础(1), 安装react,jsx文件,类组件和函数组件,css样式 ybilss reactreact.js前端前端框架
    第一部分:初识reactreact:用于构建用户界面的JavaScript库全局安装,win+r,命令:npminstallcreate-react-app-g3.创建一个react应用,这里我在vscode里面创建,创建之后,运行create-react-appmy-appcdmy-appnpmstart第二部分:redact组件定义以及使用react中组件分为两种:类组件和函数组件,一般使用是
  • Nestjs中怎么自动对应mysql结构的dto和entity? 人工智能
    在NestJS中，自动将MySQL数据库的结构映射到DTO（数据传输对象）和Entity（实体类）通常是通过TypeORM（或Sequelize等ORM库）来实现的。你可以通过TypeORM的装饰器来自动映射数据库表结构到实体类，并使用DTO来定义数据交换的格式。下面是如何使用TypeORM自动对应MySQL数据库结构的DTO和Entity的基本步骤。1.安装依赖首先，确保你已经安装了以下依赖：n
  • Nestjs中怎么自动对应mysql结构的dto和enti 人工智能
    在NestJS中，自动将MySQL数据库的结构映射到DTO（数据传输对象）和Entity（实体类）通常是通过TypeORM（或Sequelize等ORM库）来实现的。你可以通过TypeORM的装饰器来自动映射数据库表结构到实体类，并使用DTO来定义数据交换的格式。下面是如何使用TypeORM自动对应MySQL数据库结构的DTO和Entity的基本步骤。1.安装依赖首先，确保你已经安装了以下依赖：n
  • 如何在React.js中使用Shadcn/UI
    如何在React.js中使用Shadcn/UI学习如何在React.js中使用Shadcn/UI构建可自定义且轻量的界面。了解如何将其与Apipost集成，以实现高效的API管理和测试。非常适合希望提升React.js项目的开发者！使用Shadcn/UI构建现代化界面创建简洁的用户界面是前端开发者的主要目标之一。随着组件库的兴起，这一任务变得更加简化。今天，我们将深入探讨Shadcn/UI，这是一
  • pm2 logs日志中出现错误的检查方法 人工智能
    从你提供的日志来看，NestJS框架成功地映射了几个路由，如/api/models/setModel、/api/models/delModel等，说明你的应用启动过程中没有错误。看起来你遇到的问题可能和应用的稳定性或资源限制有关，之前出现的重启循环问题可能已经得到解决。不过，如果应用还是不稳定，可能需要进一步排查以下几个方面：1.检查其他错误日志：在pm2logs或者NestJS的日志中，查看是否
  • android bp构建编译C++代码 令狐掌门 Android开发笔记androidc++androidbp
    AndroidBP编译方式介绍在Android构建系统中，Blueprint（简称BP）是一种基于JSON的构建配置文件格式，代替了传统的Android.mk文件。Blueprint文件的主要扩展名是.bp，它是Android的Soong构建系统所使用的配置文件格式。Blueprint文件的作用是定义如何编译、链接和打包项目中的组件，例如库（静态库、动态库）、可执行文件、AIDL文件、资源等。BP
  • 前端开发--node.js 前端_学习之路 nodejsnode.js
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它使得JavaScript能够在服务器端运行，极大地扩展了JavaScript的应用范围。以下是关于Node.js的详细介绍：特点事件驱动：Node.js基于事件驱动架构，使用事件循环来处理并发操作。这意味着它可以高效地处理大量并发请求，而无需为每个请求创建新的线程，从而提高了性能和响应速度。非阻塞I/O：Node.js
  • Vue F05 -- 伪类元素 Toreme Vuevue.jsjavascript前端
    CSSQuery不能通过$("：before")、$(dom).find(":before")、document.querySelector(“:before”)来获取:before为元素伪元素（Pseudo-elements）为什么不能直接用JS获取伪元素呢？::before::after，用于在CSS渲染中向元素是的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添
  • ssm128电脑配件销售系统的设计与实现+jsp(文档+源码)_kaic 开心工作室 计算机文章毕业设计java开发语言
    摘要随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于电脑配件销售系统当然也不能排除在外，随着网络技术的不断成熟，带动了电脑配件销售系统，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对电脑配件销售系统而言非常有利。本系统采用的数据库是Mys
  • JSP + Servlet 实现 AJAX（纯JS版） xiaoyustudiowww javascriptjavaservlet
    ==============java文件，包名org.rain.servletpackageorg.rain.servlet;importjava.io.IOException;importjava.io.PrintWriter;importjava.util.ArrayList;importjava.util.List;importjavax.servlet.ServletConfig;impo
  • Selenium笔记（6）等待 空山老师 爬虫
    Selenium笔记（6）等待1.简介在selenium操作浏览器的过程中，每一次请求url，selenium都会等待页面加载完毕以后，才会将操作权限再次交给我们的程序。但是，由于ajax和各种JS代码的异步加载问题，所以我们在使用selenium的时候常常会遇到操作的元素还没有加载出来，就会引发报错。为了解决这个问题，Selenium提供了几种等待的方法，让我们可以等待元素加载完毕后，再进行操作
  • 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其他