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

jQuery拖拽排序插件制作拖拽排序效果（附源码下载）

2017年02月06日 12 阅读

使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件。效果图如下：效果演示源码下载html代码：<h1>水平拖拽</h1><div class="demo"><div class="item item1"><span>1</span></div><div class="item item2"><span>2</span...

使用Javascript实现选择下拉菜单互移并排序

2017年02月06日 12 阅读

本文给大家介绍使用js实现下拉菜单可选择互相移动并实现菜单排序，代码简单易懂，具有参考价值，先给大家展示下效果图，感觉还很满意请参考本段代码。代码如下：<html><head><title>使用Javascript实现选择下拉菜单互移并排序</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><...

jQuery常用知识点总结以及平时封装常用函数

2017年02月06日 12 阅读

本文为大家介绍了jQuery中常用知识点及函数，包含许多细节方面的知识，下面我们一起学习一下。jQuery中为我们提供了很多有用的属性，自己总结的一些常用的函数。个人认为在在线排盘开发中会比较常用的，仅供大家学习和参考。刚开始学习前端的时候开始整理这个文档，现在内容已经逐渐增多。虽然现在看起来，文档里的内容非常简单，但是看着这些内容，好像还依稀记得这一行行代码当时被记录的情景。所以我想把这段回忆保存起来，为刚接触前端的童鞋们提供一个简单的查询的途径，也以此...

javascript每日必学之封装

2017年02月06日 11 阅读

朋友们好，前面我们已经讲解了有关javascript的基础，从今天的内容开始，我们就要开始讲有关封装的内容了，这里，我们就一点一点地接触到OOP（面向对象编程）了，如果作为一门语言使用的程序员连OOP都不知道是什么，或者只听说过，自己没有去领悟，不能写出面向对象的代码，那么也没有学习程序的必要了，下面我先会给大家详细的介绍面向对象是什么，面向过程是什么，要想弄明白面向对象，首先我们就必须知道面向过程。在你已经弄明白了面向过程之后，我们也不能盲目地为了OOP...

学习Javascript面向对象编程之封装

