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

jQuery Validation Plugin验证插件手动验证

2017年02月06日 11 阅读

jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持。正常的验证模式如下:<form id="ff" action="xxx"> ... <input type="submit" value="提交"> </form> [java] view plaincopy在CODE上查看代码片派生到我的代码...

探究Javascript模板引擎mustache.js使用方法

2017年02月06日 11 阅读

我们将为大家详解Mustache.js轻量级JavaScript模版引擎使用方法。简单示例function show（t） { $（"#content"）.html（t）;}var view = { title: "YZF", cacl: function （） { return 6 + 4; }};$（"#content"）.html（Mustache.render（"{{title}} spends {{cacl}}", view））;可以很明显的看出...

JS实现简单的二维矩阵乘积运算

2017年02月06日 12 阅读

本文实例讲述了JS实现简单的二维矩阵乘积运算方法。分享给大家供大家参考，具体如下：Console控制台截图如下：（上图为输出结果直接上代码了（A矩阵可以乘以B矩阵的前提是A矩阵的列数等于B矩阵的行数）<！DOCTYPE html><html><head><title>demo</title></head><body></body><script type=...

js实现的页面矩阵图形变换特效

2017年02月06日 12 阅读

本文实例讲述了js实现的页面矩阵图形变换特效。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>matrix</title><style type="text/cs...

基于canvas实现的钟摆效果完整实例

2017年02月06日 13 阅读

本文实例讲述了基于canvas实现的钟摆效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> body {margin:0; padding:0; } #canvas {border:2px solid gray; box-sha...

基于canvas实现的绚丽圆圈效果完整实例

2017年02月06日 11 阅读

本文实例讲述了基于canvas实现的绚丽圆圈效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> body {margin:0; background:black; } #canvas {border:3px solid gray...

JavaScript小技巧整理篇（非常全）

2017年02月06日 12 阅读

能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力，这对于我来说是件很开心的事。每天仅花上不到2分钟的时间中，你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性：performance（性能）, conventions（协议）, hacks（代码hack）, interview questions（面试问题）及所有其他的项。#24 - 使用 === 代替 ====（或者！=）做对比的时候会将进行对比的两者转换到同一类型再...

基于Node.js实现nodemailer邮件发送

2017年02月06日 12 阅读

Nodemailer是一个简单易用的Node.js邮件发送组件，具体操作如下1、安装nodemailernpm install nodemailer --save2、特点Nodemailer的主要特点包括：支持Unicode编码支持Window系统环境支持HTML内容和普通文本内容支持附件（传送大附件）支持HTML内容中嵌入图片支持SSL/STARTTLS安全的邮件发送支持内置的transport方法和其他插件实现的transport方法支持自定义插件处理...

基于JavaScript如何制作遮罩层对话框

2017年02月06日 11 阅读

1.遮罩层其实就是一个覆盖全界面的半透明的DIV，并处理zIndex使他浮于其他元素之上，是用户不能点击下边的元素，或者说点击没有反应。2.在遮罩层上方在弹出一个层，由于遮罩层挡住了其他所有元素，用户只能点击弹出层，制造出模式窗口的假象。废话不多说了，直接给大家贴js代码了。<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T...

Hallo.js基于jQuery UI所见即所得的Web编辑器

2017年02月06日 11 阅读

先看看效果：Hallo.js是一个简单的富文本Web编辑器，基于jQuery UI并且利用HTML5的contentEditable实现所见即所得。其目标并不是取代当今非常流行的编辑器，如 TinyMCE 或 Aloha Editor，而是给开发者提供一种更简单、更愉快的用户编辑体验。Hallo.js是由Henri Bergius为IKS项目开发的一款免费软件，使用CoffeeScript开发，遵循MIT许可协议，托管在GitHub上。使用方法1、你需要将...

基于JavaScript实现全屏透明遮罩div层锁屏效果

2017年02月06日 12 阅读

废话不多说了，直接给大家写js代码了，代码如下所示:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js全...

JS组件Bootstrap Select2使用方法详解

