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

JavaScript中自带的 reduce（）方法使用示例详解

2017年02月06日 34 阅读

1.方法说明 , Array的reduce（）把一个函数作用在这个Array的[x1, x2, x3...]上，这个函数必须接收两个参数，reduce（）把结果继续和序列的下一个元素做累积计算，其效果就是：[x1, x2, x3, x4].reduce（f） = f（f（f（x1, x2）, x3）, x4） 2. 使用示例"use strict";function string2int（s）{if（！s）{alert（"the params empty"...

JavaScript实现刷新不重记的倒计时

2017年02月06日 40 阅读

前言JavaScript倒计时，实现起来不难，但是一刷新往往就重新计算了，如果要实现刷新不重计该如何做呢？有这么几种思路， 1：cookie 2：本地缓存 3：window.name ……前两种比较容易理解，今天我来为大家实现使用window.name实现刷新不重计，代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

浅析JavaScript函数的调用模式

2017年02月06日 34 阅读

我们说一个函数的调用模式是作为一个函数来调用，是要与其它三种调用模式做区分函数其他的三种调用: 方法调用模式，构造器调用模式，apply/call调用模式。方法的调用模式:var obj={ fun1: function（）{//方法内容this; //指的是window }}obj.fun1（） //方法的调用构造器的调用:function Person（name, age, job）{ this.name = name; this.age = age;...

JS获取鼠标选中的文字

2017年02月06日 33 阅读

js获取鼠标选中的文字代码如下所示：<html><head><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js获取鼠标选中的文字</title> <SCRIPT LANGUAGE="JavaScript"><！--function SelectTex...

BootStrap中Datepicker控件带中文的js文件

2017年02月06日 34 阅读

bootstrap-datepicker 是一个非常优秀的时间选择插件，默认是英文显示日期的。本文给大家介绍bootstrap datepicker带中文的js文件。//用之前引用bootstrap的jsif （$（".datepicker"）.length > 0） {$（".datepicker"）.datepicker（{language: "zh-CN",autoclose: true,//选中之后自动隐藏日期选择框clearBtn: tru...

BootStrap Typeahead自动补全插件实例代码

2017年02月06日 36 阅读

关键代码如下所示：$（"#Sale"）.typeahead（{ajax: {url: "@Url.Action（"../Contract/GetSale"）",//timeout: 300,method: "post",triggerLength: 1,loadingClass: null,preProcess: function （result） {return result;}},display: "Value",val: "ID",items: 10...

基于JSON格式数据的简单jQuery幻灯片插件（jquery-slider）

2017年02月06日 33 阅读

jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等，你可以通过更换JSON数据来动态切换不同的图片。在线预览源码下载使用方法在页面中引入jquery和slider.js文件和font-awesome字体图标文件。<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/...

使用BootStrap实现用户登录界面UI

2017年02月06日 32 阅读

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现思路详解。布局1.左右各一半（col-md-6）2.左侧登录框占左侧一半的10/123.右侧是登录系统的注意事项使用到的HTML元素well输入框组（input-group）按钮（btn-success）HTML代码<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-right:1...

vue分页组件table-pagebar使用实例解析

2017年02月06日 35 阅读

之前一直接触都是原始的前端模型，jquery+bootstrap，冗杂的dom操作，繁琐的更新绑定。接触vue后，对前端MVVM框架有了全新的认识。本文是基于webpack+vue构建，由于之前的工作主要是基于java的服务端开发工作，对前端框架和组件的理解，不够深入，借此来记录在前端框架使用和构建中的点点滴滴。此分页组件参照于bootstrap-datatable底部分页开发完成，相关参数增加自定义功能。最终使用展现效果图如下，数据来源于cnodejs【...

原生态js,鼠标按下后,经过了那些单元格的简单实例

2017年02月06日 34 阅读

本来是要判断那些单元格被选中，结果发现行不通，只能判断鼠标按下后，经过了那些单元格之所以发出来，是觉得案例还有很多有意思的地方onmouseover 的持续触发，导致了很多重复元素由于将事件绑定在整个table上，还出现了undefined鼠标的反复进入进出，会导致相同元素的断断续续的重复，如何解决他们！<table border="1" id="dnf"> <tr> <td rowspan="2">2</td&g...

js倒计时简单实现代码

2017年02月06日 37 阅读

倒计时：1.设置一个有效的结束日期2.计算剩余时间3.将时间转换成可用的格式4.输出时钟数据作为一个可重用的对象5.在页面上显示时钟，并在它到达0时停止html<div id="clock"><span id="days"></span>天<span id="hours"></span>时<span id="minutes"></span>分<span id="sec...

浅谈js中对象的使用

2017年02月06日 35 阅读

简单记录javascript中对象的使用一、创建对象//创建一个空对象var o={};//创建一个含有两个属性的对象，x、yvar o2={x:12,y:"12",name:"JS"};//此对象中的author属性的值还是一个对象var o3={x:12,author:{name:"JS",age:23,address:"china"}};//创建一个空对象和{}一样var o4=new Object（）;//给对象增加name属性o4.name="J...

Node.js中防止错误导致的进程阻塞的方法

2017年02月06日 35 阅读

在Node.js中，当某个回调函数发生了错误，整个进程都会崩溃，影响后面的代码执行。Node.js这样处理，是因为在发生未被捕获的错误时，进程的状态就不确定。之后也就无法正常工作了。如果错误始终不处理的话，就回一直抛出意料之外的错误，这样不利于调试。防止错误导致的进程阻塞的方法主要有如下两种：一. try-catchtry-catch允许进行异常捕获，并让代码继续执行下去：例如：当函数抛出错误时，代码就停止执行了：（function（） {var a = ...

JS中的hasOwnProperty（）和isPrototypeOf（）属性实例详解

2017年02月06日 34 阅读

这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty（）和Object.prototype.isPropertyOf（）先讲解hasOwnProperty（）方法和使用。在讲解isPropertyOf（）方法和使用看懂这些至少要懂原型链一、Object.prototype.hasOwnProperty（）概述hasOwnProperty（）方法用来判断某个对象是否含有指定的自身属性语法obj....

基于js对象,操作属性、方法详解

2017年02月06日 32 阅读

一，概述在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。目前在Javascript中，已经存在一些标准的类，例如Date、Array、RegExp、String、Math、Number等等，这为我们编程提供了许多方便。但对于复杂的客户端程序而言，这些还远远不够。与Java不同，Java2提供给我们的标准类很多，基本上满足了我们的编程需求，但...

JS中的hasOwnProperty（）、propertyIsEnumerable（）和isPrototypeOf（）

2017年02月06日 34 阅读

首先了解枚举属性一般利用for~in遍历var a = [1,2,3];for（var i in a）{console.log（a[i]）;}orvar o = {p1:1,p2:2};for（var i in o）{console.log（i+"="+o[i]）;}//p1=1;p2=2;<1>并不是所有的属性都会在for~in遍历中显示。比如（数组的）length属性和constructor属性。那些已经被显示的属性被称为可枚举的，可以通过...

Js调用Java方法并互相传参的简单实例

2017年02月06日 34 阅读

Js通过PhoneGap调用Java方法并互相传参的。一、JAVA代码写一个类，该类继承自Plugin并重写execute方法。import org.json.JSONArray;import android.app.Activity;import android.app.AlertDialog;import android.content.ActivityNotFoundException;import android.content.DialogInt...

js接收并转化Java中的数组对象的方法

2017年02月06日 36 阅读

在做项目时，要向ocx控件下发命令，就要在js中得到java中的对象，然后拼成一种格式，下发下去。。。当对象是一个时比较简单，但如果对象是一个数组时，就略显麻烦了。开始我以为有简单的方式，可以直接进行内容的转化，后来发现不可以，网上说js与java没有桥接的东西，所以呢：我的解决方案是：在action层，将java的对象数组转化为Json串，而在js中，再把json转化为数组对象。1.将java的对象数组转化为Json串：要用到两个类：net.sf.jso...

JavaScript性能优化总结之加载与执行

2017年02月06日 33 阅读

前言无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或 JavaScript 的命名空间，它们对后面页面内容造成影响。一个典型的例子就是在页面中使用document.write（），例如清单 1清单 1 JavaScript 代码内嵌示例<html>&...

JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）

2017年02月06日 32 阅读

函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个时间时，先setTimout让这个事件延迟一会再执行，如果在这个时间间隔内又触发了事件，那我们就clear掉原来的定时器，再setTimeout一个新的定时器延迟一会执行，就这样。以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，...

首页 / 脚本样式 / JavaScript

JavaScript中自带的 reduce（）方法使用示例详解

JavaScript实现刷新不重记的倒计时

浅析JavaScript函数的调用模式

JS获取鼠标选中的文字

BootStrap中Datepicker控件带中文的js文件

BootStrap Typeahead自动补全插件实例代码

基于JSON格式数据的简单jQuery幻灯片插件（jquery-slider）

使用BootStrap实现用户登录界面UI

vue分页组件table-pagebar使用实例解析

原生态js,鼠标按下后,经过了那些单元格的简单实例

js倒计时简单实现代码

浅谈js中对象的使用

Node.js中防止错误导致的进程阻塞的方法

JS中的hasOwnProperty（）和isPrototypeOf（）属性实例详解

基于js对象,操作属性、方法详解

JS中的hasOwnProperty（）、propertyIsEnumerable（）和isPrototypeOf（）

Js调用Java方法并互相传参的简单实例

js接收并转化Java中的数组对象的方法

JavaScript性能优化总结之加载与执行

JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）