bmw601055
bmw601055

animate.css的使用

前面的话

　　animate.css是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。本文将详细介绍animate.css的使用

 

引入

　　animate.css的最新版本是3.5.2，引入animate.css很容易，有以下几种方法

　　1、从官网下载

　　https://raw.github.com/daneden/animate.css/master/animate.css

　　2、通过npm安装

$ npm install animate.css

　　3、使用在线cdn

https://unpkg.com/[email protected]/animate.min.css

 

效果演示

　　animate.css的使用非常简单，因为它是把不同的动画绑定到了不同的类里，所以想要使用哪种动画，只需要把通用类animated和相应的类添加到元素上就行了

　　下面来详细介绍animate.css里面的类，主要包括Attention(晃动效果)、bounce(弹性缓冲效果)、fade(透明度变化效果)、flip(翻转效果)、rotate(旋转效果)、slide(滑动效果)、zoom(变焦效果)、special(特殊效果)这8类

【Attention(晃动效果)】

bounce
flash
pulse
rubberBand
shake
headShake
swing
tada
wobble
jello

　　以在div上使用bounce为例

<div class="animated bounce">div>

【bounce(弹性缓冲效果)】

bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp

【fade(透明度变化效果)】

fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig

【flip(翻转效果)】

flip
flipInX
flipInY
flipOutX
flipOutY

【rotate(旋转效果)】 

rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight

【slide(滑动效果)】 

slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp

【zoom(变焦效果)】

zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp

【special(特殊效果)】 

hinge
rollIn
rollOut
lightSpeedIn
lightSpeedOut

 

实际应用

　　在一般的使用中，直接在元素上添加animated和对应的类名即可

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/animate.min.css">
<style>
.box{height: 100px;width: 100px;background-color: lightblue}
style>
head>
<body>
<div class="box animated flash">div>
body>
html>
animate.css的使用_第1张图片

　　通过给JS添加或删除class，可以实现动态效果

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/animate.min.css">
<style>
.box{height: 100px;width: 100px;background-color: lightblue}
style>
head>
<body>
<button id="btn1">添加button>
<button id="btn2">移除button>
<div id="box" class="box">div>
<script>
var oBtn1 = document.getElementById('btn1');
var oBtn2 = document.getElementById('btn2');
var oBox = document.getElementById('box');
oBtn1.onclick = function(){
  oBox.classList.add('animated');
  oBox.classList.add('flash');
}
oBtn2.onclick = function(){
  oBox.classList.remove('flash');
}
script>
body>
html>

　　至于动画的配置参数，比如动画持续时间，动画的执行次数等等，可以在元素上自行定义，覆盖掉animate.css里面所定义的就行了 

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/animate.min.css">
<style>
.box{height: 100px;width: 100px;background-color: lightblue}
.infinite{animation-iteration-count:infinite;}
style>
head>
<body>
<button id="btn1">添加循环的动画效果button>
<button id="btn2">移除button>
<div id="box" class="box">div>
<script>
var oBtn1 = document.getElementById('btn1');
var oBtn2 = document.getElementById('btn2');
var oBox = document.getElementById('box');
oBtn1.onclick = function(){
  oBox.classList.add('animated');
  oBox.classList.add('flash');
  oBox.classList.add('infinite');
}
oBtn2.onclick = function(){
  oBox.classList.remove('flash');
}
script>
body>
html>

 

