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

chrome下判断点击input上标签还是其余标签的实现方法

2017年02月06日 41 阅读

想要实现的功能：当input框失焦且点击的不是清除键时，执行reset方法重置input样式，当点击清除键时，执行clear方法，清除input内容。如图本想通过如下代码来实现$（".search-input"）.focusout（function （） {if （document.activeElement.className ！== "close-t"） {//close-t为清除键类名$（".search-input"）.addClass（"sear...

JQuery控制DIV的选取实现方法

2017年02月06日 37 阅读

我们设置4个div 当鼠标移动到某一个div上面的时候背景颜色就会发生变化那我们应该知道要用到mouseover（）和 mouseout（）前一个是移动到某个位置后面是移开某个位置还有一个hover（,）可以替代上面两个方法1.用mouseover（）和mouseout（）<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...

深入浅析JS是按值传递还是按引用传递（推荐）

2017年02月06日 37 阅读

按值传递（call by value）是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。按引用传递（call by reference）时，函数的形参接收实参的隐式引用，而不再是副本。这意味着函数形参的值如果被修改，实参也会被修改。同时两者指向相同的值。按引用传递会使函数调用的追踪更加困难，有时也会引起一些微妙的BUG。按值传递由于每次都需要克隆副本，对一些复杂类型，性能较低。两种传值方式都有各自的问题。 J...

基于jQuery ligerUI实现分页样式

2017年02月06日 39 阅读

在公司实习看到公司框架里使用了ligerUI的grid进行分页，个人感觉挺好用的，自己摸索着实现了一遍记录下来简单来说，liger grid 就是提交准备好的数据到指定的目标请求数据，拿到数据以后，显示出来（通过ajax实现）。ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。这里只实现基于ligerUI的分页LigerUI的分页方式有两种：local和server。如...

jQuery EasyUI封装简化操作

2017年02月06日 41 阅读

本文实例为大家封装了Jquery EasyUI简化操作，供大家参考，具体内容如下//confirm function Confirm（msg, control） { $.messager.confirm（"确认", msg, function （r） { if （r） {eval（control.toString（）.slice（11））; } }）; return false;}//loadfunction Load（） { $（"<div cla...

jQuery EasyUI常用数据验证汇总

2017年02月06日 41 阅读

easyui 的validatebox（）提供了自定义验证的方法，为此我把一些常用的数据验证汇总了一下，代码如下$.extend（$.fn.validatebox.defaults.rules, { CHS: {validator: function （value, param） { return /^[u0391-uFFE5]+$/.test（value）;},message: "请输入汉字" }, ZIP: {validator: function （...

基于jQuery实现中英文切换导航条效果

2017年02月06日 42 阅读

先来看一下中英文切换的导航条效果图：我采用了两种方式实现，一种用css3,另一种是用jquery实现。首先说一下用css3如何实现： html：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> <link rel="stylesheet" href="../css/dem...

Query常用DIV操作获取和设置长度宽度的实现方法

2017年02月06日 37 阅读

获取或设置div的高度和宽度方法一：height和width函数（得到的是证书），可以用于获取或设置元素的高度和宽度。val（）获取或设置元素的值方法二：css函数可以用于获取或设置元素的高度和宽度获取css（"width"）（得到的是以px结尾的字符串）,设置css（"width",20px）或css（{width:20px,height:20px}）JQuery的链式操作<！DOCTYPE html PUBLIC "-//W3C//DTD XHT...

js中用cssText设置css样式的简单方法

2017年02月06日 39 阅读

如果网页中一个 id为“no”的标签，暂且当div标签来tell；想要在js中设置这个div的css样式，很一般的做法是：var obj = document.getElementByIdx_x_x（"no"）;obj.style.width = "400px";obj.style.height = "300px";如果要设置一堆又一堆的css样式呢，太麻烦了把、一般情况下都会结合css来添加className或者改变className达到想要的效果，但是...

javascript学习笔记_浅谈基础语法,类型,变量

2017年02月06日 38 阅读

基础语法、类型、变量非数字值的判断方法：（因为Infinity和NaN他们不等于任何值，包括自身）1、用x ！= x ，当x为NaN时才返回true;2、用isNaN（x），当x为NaN或非数字值时，返回true;3、用isFinity（x），在x不是NaN、Infinity、-Infinity时返回true;虽然（字符串、数字、布尔值）不是对象，他们的属性是只读的，但也可以像操作对象一样来引用他们的属性和方法，原理：javascript构造一个（Str...

JavaScript学习笔记整理_关于表达式和语句

2017年02月06日 39 阅读

表达式和语句eval（）只有一个参数参数非字符串时，直接返回这个参数；参数为字符串时，它把字符串当成JavaScript代码进行编译，编译失败则抛出语法错误，编译成功则执行代码，并返回最后一条语句的值，若没有值则返回undefinedeval（）使用了调用它的变量的作用域环境它接收的字符串参数，在作为单独的代码时，必须是有语义的，否则编译失败delete运算符：用来删除对象的自由属性、数组的元素，删除属性后，属性将不存在，而删除数组元素后，会在数组内留...

JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用

2017年02月06日 39 阅读

如下所示：//实现枚举类型,扑克牌应用function creatEnum（p）{//构造函数var Enumeration = function（）{throw "can not Instantiate Enumerations";};//重写原型并将原型赋值给变量protovar proto = Enumeration.prototype = {constructor:Enumeration,toString:function（）{return thi...

JavaScript学习笔记整理_用于模式匹配的String方法

2017年02月06日 38 阅读

用于模式匹配的String方法：String支持4种使用正则表达式的方法：seach（）用于检索，参数是一个正则表达式，返回第一个与之匹配的子串的位置，找不到则返回-1，如果参数不是正则表达式，则首先会通过RexExp构造函数将它转换成正则表达式，seach（）方法不支持全局搜索，它忽略修饰符g；replace（）用于检索与替换操作，第一个参数是一个正则表达式，第二个参数是要进行替换的字符串。它对调用该方法的字符串检索，按照模式匹配子串替换成第二个参数，若...

Node.js + Redis Sorted Set实现任务队列

2017年02月06日 40 阅读

需求：功能 A 需要调用第三方 API 获取数据，而第三方 API 自身是异步处理方式，在调用后会返回数据与状态 { data: "查询结果", "status": "正在异步处理中" } ，这样就需要间隔一段时间后再去调用第三方 API 获取数据。为了用户在使用功能 A 时不会因为第三方 API 正在异步处理中而必须等待，将用户请求加入任务队列中，返回部分数据并关闭请求。然后定时从任务队列里中取出任务调用第三方 API，若返回状态为”异步处理中“，将该任...

JavaScript学习笔记整理_setTimeout的应用

2017年02月06日 39 阅读

setTimeou的t应用var ids = [];function foo1（i） {this.i = i;console.log（"i = "+i）;ids[0] = setTimeout（（function （） {foo1（i）;}）,1000）;}function foo2（j） {this.j = j;console.log（"j = "+j）;ids[1] = setTimeout（（function （） {foo2（j）;}）,1000）...

jquery事件绑定解绑机制源码解析

2017年02月06日 42 阅读

引子为什么Jquery能实现不传回调函数也能解绑事件？如下：$（"p"）.on（"click",function（）{alert（"The paragraph was clicked."）;}）;$（"#box1"）.off（"click"）;事件绑定解绑机制调用on函数的时候，将生成一份事件数据，结构如下：{type: type,origType: origType,data: data,handler: handler,guid: guid,selec...

浅谈js内置对象Math的属性和方法（推荐）

2017年02月06日 47 阅读

属性： constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 E 欧拉常量,自然对数的底（约等于2.718） LN2 2的自然对数（约等于0.693） LN10 10的自然对数（约等于2.302） LOG2E 以2为底的e的对数.（约等于1.442） LOG10E 以10为底的e的对数（约等于0.434） PI ∏的值（约等于3.14159） SQRT1_2 1/2（0.5）的平方根（即l除以2的平方根,约等于o.7...

vue从使用到源码实现教程详解

2017年02月06日 40 阅读

搭建环境项目github地址项目中涉及了json-server模拟get请求，用了vue-router；关于Vue生命周期以及vue-router钩子函数详解生命周期1.0版本1.哪些生命周期接口initCreatedbeforeCompileCompiledReadyAttatchedDetachedbeforeDestorydestoryed2.执行顺序1. 不具有keep-alive进入：init->create->beforeCompi...

React实现双向绑定示例代码

2017年02月06日 39 阅读

前言React.js现在已经很流行了，不会React.js都不好意思说自己会前端了。那么下面就来看看关于React双向绑定的实现。双向绑定的使用:组件需要mixins:引用LinkedStateMixin。它提供一个linkState方法。参数是state属性双向绑定用valueLink={this.linkState（XX）}linkState方法返回一个对象，有一个value属性，指定state的属性。还有一个requestChange回调方法，用来实...

Node.js的基本知识简单汇总

2017年02月06日 39 阅读

Node.js从2009年诞生至今，已经发展了两年有余，其成长的速度有目共睹。从在github的访问量超过Rails，到去年底Node.jsS创始人Ryan Dalh加盟Joyent获得企业资助，再到今年发布Windows移植版本，Node.js的前景获得了技术社区的肯定。InfoQ一直在关注Node.js的发展，在今年的两次Qcon大会（北京站和杭州站）都有专门的讲座。为了更好地促进Node.js在国内的技术推广，我们决定开设“深入浅出Node.js”专...

首页 / 脚本样式 / JavaScript

chrome下判断点击input上标签还是其余标签的实现方法

JQuery控制DIV的选取实现方法

深入浅析JS是按值传递还是按引用传递（推荐）

基于jQuery ligerUI实现分页样式

jQuery EasyUI封装简化操作

jQuery EasyUI常用数据验证汇总

基于jQuery实现中英文切换导航条效果

Query常用DIV操作获取和设置长度宽度的实现方法

js中用cssText设置css样式的简单方法

javascript学习笔记_浅谈基础语法,类型,变量

JavaScript学习笔记整理_关于表达式和语句

JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用

JavaScript学习笔记整理_用于模式匹配的String方法

Node.js + Redis Sorted Set实现任务队列

JavaScript学习笔记整理_setTimeout的应用

jquery事件绑定解绑机制源码解析

浅谈js内置对象Math的属性和方法（推荐）

vue从使用到源码实现教程详解

React实现双向绑定示例代码

Node.js的基本知识简单汇总