2017年02月06日 12 阅读

在介绍select组件的时候，之前分享过一篇JS组件中bootstrap multiselect两大组件较量的文章，这两个组件的功能确实很强大，本文分享下select组件的一些用法和特性。一些通用的单选、多选、分组等功能这里就不多做介绍了，multiselect这方面是强项。重点介绍下select2的一些特性效果：一、特性效果1、多选效果可以设置最多只能选几个2、图文结合的效果3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）输入内容前输入空格搜索...

JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas绘制的圆弧荡秋千效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> #canvas {margin:50px; border:5px solid gray; box-s...

Javascript中匿名函数的调用与写法实例详解（多种）

2017年02月06日 11 阅读

Javascript中定义函数的方式有多种，函数直接量就是其中一种。如var fun = function（）{},这里function如果不赋值给fun那么它就是一个匿名函数。好，看看匿名函数的如何被调用。方式1，调用函数，得到返回值。强制运算符使函数调用执行（function（x,y）{alert（x+y）;return x+y;}（3,4））; 方式2，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用再去调用执行（function（x,y...

JavaScript+html5 canvas绘制渐变区域完整实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas绘制渐变区域的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> #canvas {border:3px solid gray; }</style> <...

JavaScript+html5 canvas制作的百花齐放效果完整实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas制作的百花齐放效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> body {margin:0; padding:0;} #canvas {border:5px sol...

JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas绘制缤纷多彩的三角形效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE HTML><html> <head><title>demo</title><style type="text/css"> body {margin:0; padding:0;} #canvas {width:500px...

jQuery form插件的使用之处理server返回的JSON， XML，HTML数据

2017年02月06日 11 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>jQuery form插件的使用--处理server返回的JSON， XML，HTML数据</title><meta http-equiv="Content-Type" cont...

HTML5游戏引擎LTweenLite实现的超帅动画效果（附demo源码下载）

2017年02月06日 12 阅读

本文实例讲述了HTML5游戏引擎LTweenLite实现的超帅动画效果。分享给大家供大家参考，具体如下：lufylegend.js是一个开源的HTML5游戏引擎，在游戏中往往会有各种的动画，这些动画有些是flash文件，有些是视频文件，本次就来利用lufylegend制作一个帅气的游戏动画，如下图。测试连接如下：http://lufylegend.com/demo/effects01/一、准备工作准备工作当然就是引擎的下载了。lufylegend.js引擎...

JavaScript html5 canvas画布中删除一个块区域的方法

2017年02月06日 12 阅读

本文实例讲述了html5 canvas画布中删除一个块区域的方法。分享给大家供大家参考，具体如下：运行效果截图如下：附:图中，黑色小方块即为删除掉的块区域具体代码如下：index.html：<！DOCTYPE html><html> <head><meta http-equiv="Content-type" content="text/html;charset=UTF-8" /><title>ca...

首页 / 脚本样式 / JavaScript

jQuery Validation Plugin验证插件手动验证

探究Javascript模板引擎mustache.js使用方法

JS实现简单的二维矩阵乘积运算

js实现的页面矩阵图形变换特效

基于canvas实现的钟摆效果完整实例

基于canvas实现的绚丽圆圈效果完整实例

JavaScript小技巧整理篇（非常全）

基于Node.js实现nodemailer邮件发送

基于JavaScript如何制作遮罩层对话框

Hallo.js基于jQuery UI所见即所得的Web编辑器

基于JavaScript实现全屏透明遮罩div层锁屏效果

JS组件Bootstrap Select2使用方法详解

JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例

Javascript中匿名函数的调用与写法实例详解（多种）

JavaScript+html5 canvas绘制渐变区域完整实例

JavaScript+html5 canvas制作的百花齐放效果完整实例

JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例

jQuery form插件的使用之处理server返回的JSON， XML，HTML数据

HTML5游戏引擎LTweenLite实现的超帅动画效果（附demo源码下载）

JavaScript html5 canvas画布中删除一个块区域的方法