JavaScript资料,JavaScript文章,JavaScript文档-易库教程

实例详解jQuery表单验证插件validate

2017年02月06日 12 阅读

validate插件是一个基于jquery的表单验证插件了里面有许多的常用的一些验证方法我们可以直接调用，具体的我们一起来看看。例子，html代码<！DOCTYPE html><html lang="en"><head><include file="Common/Header" /><meta charset="utf-8"><script src="/jquery.min.js">&...

jquery.validate 自定义验证方法及validate相关参数

2017年02月06日 11 阅读

jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

2017年02月06日 11 阅读

先给大家分享数据校验显示效果Web前端数据校验组件Web项目中客户端与服务端的交互离不开Form表单，Form表单中最常用的元素莫过于input标签，input标签首先要用的肯定是text文本框啦！input文本框允许用户任意输入，难免会会有用户输入一些不符合规定的数据，此时，在提交之前对数据校验是很有必要的，如果等到提交到服务端再校验就会大大降低用户体验啦。前端校验有很多现成的组件，比较好用的有 EasyUI 的 validatebox 插件，提示界面做...

AngularJS仿苹果滑屏删除控件

2017年02月06日 11 阅读

AngularJs被用来开发单页面应用程序（SPA），利用AJAX调用配合页面的局部刷新，可以减少页面跳转，从而获得更好的用户体验。Angular的ngView及其对应的强大路由机制，是实现SPA应用的核心模块。本文所说的页面切换指的就是这个路由机制，即根据不同的url展示不同的视图。前端开发中，为了对列表项进行快捷操作，有时就添个按钮来简单实现。但是，有时会发现按钮影响美观，甚至影响列表行的布局。稍在网上搜索无果，而写此仿苹果滑屏删除控件。依赖项：ang...

jQuery添加删除DOM元素方法详解

2017年02月06日 12 阅读

本文实例分析了jQuery添加删除DOM元素的方法。分享给大家供大家参考，具体如下：介绍DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。1、DOM CoreDOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它，用途也远不止仅限于网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。例如：document,getElementsByTagName（"form"...

jquery validate表单验证的基本用法入门

2017年02月06日 11 阅读

一、 jQuery Validate 插件的介绍jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件是由 Jörn Zaefferer 编写和维护的，他是 jQuery 团队的...

jQuery实现多级联动下拉列表查询框

2017年02月06日 12 阅读

本文实例介绍了jQuery实现多级联动下拉列表查询框的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><meta name="keywords" content=" keywords" ...

Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析

2017年02月06日 12 阅读

引言在诺亚财富项目中，使用到了通讯录，如果只是简单的查看，我个人觉得可能过于单调，于是就在查看的基础上，增加了点击滑动的效果。目的有两个：1.体验不错。2.通讯录的数据量较大，我们在点击一个模块的同时，使这个模块滑动至最上层，可视范围也会变大。效果点击一个模块，页面即开始向上滑动，直到这个模块至于页面最上层。这是点击前的地方，我们点击运营中心：点击后就会有一个滑动的动画使这个模块滑动到顶部：实现获取元素，动态生成id我们在点击一个元素的同时，我们需要让程序...

你不知道的高性能JAVASCRIPT

2017年02月06日 11 阅读

本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。数据存储计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能，在JavaScript中，数据存储的位置会对代码性能产生重大影响。 – 能使用{}创建对象就不要使用new Object，能使用[]创建数组就不要使用new Array。JS中字面量的访问速度要高于对象。 – 变量在作用域链中的位置越深，访问所需实践越长。对于这种变量，可以通过缓存使用局部...

理解JavaScript中Promise的使用

2017年02月06日 11 阅读

Javascript 采用回调函数（callback）来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔（Pyramid of Doom），绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解。什么是 Promise一个 Promise 对...

图片旋转、鼠标滚轮缩放、镜像、切换图片js代码

2017年02月06日 11 阅读

本文实例为大家展示了图片旋转、鼠标滚轮缩放、镜像、切换图片多重效果，提供了详细的代码，分享给大家供大家参考，具体内容如下具体代码：<！DOCTYPE html><html lang="zh-cn"> <head><title>图片旋转,鼠标滚轮缩放,镜像,切换图片</title><meta charset="utf-8" /><！--<script type="text/j...

jQuery Validate表单验证插件添加class属性形式的校验

2017年02月06日 12 阅读

本文实例介绍了jQuery Validate 表单验证插件，添加class属性形式的校验，分享给大家供大家参考，具体内容如下效果如下：一、jQuery表单验证插件，添加class属性形式的校验<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery表单验证插件----添加clas...

深入学习jQuery Validate表单验证

2017年02月06日 11 阅读