2017年02月06日 11 阅读

Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、生成对象的原始模式假定我们把猫看成一个对象，它有"名字"和"颜色"两个属性。var Cat = { name : ""...

理解javascript封装

2017年02月06日 11 阅读

封装可以被定义为对对象的内部数据表现形式和实现细节进行隐藏。通过封装可以强制实施信息隐藏。在JavaScript中，并没有显示的声明私有成员的关键字等。所以要想实现封装/信息隐藏就需要从另外的思路出发。我们可以使用闭包的概念来创建只允许从对象内部访问的方法和属性，来达到封装的要求。基本方式一般来说，我们学用的有三种方法来达到封装的目的。使用this.XXX来声明一个变量，然后再声明getXXX、setXXX等取值、赋值的方法。使用this._XXX来声明一...

JS实现的仿QQ空间图片弹出效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现的仿QQ空间图片弹出效果代码。分享给大家供大家参考，具体如下：<script type="text/javascript">function imageShow（which_click） {var image_path = which_click;//alert（image_path）;var tag_top = Math.max（document.documentElement.scrollTop, document.b...

javascript每日必学之继承

2017年02月06日 11 阅读

朋友们大家好，我们今天这一讲就接着前面的封装继续讲解，今天就是在前面内容上面的升级，OOP思想中的继承，我们就先来解释一下继承到底是什么意思，我们在什么地方会用到继续。继承就是，后代继续祖先的一系列属性，行为。后代仍然算是与祖先同族，下面我们再用一些具体描述，来理解一下什么是继承中国人，跟美国人都是继承自人类祖先，所以我们具有相同的属性行为，但是还有一定的差异，后面我们们将继续讲到的多态，所以通过上面的示例图，我们可以清晰的知道，人与人之前其实大同...

javascript每日必学之多态

2017年02月06日 11 阅读

朋友们大家好，今天我们就接着前面的内容讲，前面我们已经讲到了继承，今天我们就来讲OOP目前最后一个体现，那就是多态，因为javascript语言的灵活性，所以我们是没有办法使用接口的，所以这也给js程序带来了一定的困惑，大家也不用太着急关心这个问题，因为这些到后面ECMAScript后面的版本会给我们解决这些问题的，又扯远了，还是回到正题，OOP的多态，前面我们已经可以很明白的理解继承是什么样子的了，就是先声明一个父类，然后，我们可以写很多的子类来继承父类...

JQUERY的AJAX请求缓存里的数据问题处理

2017年02月06日 11 阅读

参数type由get改成post添加参数cache并设置成false添加时间戳$.ajax（{url: "ios/index",cache: false,type: "post",data: {timestamp: new Date（）.getTime（）//params here},dataType: "json"}）.done（function （data） {//codes here}）;是不是非常的简单呢，希望小伙伴们能够喜欢。...

教你如何终止JQUERY的$.AJAX请求

2017年02月06日 11 阅读

最近遇到，如果用户频繁点击ajax请求，有两个问题：1，如果连续点击了5个ajax请求，前4个其实是无效的，趁早结束节省资源。2，更严重的问题是：最后一个发送的请求，响应未必是最后一个，有可能造成混乱。还需要一个队列来维护发送的请求和响应。我其实已经设计好了该队列的实现方式，后来发现jQuery直接通过abort方法，这样就不需要那么复杂的实现了，毕竟还有其他事情等着完成。用jquery发送ajax请求的确是太方便了，$.get、$.post、$.ajax...

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据（附源码下载）

2017年02月06日 12 阅读

ECharts地图主要用于地理区域数据的可视化，展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载，通过js引入或异步加载json文件的形式调用地图。效果演示源码下载本文将结合实例讲解如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据，我们以中国地图为例，展示去年（2015年）我国各省份GDP数据。通过异步请求php，读取mysql中的数据，然后展示在地图上，因此本文除了你掌握前端知识外，还需要你了...

理解javascript定时器中的单线程

2017年02月06日 12 阅读

一、JavaScript 引擎是单线程的可以从下面的代码中看到，第一个用setTimeout中的代码是死循环，由于是单线程，下面的两个定时器就没机会执行了。<script type="text/javascript"> setTimeout（ function（）{ while（true）{} } , 100）;setTimeout（ function（）{ alert（"你好！setTimeout"）; } , 200）;setInterva...

JavaScript添加随滚动条滚动窗体的方法

2017年02月06日 11 阅读

本文实例讲述了JavaScript中添加随滚动条滚动窗体的方法。分享给大家供大家参考，具体如下：两种实现方式：第一种：<script type=/"text/javascript/">function scrollImg（）{ var posX,posY; if （window.innerHeight） { posX = window.pageXOffset; posY = window.pageYOffset; } else if （docu...

jQuery实现返回顶部功能

2017年02月06日 11 阅读

代码很简单，这里就不多废话了，小伙伴们看代码吧。HTML：<！--Go to Top--><div id="Fixed"><a id="goTop" class="fl" title="去顶部" href="javascript:;">去顶部</a></div><！--Go to Top end-->CSS：.fl{display:block;float:left;width:50px...

JavaScript简单实现鼠标移动切换图片的方法

2017年02月06日 14 阅读

本文实例讲述了JavaScript简单实现鼠标移动切换图片的方法。分享给大家供大家参考，具体如下：<title>JavaScript切换图片</title><script>function showDaTu（src）{document.getElementById（"defaultImg"）.src=src;}</script><img src="images/wall1.jpg" id="defaul...

JQUERY表单暂存功能插件分享

2017年02月06日 11 阅读

jquery.formLocalStorage 是一个实现通用表单暂存功能的jquery插件原理：监控表单域变化，并使用HTML5 WebStorage中的localStorage来存储这些有变化的表单域的值，并在从新加载表单时将存储的值载入回表单域中，从而实现暂存功能。功能特点：1.不使用服务器端存储，节省服务器资源。2.代码简练，使用默认配置的话只需一小段代码 $（"#your_form_id"）.formLocalStorage（）; 即可搞定，无需...

Web开发必知Javascript技巧大全

2017年02月06日 11 阅读

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。在这篇文章里，我将分享一些Jav...

理解javascript定时器中的setTimeout与setInterval

2017年02月06日 11 阅读

一、解释说明1、概述setTimeout：在指定的延迟时间之后调用一个函数或者执行一个代码片段setInterval：周期性地调用一个函数（function）或者执行一段代码。2、语法setTimeout：var timeoutID = window.setTimeout（func, delay, [param1, param2, ...]）;var timeoutID = window.setTimeout（code, delay）;timeoutID ...

Bootstarp创建可折叠的组件

2017年02月06日 11 阅读

本文将学习如何通过 Bootstarp 创建可折叠的组件，具体内容如下什么是必需的您必须引用 jquery.js 和 bootstrap-collapse.js - 这两个 JavaScript 文件都位于 docs/assets/js 文件夹内。您可以在不编写大量 JavaScript 或者不调用 JavaScript 的情况下创建可折叠的组件。实例第一个实例演示如何不调用 JavaScript 创建可折叠的组件。<！DOCTYPE html>...

首页 / 脚本样式 / JavaScript

jQuery拖拽排序插件制作拖拽排序效果（附源码下载）

使用Javascript实现选择下拉菜单互移并排序

jQuery常用知识点总结以及平时封装常用函数

javascript每日必学之封装

学习Javascript面向对象编程之封装

理解javascript封装

JS实现的仿QQ空间图片弹出效果代码

javascript每日必学之继承

javascript每日必学之多态

JQUERY的AJAX请求缓存里的数据问题处理

教你如何终止JQUERY的$.AJAX请求

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据（附源码下载）

理解javascript定时器中的单线程

JavaScript添加随滚动条滚动窗体的方法

jQuery实现返回顶部功能

JavaScript简单实现鼠标移动切换图片的方法

JQUERY表单暂存功能插件分享

Web开发必知Javascript技巧大全

理解javascript定时器中的setTimeout与setInterval

Bootstarp创建可折叠的组件