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

JavaScript数组方法大全（推荐）

2017年02月06日 36 阅读

数组在笔试中经常会出现的面试题，javascript中的数组与其他语言中的数组有些不同，为了方便之后数组的方法学习，下面小编给大家整理了关于数组的操作方法，一起看看吧。数组创建JavaScript中创建数组有两种方式，第一种是使用 Array 构造函数：var arr1 = new Array（）; //创建一个空数组var arr2 = new Array（20）; // 创建一个包含20项的数组var arr3 = new Array（"lily","...

Node.js实现文件上传

2017年02月06日 36 阅读

在工作中碰到了这样的需求，需要用nodejs 来上传文件，之前也只是知道怎么通过浏览器来上传文件，用nodejs的话，相当于模拟浏览器的行为。 google 了一番之后，明白了浏览器无非就是利用http协议来给服务器传输数据，具体协议就是《RFC 1867 - Form-based File Upload in HTML》，在浏览器上通过form 表单来上传文件就是通过这个协议，我们可以先看看浏览器给服务端发送了什么数据，就可以依葫芦画瓢的把上...

jQuery的Each比JS原生for循环性能慢很多的原因

2017年02月06日 37 阅读

其实查看jQuery的源代码，发现each的代码很简单，但为什么性能和原生的for循环相差几十倍呢？jQuery的each的核心代码for （; i < length; i++） { value = callback.call（obj[i], i, obj[i]）; if （value === false） { break; } }看着很简单，但为什么会慢很多呢？编写测试代码如下：var length=300000; function GetArr（...

结合代码图文讲解JavaScript中的作用域与作用域链

2017年02月06日 35 阅读

先上三段说明作用域的代码//==========例1========== var scope="global";function fn（）{alert（scope）;var scope="local";alert（scope）;}fn（）;//输出结果？alert（scope）;//输出结果？ //===========例2========== var scope="global";function fn（）{alert（scope）;scope="loc...

JQuery组件基于Bootstrap的DropDownList（完整版）

2017年02月06日 35 阅读

在前文创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件中，实现了DropDownList的JQuery组件，但是留有遗憾。就是当下拉菜单出现滚动条的时候，滚动条会覆盖菜单右侧的两个圆角。使得下拉菜单左侧有2个圆角，右侧没有，看上去不是很完美。如下图所示：本文的内容就是如何恢复右侧的圆角先看看原本的下拉菜单的HTML结构： <ul class="dropdown-menu dropdown-menu-...

JS实现环形进度条（从0到100%）效果

2017年02月06日 32 阅读

最近公司项目中要用到这种类似环形进度条的效果，初始就从0开始动画到100%结束。动画结果始终会停留在100%上，并不会到因为数据的关系停留在一半。如图代码如下demo.html <！doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chr...

一道优雅面试题分析js中fn（）和return fn（）的区别

2017年02月06日 32 阅读

在js中，经常会遇到在函数里调用其它函数的情况，这时候会有 fn（）这种调用方式，还有一种是 return fn（）这种调用方式，一些初学者经常会被这两种方式给绕晕了。这里用一个优雅的面试题来分析一下两种方式的不同之处。var i = 0;function fn（）{ i++; if（i < 10）{ fn（）; }else{ return i; }}var result = fn（）;console.log（result）; 这是一道隐藏了坑的...

jQuery事件委托之Safari

2017年02月06日 33 阅读

什么是事件委托事件委托是Jquery中一种事件绑定的方式，不同于常见的事件绑定方式将事件绑定在目标元素上，而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。//常见的事件绑定（Jquery）$（element）.click（function（）{//do something}）//事件委托（Jquery）$（parents）.on（"click",element,function（）{//do something}）事件委托的原理事件委托将事件监听绑定...

jQuery获取浏览器类型和版本号的方法

2017年02月06日 34 阅读