本文实例介绍了jQuery Validate表单验证，主要是利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示，分享给大家供大家参考，具体内容如下1、添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面。2、需要改写触发校验的方式。$（"#commentForm"）.validate（{meta: "validate"}）;3、详细代码如下：<html><head...

深入学习jQuery Validate表单验证（二）

2017年02月06日 11 阅读

本文实例介绍了jQuery Validate表单验证，分享给大家供大家参考，具体内容如下一、添加一个另外一个插件jquery.validate.messages_cn.js。改变默认提示方式。/* * Translated default messages for the jQuery validation plugin. * Language: CN * Author: Fayland Lam <fayland at gmail dot com&g...

学习JavaScript设计模式之责任链模式

2017年02月06日 12 阅读

一、定义责任链模式：使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。二、示例假设这么一个场景：我们负责一个售卖手机的电商网站，经过分别缴纳500元定金和200元定金的两轮预定后，到了正式购买阶段。针对预定用户实行优惠，支付过500元定金的用户会收到100元的商城优惠券，支付过200元定金的用户会收到50元的商城优惠券，没有支付定金的用户归为普通购买，且在库存有...

纯JavaScript基于notie.js插件实现消息提示特效

2017年02月06日 11 阅读

本文实例介绍了纯JavaScript实现消息提示特效是一款基于notie.js插件实现的可以制作Alert提示框，确认框和带输入的消息框，分享给大家供大家参考，具体内容如下效果图：实现的代码：html代码：<br><br><br><br><br><br><article class="zzsc"><div class="div-ext"><div clas...

学习JavaScript设计模式之享元模式

2017年02月06日 11 阅读

一、定义享元（flyweight）模式是一种用于性能优化的模式，核心是运用共享技术来有效支持大量细刻度的对象。在JavaScript中，浏览器特别是移动端的浏览器分配的内存并不算多，如何节省内存就成了一个非常有意义的事情。享元模式是一种用时间换空间的优化模式内衣工厂有100种男士内衣、100中女士内衣，要求给每种内衣拍照。如果不使用享元模式则需要200个塑料模特；使用享元模式，只需要男女各1个模特。二、什么场景下使用享元模式？（1）程序中使用大量的相似...

jquery 重写 ajax提交并判断权限后使用load方法报错解决方法

2017年02月06日 11 阅读

废话不多说了，直接给大家贴代码了。jQuery（function （$） {// 备份jquery的ajax方法 var _ajax = $.ajax;// 重写ajax方法，先判断登录在执行success函数 $.ajax = function （opt） {var _success = opt && opt.success || function （a, b） { };var _opt = $.extend（opt, {success: functio...

js实现有过渡渐变效果的图片轮播相册（兼容IE,ff）

2017年02月06日 11 阅读

本文实例介绍了js实现图片轮播相册，具有过渡渐变效果，分享给大家供大家参考，具体内容如下思路很简单，用2个属性保存当前图片和上一张图片，用2个定时器分别控制透明度和当前过渡的图片。<HTML> <HEAD> <TITLE></TITLE> </HEAD> <style> #cnt{width:100%;height:80%;} .ctrl{text-align:center;borde...

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

2017年02月06日 11 阅读

在《浏览器环境下JavaScript脚本加载与执行探析之defer与async特性》中，我们研究了延迟脚本（defer）和异步脚本（async）的执行时机、浏览器支持情况、浏览器bug以及其他的细节问题。而除了defer和async特性，动态脚本和Ajax脚本注入也是两种常用的创建无阻塞脚本的方法。总的来看，这两种方法都能达到脚本加载不影响页面解析和渲染的作用，但是在不同的浏览器中，这两种技术所创建的脚本的执行时机还是有一定差异，今天我们再来探讨一下通过动...

首页 / 脚本样式 / JavaScript

实例详解jQuery表单验证插件validate

jquery.validate 自定义验证方法及validate相关参数

jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

AngularJS仿苹果滑屏删除控件

jQuery添加删除DOM元素方法详解

jquery validate表单验证的基本用法入门

jQuery实现多级联动下拉列表查询框

Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析

你不知道的高性能JAVASCRIPT

理解JavaScript中Promise的使用

图片旋转、鼠标滚轮缩放、镜像、切换图片js代码

jQuery Validate表单验证插件 添加class属性形式的校验

深入学习jQuery Validate表单验证

深入学习jQuery Validate表单验证（二）

学习JavaScript设计模式之责任链模式

纯JavaScript基于notie.js插件实现消息提示特效

学习JavaScript设计模式之享元模式

jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法

js实现有过渡渐变效果的图片轮播相册（兼容IE,ff）

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

jQuery Validate表单验证插件添加class属性形式的校验

jquery 重写 ajax提交并判断权限后使用load方法报错解决方法