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

jQuery中的一些常见方法小结（推荐）

2017年02月06日 9 阅读

1.filter（）和not（）方法filter（）和not（）是一对反方法，filter（）是过滤.filter（）方法是针对元素自身。（跟has（）方法有区别）<script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script> /*filter（）: 过滤 not（）:filter的反义词<BR>*/$（function...

Node.js的Koa框架上手及MySQL操作指南

2017年02月06日 9 阅读

由 Express 原班人马打造的 koa，致力于成为一个更小、更健壮、更富有表现力的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升常用错误处理效率。Koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。安装koakoa 依赖支持 generator 的 Node 环境，也就是说，node的版本要在 0.11.9 或者更...

js控件Kindeditor实现图片自动上传功能

2017年02月06日 9 阅读

Kindeditor是一款功能强大的开源在线HTML编辑器，支持所见即所得的编辑效果。它使用JavaScript编写，可以无缝地与多个不同的语言环境进行集成，如.NET、PHP、ASP、Java等。官方网站可以查看这里：http://kindeditor.net/index.phpKindeditor本身提供了许多非常实用的插件，由于代码开源，开发人员可以根据需要对其进行任意扩展和修改。在使用Kindeditor编辑网站内容时考虑这样一个场景：编辑人员往往...

浅析jQuery 3.0中的Data

2017年02月06日 9 阅读

jQuery 3.0 在6月9日正式发布了，3.0 也被称为下一代的 jQuery。这个版本从14年10月开始，其中发布过一次beta 版（2016/1/14,）和候选版（2016/05/20）。一路走来，颇为不易。一、Data浅析jQuery 3.0 中的 Data 是内部使用的，定义为一个“类”。一共用它创建了两个对象，dataPriv 和 dataUser。Data 有 1 个对象属性（expando）和类属性（uid），有 6 个方法，如下下面分别...

JS不用正则验证输入的字符串是否为空（包含空格）的实现代码

2017年02月06日 10 阅读

在项目中需要验证输入的字符串是否为空，包括空格，不太喜欢使用正则，所以就想到了js的indexOf函数，indexOf（）方法可返回某个指定的字符串值在字符串中首次出现的位置，如果要检索的字符串值没有出现，则该方法返回 -1。语法：stringObject.indexOf（searchvalue,fromindex），searchvalue必需，fromindex：可选参数，在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.le...

简单实现的JQuery文本框水印插件

2017年02月06日 9 阅读