你可能感兴趣的:(animate.css的使用)

  • Elasticsearch（ES）基础查询语法的使用 m0_74825108 面试学习路线阿里巴巴elasticsearchdjangopython
    1.MatchQuery(全文检索查询)用于执行全文检索，适合搜索文本字段。{“query”:{“match”:{“field”:“value”}}}match_phrase：精确匹配短语，适合用于短语搜索。{“query”:{“match_phrase”:{“field”:“text”}}}2.TermQuery(精确匹配查询)用于对某个字段的精确值进行查询，常用于不分词的字段（如ID、标签、关
  • C/C++中strtok函数的使用。 ️○- c语言c++
    网上的很多关于strtok的说明感觉都不是太对，以下是我结合网上的资料以及自己实际测试后的结果，略带推测出来的strtok的用法。头文件：函数strtok在中。strtok函数原理与使用方法：第一次调用：strtok(char*s,char*delim)，其中字符串delim是分隔识别符，在s中寻找首次出现在delim中的字符，把该字符替换为\0。如果找不到，不对原字符串进行改变。第二次调用：把第
  • java实现表的变更记录 sighting_info java数据库开发语言
    1基本思路数据库中某张表新增、修改、删除时，数据发生了变更，我们需要实现通用的变更记录，与业务代码解耦基于注解+SpEL表达式，实现采集变更前后的数据学习后，你将解锁SpEL表达式的使用2具体实现2.1定义注解@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.FIELD)public@interfaceLogField{/***字段展示名
  • HTTP协议中Options请求的使用场景 阿湯哥 http网络协议网络
    在HTTP协议中，OPTIONS请求方法主要用于以下两种典型场景：1.CORS预检请求（PreflightRequest）当浏览器发起跨域请求（不同源）且请求满足某些条件时，浏览器会自动先发送一个OPTIONS请求（称为预检请求），以确认服务器是否允许实际请求。触发条件（满足任意一条即触发预检）：使用非简单请求方法（如PUT,DELETE,PATCH等，简单方法仅限GET,HEAD,POST）。请
  • getchar（）的使用和妙用 苦学编程的谢 c语言笔记经验分享
    getchar是c语言的一个读取函数，与scanf不同，它只能用于读取一个字符，而scanf却可以读取整数、小数、字符、字符串等。下面我们通过一串代码来认识一下它#define_CRT_SECURE_NO_WARNINGS#includeintmain(){inta=30;intb=40;intch=getchar();switch(ch){case'*':printf("%d",a*b);bre
  • Qt中定时器TimerID的小总结 wangtaohappy QtQt编程
    Qt中定时器的使用方法1，如果就用一两个定时器，可以直接使用关联槽函数。相关教程中例如：（1）在mainwindow.h中添加槽函数声明。privateslots:voidtimerUpDate();（2）在mainwindow.cpp中添加代码。添加#include的头文件包含，这样就包含了QtCore下的所有文件。构造函数里添加代码：QTimer*timer=newQTimer(this);/
  • 71、Go语言全局初始化利器：sync.Once的深度解析与应用 多多的编程笔记 Go语言开发golang开发语言后端
    Go语言开发：sync.Once的使用，实现全局唯一初始化本文将介绍Go语言中sync.Once的使用，以及如何利用它实现全局唯一的初始化。通过阅读本文，您将了解sync.Once的基本概念、应用场景以及一些实用的技巧和案例。1.sync.Once简介在Go语言中，sync.Once是一个同步原语，用于确保某个函数仅被执行一次。这对于初始化操作特别有用，例如全局变量的初始化，因为它们需要在程序启动
  • 协程的基本实现原理详解以及在java中的使用 一个儒雅随和的男子 多线程java开发语言
    前言接下来是Java中的协程实现。JDK17引入了虚拟线程（Fiber），属于用户态线程，由JVM管理。本文将深度讨论了第三方库如Quasar，Quasar通过字节码增强实现协程，使用Fiber类。并涉及到Kilim等库也是通过字节码生成实现的，以及Kotlin协程的代码示例，通过suspend函数和CoroutineScope管理。详细讲解了NtyCo库的实现，包括上下文切换和调度器。需要注意，
  • 【C++】内存管理，RALL原则和智能指针 菊花古剑_ C++基础c++开发语言
    1C++资源管理C++资源管理是确保程序运行效率和稳定性的关键。资源管理涉及变量、参数的存储和生命周期控制，以及动态内存的分配和释放。C++通过一套内存管理机制来实现资源的有效分配和管理。1.1内存管理为适用不同场景，C++提供了多种内存管理方式，以适用不同的使用场景。1.1.1内存分区栈：自动分配和释放，存储静态局部变量、函数参数、返回值等，栈向下增长；堆：手动分配和释放，用于程序运行时动态内存
  • C++基础语法2 卫青~护驾！ c++算法数据结构改行学it知识图谱开发语言学习
    变量与数据类型上次的分享中我们也使用到了变量但没有进行正式的介绍。今天我们来说一下变量。变量是编程中最基础的概念之一，理解变量的使用和数据类型的选择是编写高效程序的关键。我们将通过生动的比喻和实际的代码示例，帮助大家掌握这些知识点。1.变量的概念变量类似于我们日常生活中的箱子。我们需要装入不同的物品，就会选择不同尺寸、不同规格的箱子。在C++中，变量就是用来存储数据的“箱子”，而数据类型决定了这个
  • FreeSWITCH 作为信令 B2BUA 时处理 G.729 的场景 狂爱代码的码农 VOIP那些事freeswitch
    分析：FreeSWITCH作为信令B2BUA时处理G.729的场景当FreeSWITCH作为纯信令B2BUA（不处理媒体流）时，G.729编解码器的使用是否会导致错误取决于以下关键因素：1.核心逻辑与结果场景FreeSWITCH行为G.729是否可用潜在问题纯信令透传（媒体绕过）FreeSWITCH仅转发SDP信息，不修改编解码器列表，不参与媒体处理。是（终端间直接协商）无（只要终端支持G.729
  • unordered_set和unordered_map的使用 轩源源 开发语言c++数据结构哈希算法unordered_setunordered_map算法
    Hello，今天我来为大家介绍一下前几年才刚刚新出的两个容器——unordered_map和unordered_set，这两个容器属于是map系列和set系列中的一种，和map/set不同的是它们的底层，map/set的底层是红黑树，而unordered_map/unordered_set这两个容器的底层则是哈希表，就查找效率而言，unordered_map/unordered_set要更胜一筹。
  • system运行进程以及应用场景 嵌入式园姐 linuxsystem函数linux进程
    使用system函数运行进程的场景通常是在程序中需要执行外部命令或脚本时。system是C/C++标准库中的一个函数，用于调用操作系统的命令行解释器（如/bin/sh或cmd.exe）来执行指定的命令。以下是常见的使用场景：1.执行简单的系统命令场景：在程序中执行操作系统命令。举例：system("ls-l");//在Linux下列出当前目录的文件system("dir");//在Windows下
  • SpringMVC的前后端传参 & RESTFUL 风不贪 SpringMVCspringmvcjava
    参考：狂神说SpringMVC02：第一个MVC程序请求报错RequiredStringparameter‘id’isnotpresent@RequestBody的使用0.RESTFUL使用规范传统的url：GET:/user/findById?id=21，这种写法可行，但是太过繁琐。RESTFUL原则：定义:GET查询；POST添加；PUT全字段更新；PATCH部分字段更新；DELETE删除使用
  • 【Gin-Web】Bluebell社区项目梳理6：限流策略-漏桶与令牌桶 Golinie Golangginweb令牌桶算法限流策略
    本文目录一、限流二、漏桶三、令牌桶算法四、Gin框架中实现令牌桶限流一、限流限流又称为流量控制，也就是流控，通常是指限制到达系统的并发请求数。限流虽然会影响部分用户的使用体验，但是能一定程度上保证系统的稳定性，不至于崩溃。常见的各种厂商的公开API服务通常也会限制用户的请求次数，比如百度地图的API来限制请求数等。二、漏桶漏桶是一种比较常见的限流策略。一句话来概括漏洞的核心就是：数据以任意速率进入
  • Ascend Extension for PyTorch是个what？ 机器学习人工智能深度学习
    1AscendExtensionforPyTorchAscendExtensionforPyTorch插件是基于昇腾的深度学习适配框架，使昇腾NPU可以支持PyTorch框架，为PyTorch框架的使用者提供昇腾AI处理器的超强算力。项目源码地址请参见Ascend/Pytorch。昇腾为基于昇腾处理器和软件的行业应用及服务提供全栈AI计算基础设施。您可以通过访问昇腾社区，了解关于昇腾的更多信息。2
  • leecode：LRU算法 讨吃的讨吃了 算法golangLRU
    一、LRU算法介绍LRU（LeastRecentlyUsed）算法是一种常见的页面置换算法，主要用于缓存淘汰策略。其核心思想是基于时间局部性原理：如果数据最近被访问过，那么将来被访问的概率也会更高。因此，LRU算法会优先淘汰最近最少使用的数据。二、mysql和redis中的使用ySQL和Redis都采用了LRU算法来管理内存中的缓存数据，以提高性能并防止内存溢出。下面是它们如何使用LRU算法的：M
  • Qt中QRadioButton的使用 水瓶丫头站住 Qtqt开发语言
    QRadioButton是Qt框架中的一个控件，用于创建单选按钮。单选按钮通常用于让用户从一组互斥的选项中选择一个选项。以下是如何在C++中使用QRadioButton的基本示例。1.包含必要的头文件首先，确保包含QRadioButton和其他必要的Qt头文件。#include#include#include#include#include2.创建主窗口类创建一个继承自QWidget的主窗口类，并
  • 技术革新引领未来发展趋势 jiemidashi 经验分享
    新能源汽车的自动驾驶技术正在快速发展。现在，许多大公司都在研究这个领域。比如，特斯拉、百度等都推出了自己的自动驾驶系统。这些系统让开车变得更安全、更方便。不过，这项技术也面临着一些挑战。首先，技术还不完全成熟。有时候，自动驾驶汽车可能会出现故障。其次，法律和政策也还没跟上技术发展的步伐。很多国家和地区还没有明确的法规来规范自动驾驶汽车的使用。尽管如此，新能源汽车的自动驾驶技术仍然有很大的潜力。它能
  • 大模型学习完整路径（一站式汇总），从零基础到精通！新手友好级指南 Python程序员罗宾 学习语言模型知识图谱人工智能数据库java
    如果读者朋友不想深入学习大模型，则了解提示词的使用原则也可以了。要是既不想深入学习，又要做大模型相关的项目，则对于工程同学来说，学习RAG也能把大模型玩转起来。前排提示，文末有大模型AGI-CSDN独家资料包哦！先来一张整体结构图，越是下面部分，越是基础：可以按以下步骤学习：1.理解基础概念需要了解深度学习的基本原理和常见术语，如神经网络、梯度下降、反向传播、监督学习、无监督学习、分类、回归、聚类
  • 性能测试的方案设计 此方konata 压力测试
    1.测试目标响应时间：确保系统在各种负载下的响应时间在可接受的范围内。吞吐量：验证系统在高负载下的处理能力。资源利用率：评估CPU、内存、磁盘I/O和网络带宽等资源的使用情况。稳定性：确保系统在长时间运行和高负载下能够稳定工作。可扩展性：验证系统在增加资源或负载时是否能够保持良好的性能。2.测试范围功能模块：确定需要进行性能测试的功能模块。用户角色：定义需要测试的不同用户角色及其操作。数据量：确定
  • 基于Python开发的使用多个单视图特征融合的基于图卷积网络（GCN）的肺结节检测系统的示例 go5463158465 python深度学习算法python迁移学习开发语言
    以下是一个基于Python开发的使用多个单视图特征融合的基于图卷积网络（GCN）的肺结节检测系统的示例。我们将使用PyTorch和torch_geometric库来实现图卷积网络，并模拟数据进行演示。步骤概述数据准备：模拟生成多个单视图的肺结节特征数据，并构建图数据。特征融合：将多个单视图特征进行融合。图卷积网络构建：构建一个简单的图卷积网络模型。模型训练：使用训练数据对模型进行训练。模型评估：使
  • DeepSeek怎么用？一站式带你了解 AI学无止境 人工智能ai云计算
    DeepSeek作为国内首个国产AI大模型，并且做到了全部开源化，免费供我们使用，那么究竟该怎么玩转DeepSeek呢，今天就来教大家如何把DeepSeek运用到生活中去。一、使用途径DeepSeek，作为一款备受瞩目的开源大模型，为用户提供了多元且便捷的使用途径。1、官网注册最简单也是最常用的方式——直奔“家门”。只需进入官网(https://www.deepseek.com)，注册登录后，即可
  • 代理IP怎么助力电商行业？对电商行业提供了哪些帮助？ 动态代理ip地址
    代理IP在电商行业中扮演着重要的角色，它通过多种方式为电商业务提供了有力支持。首先，我们来了解一下代理IP的基本概念和原理。代理IP是一种网络服务，它允许用户通过一个或多个代理服务器来访问互联网资源。电商行业作为一个高度依赖互联网的行业，代理IP的使用对其来说尤为重要。代理IP在电商行业中的主要作用有以下几个方面：一、保护数据安全在电商业务中，用户的个人信息和交易数据是非常敏感且重要的。通过使用代
  • 汇编的使用总结 ￥ 多多￥ 汇编
    一、汇编的组成1、汇编指令（指令集）数据处理指令:数据搬移指令数据移位指令位运算指令算术运算指令比较指令跳转指令内存读写指令状态寄存器传送指令异常产生指令等2、伪指令不是汇编指令，但是可以起到指令的作用，伪指令也会占用一定内存空间3、伪操作不占用指令内存，能够在程序编译过程中起到编译引导作用的内容4、注释二、汇编指令2.1基本格式{}{s},,注释：opcode：指令的功能码，用来表示当前指令的作
  • 深入理解与优化 Java JVM 一叶飘零_sweeeet jvm内存空间果酱紫javajavajvm
    一、引言在Java开发中，Java虚拟机（JVM）起着至关重要的作用。它负责将Java字节码转换为机器码并执行，同时管理着内存分配、垃圾回收等关键任务。理解和优化JVM对于提高Java应用程序的性能、稳定性和可扩展性至关重要。本文将深入探讨JavaJVM的各个方面，包括其结构、内存管理、垃圾回收机制以及性能优化策略，并通过详细的示例帮助读者更好地掌握JVM的使用和优化方法。二、JVM的结构与组成（
  • 汽车电机控制新研究点大公开，抢占技术先机 物联高科 单片机网络服务器嵌入式硬件运维
    近年来，随着新能源汽车环境保护和节能减排的愈加受到重视，汽车电机控制技术的研究和应用逐渐成为一个热门的研究领域。电机控制技术不仅关乎汽车的动力性能，还直接影响到能源的使用效率和车辆的安全性。一、电机控制的重要性电动汽车（EV）和混合动力汽车（HEV）作为未来发展的重要方向，其核心技术之一便是电机控制系统。电机控制系统的主要任务是确保车辆在不同工况下能够顺畅运行，并提供理想的动力响应和能量利用效率。
  • Linux mail命令使用方法 树无影 linuxuser邮件服务器文本编辑平台工作
    本文主要Linuxmail命令使用方法，并通过一些简单的应用来解释linuxmail命令的使用，linuxmail不仅只是一个指令，mail还是一个电子邮件程序，不过利用mail来读信的人应该很少吧！对于系统管理者来说mail就很有用，因为管理者可以用mail写成script，定期寄一些备忘录提醒系统的使用者。linuxmail命令参数：i忽略tty的中断讯号。(interrupt)I强迫设成互动
  • Deepseek搭配神器Chatbox 2501_90713682 人工智能微信
    Chatbox的使用方法主要包括以下几个步骤：一、安装与配置系统要求：Node.js：版本14.x或更高。npm：Node.js的包管理器，通常随Node.js一起安装。Git：用于克隆项目仓库。安装步骤：克隆项目仓库：打开终端，运行命令gitclonehttps://github.com/Bin-Huang/chatbox.git来克隆Chatbox项目仓库。安装依赖：进入项目目录cdchatb
  • Transformer 在RxJava中的使用 xiaopangcame rxjavarxjava
    Transformer用途Transformer，顾名思义是转换器的意思。早在RxJava1.x版本就有了Observable.Transformer、Single.Transformer和Completable.Transformer，在2.x版本中变成了ObservableTransformer、SingleTransformer、CompletableTransformer、Flowable
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他