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

javascript之Array 数组对象详解

2017年02月06日 9 阅读

1、创建Array对象方法：--->var arr = [element0, element1, ..., elementn];//简单的定义方法复制代码代码如下:var arr = [1,2,3]此时可以知道复制代码代码如下:arr[0] == 1;arr[1] == 2;arr[2] == 3;--->new Array（）;复制代码代码如下:var arr = new Array（）;//定义一个没有任何内容的数组对象，然后以下面的...

jQuery简单实现仿京东分类导航层效果

2017年02月06日 9 阅读

本文实例讲述了jQuery简单实现仿京东分类导航层效果。分享给大家供大家参考，具体如下：<script src="jquery-1.11.1.min.js" type="text/javascript"></script><script type="text/javascript">$（function （） {var alink01 = $（".item > ul"）;alink01.hover（function...

javascript之Boolean类型对象

2017年02月06日 9 阅读

Boolean对象和Java中的Boolean封装类很像，它有两个值：true和false1、创建Boolean对象复制代码代码如下:var boo = new Boolean（）;//此时未对boo进行赋值，但是它的默认值为falsevar boo = new Boolean（true）;var boo = true/false;2、Boolean对象的constructor属性是Boolean例：复制代码代码如下:var boo = new Boo...

批量下载对路网图片并生成html的实现方法

2017年02月06日 9 阅读

对路使用ajax实现异步加载内容,在它的js代码中找到了相关代码type : "POST",url : "/index.php/request/new_data2/" + times + "/"+locinfo[domn][0],dataType : "json",返回的json字符串是一个被序列化的数组,数组中存放的是字典,其中要关注的是dict["t"]以及dict["i"],dict["t"]存放了图片的说明,dict["i"]存放了图片的url.知...

Javascript之Date对象详解

2017年02月06日 9 阅读

Date对象即日期时间对象，它的主要功能是实现对日期时间的处理1、创建Date对象复制代码代码如下:var myDate = new Date（）;或复制代码代码如下:var myDate = new Date（"July 21, 1983 01:15:00"）;//此种方法为自定义日期时间的方式，格式若不对的话为提示Invalid DateDate对象的constructor属性为：Datedocument.write（myDate.construc...

全面解析JavaScript里的循环方法之forEach，for-in，for-of

2017年02月06日 9 阅读

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for （var index = 0; index < myArray.length; ind...

全面解析DOM操作和jQuery实现选项移动操作代码分享

2017年02月06日 10 阅读

DOM：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-"><title>DOM选项移动操作</title><style>select {width: px;height: px;}div {display: inline-block;width: px}</style></head>&...

【经典源码收藏】基于jQuery的项目常见函数封装集合

2017年02月06日 9 阅读

本文实例汇总了基于jQuery的项目常见函数封装。分享给大家供大家参考，具体如下：/// <reference path="jquery-1.8.0.min.js" />/** DIV或元素居中* @return*/jQuery.fn.mCenterDiv = function （） {this.css（"position", "absolute"）;this.css（"border", "1px solid #ccc"）;this.css（"...

分享jQuery网页元素拖拽插件

2017年02月06日 9 阅读

效果说明：配合已有CSS样式，载入插件后，网页元素可以随意在窗口内拖拽，设置了原位置半透明和拖拽半透明的效果选项，可根据需要选择。另外，当页面上有多个可拖拽元素时，可以载入另外一个用于设置z-index的插件，模拟Windows窗口点击置顶效果。js/jquery.jLdraggable.js：;（function（$）{ $.fn.extend（{"jLzindex" : function（）{ //用于判断和设置各个对话框的z-indexvar $dr...

Javascript之Math对象详解

2017年02月06日 9 阅读

Math对象不同于上述的对象，它可以说是一个公共数学类，里面有很多数学方法，用于各种数学运算但是Math对象不需要构造，对于其中的方法直接使用即可1、常量（即属性）E 返回算术常量 e，即自然对数的底数（约等于2.718）E返回算术常量 e，即自然对数的底数（约等于2.718）LN2返回 2 的自然对数（约等于0.693）LN10返回 10 的自然对数（约等于2.302）LOG2E返回以 2 为底的 e 的对数（约等于 1.414）LOG10E返回以 10...

Javascript之Number对象介绍

2017年02月06日 9 阅读

Number对象即数字，它的构造方法：复制代码代码如下:var num = 10;var num = new Number（）;//num == 0var num = new Number（value）;其中value为数值或是可以转换为数值的量，如字符串"1002"但是假如为"M122",则返回NaN1、常量，属性MAX_VALUE可表示的最大的数。 // 1.7976931348623157e+308MIN_VALUE可表示的最小的数。 // 5e-...

【经典源码收藏】jQuery实用代码片段（筛选,搜索,样式,清除默认值,多选等）

2017年02月06日 9 阅读

本文实例总结了jQuery实用代码片段。分享给大家供大家参考，具体如下：//each遍历文本框清空默认值$（".maincenterul1"）.find（"input,textarea"）.each（function （） {//保存当前文本框的值var vdefault = this.value;$（this）.focus（function （） {if （this.value == vdefault） { this.value = ""; }}）;$...

Knockoutjs 学习系列（一）ko初体验

2017年02月06日 10 阅读

MVVM框架中Angular是好，但这么大而全的框架，学习难度可不低呢，上手起码也得要个一两周吧。而knockoutjs专注于数据绑定，只需一两天就可以投入使用了，学习成本不要太低！在前端进化如此迅速的时代，学习成本也是不得不考虑的一个因素。很多时候其实我们的项目并没那么复杂，也并不需要万能的框架，更需要的反而是简单顺手的工具。Before Knockoutjs假设我们做一个订单系统，需要显示商品单价，然后可以根据输入数量计算出总价并显示出来。使用原生代码...

Knockoutjs 学习系列（二）花式捆绑

2017年02月06日 9 阅读

在上一篇Knockoutjs 学习系列（一）ko初体验文章中提到，ko中的 data-bind = "XX：OO"绑定大法除了可以绑定text、value等内容，还可以绑定visible、style等外观属性，也可以绑定click、textInput等各种事件，甚至还能控制程序流程。各种花式捆绑，绝对满足你的幻想。下面简单讲讲各种绑定的使用，主要根据被绑定的属性分成表现类、流程类和交互类三种。表现类属性表现类的绑定属性有visible、text、html、...

DOM操作和jQuery实现选项移动操作的简单实例

2017年02月06日 10 阅读

DOM：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>DOM选项移动操作</title><style>select {width: 100px;height: 85px;}div {display: inline-block;width: 50px}</style></h...

BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法

2017年02月06日 9 阅读

最近的一个项目前台使用了 bootstrap.css + angularjs，后台只处理数据（用的php，处理结果直接 json_encode（$arr），非常爽）。一直在Chrome的仿真机测试非常完美，没有进行真机测试。完成后，到手机测试时傻了，左右滑动页面时，竟然出现了一个空白的竖条（如下图所示）。判断是margin-right 设置的长度所致，检查css，并没有相关代码。看来问题出现在了 bootstrap 。虽然不影响程序的使用，但是感...

浅谈jQuery 选择器和dom操作

2017年02月06日 9 阅读

浅谈jQuery 选择器和dom操作JQuery选择器1.基本选择器基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。1）.“$（“#id”）”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。2）.“$（“.class”）”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。3）.“$（“...

浅析BootStrap栅格系统

2017年02月06日 10 阅读

1、简介Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。2、栅格选项bootstrap3.x使用了四种栅格选项来形成栅格系统，这四种选项在官网上的介绍如下图，很多人不理解，这里跟大家详解一下四种栅格选项之间的区别，其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项，...

jQuery原理系列-常用Dom操作详解

2017年02月06日 9 阅读

1. 事件绑定$（el）.bindie使用attachEvent，其它浏览器使用addEventListener，不同的是ie多了个on前缀，this绑定在window上，需要用call和apply修正this 的指向。if （element.addEventListener） {element.addEventListener（type, handler, useCapture）;} else {if （element.attachEvent） {ele...

mvvm双向绑定机制的原理和实现代码（推荐）

2017年02月06日 9 阅读

mvvm框架的双向绑定，即当对象改变时，自动改变相关的dom元素的值，反之，当dom元素改变时，能自动更新对象的值，当然dom元素一般是指可输出的input元素。1. 首先实现单向绑定，在指定对象的属性值发生改变时触发callback函数。2. 单向绑定可采用ES5新增的defineProperty实现（或defineProperties），用了ES5注定就不支持IE9以下了，为了防止递归死循环问题，原有属性需要剪切到一个私有属性中保存。3. 循环调用de...

首页 / 脚本样式 / JavaScript

javascript之Array 数组对象详解

jQuery简单实现仿京东分类导航层效果

javascript之Boolean类型对象

批量下载对路网图片并生成html的实现方法

Javascript之Date对象详解

全面解析JavaScript里的循环方法之forEach，for-in，for-of

全面解析DOM操作和jQuery实现选项移动操作代码分享

【经典源码收藏】基于jQuery的项目常见函数封装集合

分享jQuery网页元素拖拽插件

Javascript之Math对象详解

Javascript之Number对象介绍

【经典源码收藏】jQuery实用代码片段（筛选,搜索,样式,清除默认值,多选等）

Knockoutjs 学习系列（一）ko初体验

Knockoutjs 学习系列（二）花式捆绑

DOM操作和jQuery实现选项移动操作的简单实例

BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法

浅谈jQuery 选择器和dom操作

浅析BootStrap栅格系统

jQuery原理系列-常用Dom操作详解

mvvm双向绑定机制的原理和实现代码（推荐）