嘆世殘者——華帥
嘆世殘者——華帥

Velocity.js初识

Velocity.js官网：http://julian.com/research/velocity/

兼容IE8和Android2.3

 

Velocity.js基本用法

效果图：

Velocity.js初识_第1张图片

CSS

.box{
    width:100px;
    height:100px;
    background-color:pink;      
}

　

JS

(function($){
    $('#div1').velocity({
        width: '300px',
        height: '300px'
    },{
        duration:3000　　//动画的时长
    });
})(jQuery);

 

　　

 

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf8 />
        <title>velocity基本用法</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/velocity.min.js"></script>
        <script type="text/javascript" src="js/velocity.ui.min.js"></script>
        
    </head>
    <body>
        <div id="div1" class="box"></div>
        <script type="text/javascript" src="js/script1.js"></script>
    </body>
</html>

　

　

制作动画序列的三种方法

效果图：

CSS

.box{
    width:100px;
    height:100px;
    background-color:pink;      
}

　　

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf8 />
        <title>制作序列动画</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/velocity.min.js"></script>
        <script type="text/javascript" src="js/velocity.ui.min.js"></script>
        
    </head>
    <body>
        <div id="div1" class="box"></div>
        <div id="div2" class="box"></div>
        <script type="text/javascript" src="js/script1.js"></script>
    </body>
</html>

　　

JS

方法一：

(function($){
   $('#div1').velocity({
        width: '300px'
    },{
        duration:3000
    });
    $('#div2').velocity({
         width: '300px'
    },{
         duration:3000,
         delay:3000　　　　//动画的延迟时间
    });
    $('#div3').velocity({
         width: '300px'
    },{
         duration:3000,
         delay:6000
    });
})(jQuery);

　　

方法二：

 

(function($){
   $('#div1').velocity({
     width:'300px'
    },{
     duration:3000,
     complete:function(){
         $('#div2').velocity({
             width:'300px'
         },{
             duration:3000,
             complete:function(){
                 $('#div3').velocity({
                     width:'300px'
                 },{
                     duration:3000
                 });
             }
         });
     }
    });
})(jQuery);

 

 

方法三：

(function($){
   var seq = [
   {
    elements:$('#div1'),
    properties:{width:'300px'},
    options:{duration:3000}
   },
   {
    elements:$('#div2'),
    properties:{width:'300px'},
    options:{duration:3000}
   },
   {
    elements:$('#div3'),
    properties:{width:'300px'},
    options:{duration:3000}
   }
   ];
   $.Velocity.RunSequence(seq);
})(jQuery);

 

 

效果图：

Velocity.js初识_第2张图片

 

预定义动画

(function($){
    $('#div1').on('mouseover',function(){
        $(this).velocity('callout.shake');
    });
})(jQuery);

//callout.shake:Velocity预定义动画

更多预定义方法：http://julian.com/research/velocity/

Velocity.js初识_第3张图片

 

 

效果图：

 

自定义动画

(function($){
    $.Velocity.RegisterUI('HS.pulse',{ //用RegisterUI这个函数定义一个动画(也可用RegisterEffect来定义，效果一样)
        defaultDuration:3000,     //动画时间
        calls:[
            [{scaleX:1.5},0.5], //scaleX：动画在X轴的比例变化
            [{scaleX:1.0},0.5]  //0.5是动画时间所占用的百分比
        ]
    });
    $('#div2').on('mouseover',function(){
        $(this).velocity('HS.pulse');
    });
})(jQuery);

 