采用JQuery实现文本框的水印效果非常容易，效果如下：代码片段，定义要应用水印效果的文本框的样式： .watermark { color: #cccccc; } 将JavaScript代码封装成JQuery的插件：（function （$） { $.fn.watermark = function （options） {var settings = $.extend（{ watermarkText: "Input something here", clas...

js判断输入字符串是否为空、空格、null的方法总结

2017年02月06日 9 阅读

判断字符串是否为空var strings = ""; if （string.length == 0） { alert（"不能为空"）; }判断字符串是否为“空”字符即用户输入了空格 var strings = " "; if （strings.replace（/（^s*）|（s*$）/g, ""）.length ==0） { alert（"不能为空"）; }判断输入字符串是否为空或者全部都是空格function isNull（ str ）{if （ str...

三种带箭头提示框总结实例

2017年02月06日 10 阅读

无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框，这种箭头可以通过背景图片或者是css来实现，本文介绍三种通过css实现带箭头的提示框。1.通过border属性思路：两个三角形，通过定位使两个三角形相差1px作为边框。2.CSS3 transfrom思路：先做一个两条边相同颜色的正方形，然后旋转一定角度就是三角形了3.特殊字符"♦"思路：特殊字符漏出上半部分，看上去就像三角形了一、通过border属性：我们先做一个宽和高都是10px的d...

javascript用正则表达式过滤空格的实现代码

2017年02月06日 9 阅读

javascript用正则表达式过滤空格的实现代码<html><head><script type="text/javascript"> // 删除左右两端的空格 function trim（str）{ $a=str.replace（/（^s*）|（s*$）/g, ""）; alert（$a.length）;// alert（str.length）;}// 删除左边的空格 function ltrim（str）{ ret...

JS去除空格和换行的正则表达式（推荐）

2017年02月06日 9 阅读

前几天在编程的时候，遇到一件问题折腾了很久才解决了，真把我气疯了！把一个字符串放到setTimeout里面没法执行方法，后来发现是因为字符串后面多了一个换行，不仔细看看不出来，使用正则表达式去除换行就可以了。//去除空格String.prototype.Trim = function（） {return this.replace（/s+/g, ""）;}//去除换行function ClearBr（key） {key = key.replace（/<...

基于gulp合并压缩Seajs模块的方式说明

2017年02月06日 9 阅读

之前的项目一直采用grunt来构建，然后用requirejs做模块化，requirejs官方有提供grunt的插件来做压缩合并。现在的项目切到了gulp，模块化用起了seajs，自然而然地也想到了模块合并压缩的问题。然后一开始在解决这个问题的时候，并不是很顺利，在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件，虽然在seajs的github上也看了不少的issue，但是大多数都是只能将所有的模块文件合并成一个总的文件，这对于单页面的...

jQuery.Callbacks（）回调函数队列用法详解

2017年02月06日 9 阅读

本文实例讲述了jQuery.Callbacks（）回调函数队列用法。分享给大家供大家参考，具体如下：1、jQuery.CallbacksThe jQuery.Callbacks（） function, introduced in version 1.7, returns a multi-purpose object that provides a powerful way to manage callback lists. It supports addi...

深入浅析JavaScript的API设计原则

2017年02月06日 10 阅读

一、接口的流畅性好的接口是流畅易懂的，他主要体现如下几个方面：1.简单操作某个元素的css属性，下面是原生的方法:document.querySelectorAll（"#id"）.style.color = "red"; 封装之后function a（selector, color） {document.querySelectorAll（selector）[].style.color = color}a（"#a", "red"）; 从几十个字母长长的一行到...

Javascript基础_标记文字的实现方法

2017年02月06日 9 阅读

Javascript基础_标记文字的实现方法1.用基本的文字元素标记内容先看显示效果：对应HTML代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Learn4Font</title></head><body><p> 元素 b —— <b> I am ...

浅析JS获取url中的参数实例代码

2017年02月06日 10 阅读

js获取url中的参数代码如下所示，代码简单易懂，附有注释，写的不好还请见谅！function UrlSearch（） {var name, value;var str = location.href; //取得整个地址栏var num = str.indexOf（"?"）str = str.substr（num + 1）; //取得所有参数 stringvar.substr（start [, length ]var arr = str.split...

jQuery实例—选项卡的简单实现（js源码和jQuery）

2017年02月06日 9 阅读

分别利用javascript的源码和jQuery来实现一个简单的选项卡，对比各自的步骤。<！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&g...

Javascript基础_嵌入图像的简单实现

2017年02月06日 9 阅读

img元素允许我们在HTML文档里嵌入图像。要嵌入一张图像需要使用src和alt属性，代码如下：<img src="../img/example/img-map.jpg" alt="Products Image" width="580" height="266" />显示效果：1 在超链接里嵌入图像img元素的一个常见用法是结合a元素创建一个基于图像的超链接，代码如下：<a href="otherpage.html"><img...

JS获取地址栏参数的两种方法（简单实用）

2017年02月06日 9 阅读

js获取地址栏参数的方法有两种：第一种，采用正则表达式获取地址栏参数，第二种，是比较传统的方法，在这小编给大家强烈推荐使用第一种方法，既方便有实用，具体实现过程请看下文详述。方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）function GetQueryString（name）{var reg = new RegExp（"（^|&）"+ name +"=（[^&]*）（&|$）"）;var r = window.location.se...

JS修改地址栏参数实例代码

2017年02月06日 9 阅读

废话不多说了，直接给大家上干活了，我的风格，你懂得。。关键代码如下所示：function changeURLPar（destiny, par, par_value）{var pattern = par+"=（[^&]*）";var replaceText = par+"="+par_value;if （destiny.match（pattern））{var tmp = "/\"+par+"=[^&]*/";tmp = destiny.replace（eva...

Javascript缓存API

2017年02月06日 9 阅读

JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当然，强大有强大的好处，也有弊处——你需要做善后处理，所谓的善后处理，就是要清理缓存。下面我们来看看如何创建缓存对象、在缓存里添加请求缓存数据，从缓存里删除请求缓存的数据，最后是如何完全的删除缓存。判断浏览器对缓存对象cache API的支持检查浏览器...

首页 / 脚本样式 / JavaScript

jQuery中的一些常见方法小结（推荐）

Node.js的Koa框架上手及MySQL操作指南

js控件Kindeditor实现图片自动上传功能

浅析jQuery 3.0中的Data

JS不用正则验证输入的字符串是否为空（包含空格）的实现代码

简单实现的JQuery文本框水印插件

js判断输入字符串是否为空、空格、null的方法总结

三种带箭头提示框总结实例

javascript用正则表达式过滤空格的实现代码

JS去除空格和换行的正则表达式（推荐）

基于gulp合并压缩Seajs模块的方式说明

jQuery.Callbacks（）回调函数队列用法详解

深入浅析JavaScript的API设计原则

Javascript基础_标记文字的实现方法

浅析JS获取url中的参数实例代码

jQuery实例—选项卡的简单实现（js源码和jQuery）

Javascript基础_嵌入图像的简单实现

JS获取地址栏参数的两种方法（简单实用）

JS修改地址栏参数实例代码

Javascript缓存API