废话不多说，关键代码如下所示：$（document）.ready（function（）{varbrow=$.browser;varbInfo="";if（brow.msie）{bInfo="MicrosoftInternetExplorer"+brow.version;}if（brow.mozilla）{bInfo="MozillaFirefox"+brow.version;}if（brow.safari）{bInfo="AppleSafari"+brow...

Javascript 基础---Ajax入门必看

2017年02月06日 34 阅读

Ajax 是现代Web 应用程序开发的一项关键工具。它让你能向服务器异步发送和接收数据，然后用 Javascript 解析。 Ajax 是 Asynchronous JavaScript and XML （异步JavaScript 与XML）的缩写。Ajax 核心规范的名称继承于用来建立和发起请求的 Javascript 对象：XMLHttpRequest 。这个规范有两个等级。所有主流浏览器都实现了第一级，它代表了基础级别的功能。第二级扩展了最初的规范，...

jQuery 3.0十大新特性

2017年02月06日 33 阅读

jQuery 3.0在日前发布了最终的全新版本。从2014年10月，jQuery团队对这个主要大版本进行维护开始，web开发者社区便一直在期待着这一刻的到来，终于在2016年6月他们迎来了这一个最终版。通过jQuery 3.0的版本更新说明，我们看到了一个保持着向后兼容的更轻便，更快速的jQuery。在本文中，我们将介绍一些令人眼前一亮的jQuery 3.0全新特性。开始前的说明如果你想要下载jQuery 3.0进行亲自实验，可以通过该页面进行下载。...

快速解决js动态改变dom元素属性后页面及时渲染的问题

2017年02月06日 32 阅读

今天实现一个进度条加载过程，dom结构其实就是两个div<div class="pbar"> <div class="ui-widget-header" id="percent_bar" style="width: 23%;"></div> </div>控制里层div的宽width属性，就能实现进度条往前走的效果。我的进度条是显示下载文件的进度，简单实现一共100个文件的话，下载一个就1%，下载了20个就走到...

js中window.open的参数及注意注意事项

2017年02月06日 32 阅读

IE9下使用window.open时需要注意name参数值不能有"-"出现,否则会出现脚本错误,IE9以及版本测试没有问题window.open（URL,name,specs,replace）参数说明URL可选。打开指定的页面的URL。如果没有指定URL，打开与新的空白窗口name可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_...

Spring MVC中Ajax实现二级联动的简单实例

2017年02月06日 35 阅读

今天写项目遇到了二级联动，期间遇到点问题，写个博客记录一下。后台Controller：@RequestMapping（"/faultType"）@ResponseBodypublic Map<String,Object> faultType（int id,HttpServletRequest request）throws IOException{String ReturnMessage = "";//获取所有子类故障类型List<Faul...

jQuery插件dataTables添加序号列的方法

2017年02月06日 34 阅读

官网方法实例：$（document）.ready（function（） {var t = $（"#example"）.DataTable（{"columnDefs": [{"searchable": false,"orderable": false,"targets": 0}],"order": [[1, "asc"]]}）;t.on（"order.dt search.dt",function（） {t.column（0, {search: "applie...

针对BootStrap中tabs控件的美化和完善（推荐）

2017年02月06日 33 阅读

BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是，它的样式比较单一，如何才能在其原有的基础上做出更加美观的效果呢，我一直在考虑这个问题。另外，Bootstrap中的tabs必须要单击每个选项卡才能实现切换，能否使用Jquery来控制其自动切换，让它过一段时间（如5秒钟）从一个选项卡切换到另一个呢？下面是我的实现过程，首先是tabs部分的html代码：<div class="tab" role="tabpanel">&l...

Bootstrap选项卡与Masonry插件的完美结合

2017年02月06日 34 阅读

Bootstrap 是最流行的前端框架之一。在你的项目中使用Bootstrap,你就可以很快的实现响应式的网页。如果你尝试将Masonry和Bootstrap提供的众多JavaScript组件之一的选项卡组件一起使用，你将会发现许多讨厌的行为。我遇到过，而本文主要关注这个问题是什么和你要如何来解决这个问题。Bootstrap的TabsBootstrap的选项卡组件包括两个关键点：选项卡导航元素和一些内容面板。在页面加载时，第一个面板应用了 .activ...

移动端一个简单易懂的弹出框

2017年02月06日 29 阅读

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。关键代码如下所示：function tishi（content,url） {var html = "<div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="b...

JS如何判断json是否为空

2017年02月06日 33 阅读

废话不多说，直奔主题了。var jsonStr ={};1、判断json是否为空jQuery.isEmptyObject（）；2、判断对象是否为空：1、if （typeOf（x） == "undefined"）2、if （typeOf（x）！= "object"）3、if（！x）其中第三种是最简单的方法，但是第三种就不能用if（x）这种互斥的方法去判断，只能在对象前面加！3、json的key是不可以重复的；jsonStr[key]="xxx",存在在替换...

jQuery基于ID调用指定iframe页面内的方法

2017年02月06日 32 阅读

本文实例讲述了jQuery基于ID调用指定iframe页面内的方法。分享给大家供大家参考，具体如下：复制代码代码如下:$（window.parent.document）.contents（）.find（"#iframeID"）[0].contentWindow.initPagerList（）;说明：iframeID 为iframe的ID；initPagerList 为 iframe 页面内的方法。<html><head> <...

首页 / 脚本样式 / JavaScript

JavaScript数组方法大全（推荐）

Node.js实现文件上传

jQuery的Each比JS原生for循环性能慢很多的原因

结合代码图文讲解JavaScript中的作用域与作用域链

JQuery组件基于Bootstrap的DropDownList（完整版）

JS实现环形进度条（从0到100%）效果

一道优雅面试题分析js中fn（）和return fn（）的区别

jQuery事件委托之Safari

jQuery获取浏览器类型和版本号的方法

Javascript 基础---Ajax入门必看

jQuery 3.0十大新特性

快速解决js动态改变dom元素属性后页面及时渲染的问题

js中window.open的参数及注意注意事项

Spring MVC中Ajax实现二级联动的简单实例

jQuery插件dataTables添加序号列的方法

针对BootStrap中tabs控件的美化和完善（推荐）

Bootstrap选项卡与Masonry插件的完美结合

移动端 一个简单易懂的弹出框

JS如何判断json是否为空

jQuery基于ID调用指定iframe页面内的方法

移动端一个简单易懂的弹出框