你可能感兴趣的:(Velocity.js初识)

  • 01-Git初识 Meereen Gitgit
    01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name
  • Python编程 - 初识面向对象 易辰君 Python核心编程python开发语言
    目录前言一、面向对象二、类和对象（一）类简介定义类（二）对象简介创建对象（三）总结三、实例属性和实例方法（一）实例属性创建的基本语法使用示例（二）实例方法定义实例方法的基本语法调用示例方法的示例（三）总结四、类中的self（一）基本概念（二）作用访问实例属性调用其他实例方法在构造函数中初始化对象（三）总结五、__init__方法（一）__init__方法的特点（二）基本语法（三）示例（四）总结前言
  • 人物素描 金丝草
    某男子，矮小猥琐，虽头脑灵活，但心胸极其狭窄，睚眦必报。初识此人，笑脸相迎，温语款款，让人心生亲近之情。久之，狐狸尾巴渐露，很是喜欢挑生是非，欺软怕硬，阴谋诡计，层出不穷。但外表依然装出一副正人君子，似乎他就是真理。天生此人，也算机缘，只是天道公正，奸邪污秽之人，必夺其福，机关算尽，也不过得其一二，于是乎，此人愈发干瘦命薄，日益佝偻，大有肺痨之嫌。唉，早知如此，何必当初。
  • 初识HTTP（1） S1mple_easy 计算机网络学习笔记http
    HTTP基本概念HTTP是超⽂本传输协议，也就是HyperTextTransferProtocol超文本传输协议：HTTP是一个在计算机世界⾥专⻔在两点之间传输⽂字、图⽚、⾳频、视频等超⽂本数据的约定和规范。HTTP常见的状态码具体含义常见状态码1xx提示信息，表示目前是协议处理状态，还需后续操作2xx成功，报文已经收到并被正确处理200/204/2063xx重定向，资源位置发生变动，需要客户端重
  • 初识DISC 父母大脑课堂徐徐
    DISC这个理论是一种“人类行为语言”，其基础为美国心理学家威廉·莫尔顿·马斯顿博士（Dr.WilliamMoultonMarston）在1928年出版的著作《EmotionsofNormalPeople》（常人的情绪）。DISC研究的是由内而外的人类正常的情绪反应。其之后的学者进一步将这个理论发展为测评，也就是大家所熟知的DISC测评。DiSC个性测验主要从以下四个主维度特质对个体进行描绘：支配
  • 9.15初识指针 西科Monesy c语言开发语言
    初识指针什么是指针？指针是一种数据类型，它存储了变量的内存地址。通过指针，程序可以直接访问和操作内存中的数据，而不是通过变量的名称。这使得C语言在内存管理和性能优化方面具有很大的灵活性。内存是什么？内存是电脑上的存储器，计算机中程序的运行都是在内存中进行的。程序中如果有数据需要存储也会申请内存空间。为了有效的使用内存，就把内存划分成一个小小的内存单元，每个内存单元的大小是一个字节。为了能够有效的访
  • 商业预测 初识R hongyanwin r语言预测
    1.打开帮助文档首页，查阅其中的“IntroductiontoR”helpRhelp2.安装vcd包install.packages("vcd")3.列出此包中可用的函数和数据集ls("package:vcd")/data(package="vcd")4.载入包并阅读数据集Arthritis的描述library("v.d")/?Arthritis5.显示数据集Arthritis的内容查看数据集结构
  • python编程一个最简单游戏,python最简单的游戏代码 gpt886 pygamepython开发语言人工智能
    大家好，小编为大家解答python编程一个最简单游戏代码的问题。很多人还不知道python编程一个最简单游戏，现在让我们一起来看看吧！前言初识pygame：pie游戏pygame游戏库使得如下功能成为可能：绘制图形、获取用户输入、执行动画以及使用定时器让游戏按照稳定的帧速率运行。使用pygame库；以一定字体打印文本；使用循环来重复动作；绘制圆、矩形、线条和户型；创建pie游戏；【----帮助Py
  • 初识《老子》第57章 孤鸿学士
    第五十七章九十二言【文】傅奕《道德经古本篇》第五十七章以政治国，以奇用兵，以无事取天下。吾奚以知天下其然哉，以此。夫天下多忌讳，而民弥。民多利器，国家滋昏。民多知慧，而袤事滋起。法令滋章，盗贼多有。故圣人云：我无为，而民自化。我好靖，而民自正。我无事，而民自富。我无欲，而民自朴。帛书《老子》甲本复原第20章以正之邦，以畸用兵，以无事取天下。吾何以知其然也哉？夫天下多忌讳，而民弥贫；民多利器，而邦家
  • 【iOS】GCD详解 cheng_lin0201 OCiOSiosobjective-c
    初识GCD深入理解GrandCentralDispatch(GCD)：iOS多线程编程的利器前言1.GCD简介1.1什么是GCD？1.2为什么使用GCD？2.GCD的核心概念2.1任务与队列2.2串行队列与并发队列3.GCD的API3.1DispatchQueue3.2dispatch_queue_create3.3MainDispatchQueue&GlobalDispatchQueue3.4d
  • 【C++】——初识模版 我爱吃福鼎肉片 c++算法c语言
    文章目录前言函数模版函数模版的原理函数模版的实例化类模版类模版的实例化前言当我们使用一个通用的函数：//为每一个类型都编写一个重载版本voidSwap(int&left,int&right){inttemp=left;left=right;right=temp;}voidSwap(double&left,double&right){doubletemp=left;left=right;right=
  • 【面试系列】Spark 高频面试题解答 野老杂谈 全网最全IT公司面试宝典面试spark职场和发展大数据
    欢迎来到我的博客，很高兴能够在这里和您见面！欢迎订阅相关专栏：⭐️全网最全IT互联网公司面试宝典：收集整理全网各大IT互联网公司技术、项目、HR面试真题.⭐️AIGC时代的创新与未来：详细讲解AIGC的概念、核心技术、应用领域等内容。⭐️大数据平台建设指南：全面讲解从数据采集到数据可视化的整个过程，掌握构建现代化数据平台的核心技术和方法。⭐️《遇见Python：初识、了解与热恋》：涵盖了Pytho
  • 家校共育我们在一起 丁兆勇
    诸城市星火教育培训学校是成立于2013年，是教育局批准的正规培训机构，办学许可证号137078270001488，学校现拥有7年办学经验，静心沉淀，严格甄选教育人才，精心为学员们提供优质教学资源。专业的教学团队，科学的分层教育，贴心的课后辅导，保证每一位学员都能听的懂、跟的上。初识《星火教育培训学校》那是在孩子小升初的寒假里，当时只是抱着试试看的心态陪孩子去报了小升初的衔接班，认识了在校负责的刘老
  • 初识爬虫2 菜鸡中的奋斗鸡→挣扎鸡 爬虫
    requests学习：小技巧，如果你用的也是pycharm，对于控制台输出页面因为数据很长一行，不方便进行查看，可以让它自动换行：1.requests文档阅读学习链接：快速上手—Requests2.18.1文档需掌握2.发送请求和获取响应#-*-coding:utf-8-*-#安装：pipinstallrequestsimportrequestsurl='https://www.baidu.com
  • 数据分组还在手忙脚乱？Python groupby一招搞定，效率翻倍！ 图灵学者 Python库pythonwindows开发语言
    目录1、初识groupby：基础用法1.1groupby函数简介1.2准备数据与分组2、按键分组2.1使用lambda表达式2.2自定义key函数3、连续元素分组3.1不连续元素处理3.2连续性与排序4、组合其他itertools模块4.1itertools.chain与groupby4.2itertools.repeat与分组5、实战演练：数据分析应用5.1数据清洗5.2统计分析6、性能优化：高
  • STM32学习笔记（二、初识stm32单片机） 藏，捉 单片机stm32学习
    一、stm32的含义是什么？首先stm32是意法半导体公司（ST）使用ARM公司的Cortex-M为核心生产的32位的单片机。其中，ST---意法半导体公司，即SOC厂商。M---为Microelectronics的缩写，即微型处理器。32---表示控制器为32位的。103---表示F系列的子系列。二、stm32的分类CPU位数内核系列描述32Cortex--M0STM32F0入门级STM32L0
  • 初识 白影小姐姐
    到的星巴克后，只见一排长长的队伍，甚至排到了门外几米远。女生扶着田挽在最近的一块石头上坐下后，自己去排队了。田挽远远瞧着姑娘在队伍里冲自己兴奋地挥手示意，也冲着对方使劲地点了点头，咧了个大大的笑。对方见此冲她吐舌做了个鬼脸，转过身排队去了。田挽摇了摇头，心想这姑娘倒是自来熟，一点儿也不怕生，跟她小时候倒是有些相像。这样想着，不禁觉得又亲近了些。环顾四周，很多人都在树荫下手握饮料轻声交谈着。微风袭来
  • Android项目实践之菜鸟养成 （二）初识Android 史慧君 【Android】Android菜鸟养成android项目实践
    转载请标明出处：http://blog.csdn.net/junzaivip/article/details/53871268，本文出自【junzaivip博客】很高兴继续和大家分享我在项目中遇到的一些列知识点。前篇文章也说了，这个系列教程是要立刻上项目的，所以都是直接干货分享。项目中立刻就需要知道的知识点。1.Layout中相关代码解读：android:text="@string/hello_w
  • pwn学习笔记（8）--初识Pwn沙箱 晓幂 Pwn学习笔记
    初识Pwn沙箱沙箱机制，英文sandbox，是计算机领域的虚拟技术，常见于安全方向。一般说来，我们会将不受信任的软件放在沙箱中运行，一旦该软件有恶意行为，则禁止该程序的进一步运行，不会对真实系统造成任何危害。安全计算模式seccomp（SecureComputingMode）在Linux2.6.10之后引入到kernel的特性，可用其实现一个沙箱环境。使用seccomp模式可以定义系统调用白名单和
  • Web前端最全初识Sentry前端监控，浅谈前端消息机制原理 2401_84433924 程序员前端sentry
    Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script标签内部结构顺序2.1.8VueRouter规范Vue项目目录规范2.2.1基础2.2.2使用Vue-cli脚手架2.2.3目录说明2.2.4注释说明2.2.5其他开源分享：【大厂
  • Java异常机制01：初识异常 耳东er #Java异常机制java
    一、什么是异常什么是异常:程序执行过程中的不正常情况异常的作用:增强程序的健壮性java提供异常处理机制有什么用:——Java语言是很完善的语言，提供了异常的处理方式，程序在执行过程中出现了不正常情况，Java把该异常信息打印输出到控制台，供程序员参考。程序员看到异常信息之后，可以对程序进行修改，让程序更加健壮。异常指程序运行中出现的不期而至的各种状况，如：文件找不到、网络连接失败、非法参数等异常
  • Java 入门指南：初识 Java 异常（Exception） ZachOn1y Javajava开发语言后端java-ee个人开发团队开发
    初识Java异常何为异常在Java中，异常是一个不需要的或意外的事件，它发生在程序执行期间，即在运行时，破坏了程序指令的正常流程。异常可以被程序捕获（catch）和处理（handle）。方法中发生异常时，它会创建一个对象，称为异常对象(ExceptionObject)。它包含有关异常的信息，例如异常的名称和描述以及异常发生时程序的状态。导致异常的原因无效用户输入设备故障网络连接丢失物理限制(磁盘内
  • Java 入门指南：初识 JVM Java虚拟机（Java Virtual Machine） ZachOn1y Javajavajvm开发语言后端个人开发java-ee
    文章目录引言JVM架构类加载器子系统（ClassLoaderSubsystem）运行时数据区（RuntimeDataArea）执行引擎（ExecutionEngine）垃圾回收器（GarbageCollector）内存管理堆内存方法区垃圾回收机制性能调优总结引言Java虚拟机（JVM）是一种抽象计算模型，它在软件层面模拟了一个计算机，允许开发者编写平台无关的程序。Java程序被编译成一种中间表示—
  • 【面试系列】Doris 高频面试题解答 野老杂谈 全网最全IT公司面试宝典面试职场和发展Doris大数据数据库
    欢迎来到我的博客，很高兴能够在这里和您见面！欢迎订阅相关专栏：⭐️全网最全IT互联网公司面试宝典：收集整理全网各大IT互联网公司技术、项目、HR面试真题.⭐️AIGC时代的创新与未来：详细讲解AIGC的概念、核心技术、应用领域等内容。⭐️大数据平台建设指南：全面讲解从数据采集到数据可视化的整个过程，掌握构建现代化数据平台的核心技术和方法。⭐️《遇见Python：初识、了解与热恋》：涵盖了Pytho
  • 【大数据平台】数据处理层：批处理与流处理架构 野老杂谈 大数据平台建设指南大数据架构批处理流处理HadoopSparkFlink
    欢迎来到我的博客，很高兴能够在这里和您见面！欢迎订阅相关专栏：工重hao：野老杂谈⭐️全网最全IT互联网公司面试宝典：收集整理全网各大IT互联网公司技术、项目、HR面试真题.⭐️AIGC时代的创新与未来：详细讲解AIGC的概念、核心技术、应用领域等内容。⭐️大数据平台建设指南：全面讲解从数据采集到数据可视化的整个过程，掌握构建现代化数据平台的核心技术和方法。⭐️《遇见Python：初识、了解与热恋
  • Docker 初识：概念解析、部署流程与基础操作阐释 刘大帅ps docker容器运维linux服务器云原生debian
    目录一.Docker简介及部署方法1.1.Docker简介1.2.Docker虽然有很多优势，但也存在一些缺点：2.2.部署第一个容器二.Docker的基本操作2.1.Docker镜像管理2.2.容器的常用操作一.Docker简介及部署方法1.Docker简介Docker是一个开源的容器化平台，它可以让开发者将应用程序及其依赖项打包到一个可移植的容器中，从而实现快速部署、高效运行和轻松管理。以下是
  • 感恩结婚23周年了 李菡冰
    今年的5.18，我和仇先生结婚23周年了。时间就在每天的柴米油盐酱醋茶中，不知不觉竟然已经携手走过了23年的岁月。记得初识仇先生，是在我工作半年多的时候，他刚从另外的基层单位实习回来，带着副茶色的近视眼镜，穿一件军绿色的夹克衫，有些土土的出现在我面前，笑嘻嘻站在那里。鬼使神差的，我竟然就对这个土土的大男孩一见钟情。我属于性格比较主动的那种女生，虽然读书的时候，没经历过爱情，却在从小读的各种书里领略
  • Shell脚本字符串处理(Linux篇) 鸣名旧 linuxpostgresql运维
    1.字符串处理1.1.cutcut命令从文件的每一行剪切字节、字符和字段并将这些字节、字符和字段写至标准输出。语法格式如下：命令格式：cut[选项]文件名选项参数说明：选项说明-b选中第几个字符-c选中多少个字符-d按照指定分割符进行分割，默认的分割符是制表符，注意分割符不能使用空格。-f提取第几列示例一：初识cut命令#打印b字符：root@zking:~#echo"acbdef"|cut-b2
  • 熟女梦笙42天瘦身记（一） 佳園
    缘起之前有小伙伴说看着你的小连载，好像是一个蜕变的过程，一天一小断，不太过瘾，可否合在一起？我把一周合在一起，这样可否。11月12日初识梦笙这个品牌，11月15日购买，参加完朋友的婚礼，吃了一些好吃的东西，特意等到12月2日才开始。不得不说团队的服务是很人性化的，配有专门的一对一营养师。12月2日（第1天）未开始前，营养师扶摇小姐姐和我说一些温心小贴士，是个嘴好甜的小姐姐啊。被人照顾的感觉真好。今
  • Mysql 存储过程二三事之一 微尘_0a20
    初识存储过程存储过程分为存储过程和函数createprocedure=>创建存储过程createfunction=>创建函数1,创建存储过程语法:createprocedurep_name([p_parameter])routine_bodyp_name=>存储过程名称p_parameter=>参数列表(可选)参数列表形式如下[IN|OUT|INOUT]p_typeIN表示输入参数,OUT表示输出
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他