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

jQuery侧边栏实现代码

2017年02月06日 10 阅读

先给大家展示下实现效果图，如果亲感觉是您想要的效果，请参考本代码。实现代码如下所示：<！DOCTYPE html><html><head><meta charset="utf-8"><title>JavaScript菜单侧边展开（改良版）</title></head><body><ul id="navigation"><li><a ...

BootStrap响应式导航条实例介绍

2017年02月06日 11 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。响应式导航条就是可以在不同的设备下查看不同的效果。下面给大家分享代码：<header role="banner"><nav role="navigation" class="navbar navbar-default"><div class="con...

快速使用Bootstrap搭建传送带

2017年02月06日 10 阅读

bootstrap介绍Bootstrap是前端开发中应用非常广泛的一个框架，最早是Twitter 公司内部的一个工具，开源之后迅速得到了各方的认可。本书基于最新的Bootstrap 3撰写，在简单介绍了安装与配置之后就直奔主题，分别讨论了个人作品站点、WordPress主题、企业网站、电子商务网站和单页营销网站等几个最具代表性的应用案例，结合这些案例细致地剖析了Bootstrap还有LESS的使用方式和技巧。说了这么多，都是题外话，下面看看bootstra...

jquery自定义插件开发之window的实现过程

2017年02月06日 10 阅读

本例子实现弹窗的效果：如果亲感觉效果还不错，请继续往下阅读。1、jquery.show.js/** 开发者：lzugis* 开发时间：2014年6月10日* 实现功能：点击在鼠标位置显示div* 版本序号：1.0 */（function（$）{ $.fn.showDIV = function（options）{var defaults = {};var options = $.extend（defaults, options）;var showdiv=$（...

前端性能优化及技巧

2017年02月06日 11 阅读

前言为什么要优化性能对于前端工程师如此重要在行业内有句话不知道大家有没有听说过，‘懂得性能优化并且研究过jquery源代码的人和不懂得性能优化写出来的代码对于性能的消耗会相差上百倍甚至上千倍"，现在的javascript属于从ECMAscript3到ECMAscript5以及ECMAscript6的一个过渡的过程。在javascript的编写不健全的时候编写代码方法不得当，引起的问题也是不容忽视的。性能优化下面将自己对于性能优化的一些见解与大家分享； 1....

javascript创建对象的几种模式介绍

2017年02月06日 10 阅读

在js中有几种模式可以创建对象，通过对象操作所包含的属性与方法。一般来说，构造函数名称的第一个字母为大写字母，非构造函数名称的第一个字母为小写字母，当然，构造函数与一般函数唯一的区别只是调用的方式不同而已，所以任何函数只要通过new来调用，那它就可以作为构造函数，若不通过new来调用，则与一般函数一样。谈谈我对这几种模式的理解：工厂模式：创建一个一般函数，在函数里创建一个Object对象，为这个对象增添属性与方法，同时赋予其值，最后返回对象。无法识别对象类...

jquery自定义插件——window的实现【示例代码】

2017年02月06日 10 阅读

本例子实现弹窗的效果：1、jquery.show.js/** 实现功能：点击在鼠标位置显示div* 版本序号：1.0*/（function（$）{ $.fn.showDIV = function（options）{ var defaults = {}; var options = $.extend（defaults, options）; var showdiv=$（this）; var close, title, content; close=$（" "）...

浅析在javascript中创建对象的各种模式

2017年02月06日 11 阅读

最近在看《javascript高级程序设计》（第二版）javascript中对象的创建•工厂模式•构造函数模式•原型模式•结合构造函数和原型模式•原型动态模式面向对象的语言大都有一个类的概念，通过类可以创建多个具有相同方法和属性的对象。虽然从技术上讲，javascript是一门面向对象的语言，但是javascript没有类的概念，一切都是对象。任意一个对象都是某种引用类型的实例，都是通过已有的引用...

jquery实现下拉框功能效果【实例代码】

2017年02月06日 10 阅读

说不清楚，直接上图<！DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title></title><style type="text/css">* {margin: 0;padding: 0;}div.centent {float...

JavaScript中的原型继承基础学习教程

2017年02月06日 10 阅读

大多数编程语言中，都有类和对象，一个类可以继承其他类。在JavaScript中，继承是基于原型的（prototype-based），这意味着JavaScript中没有类，取而代之的是一个对象继承另一个对象。：）1. 继承, the proto在JavaScript中，当一个对象rabbit继承另一了对象animal时，这意味着rabbit对象中将会有一个特殊的属性：rabbit.__proto__ = animal;当访问rabbit对象时，如果解释器在r...

使用AJAX实现Web页面进度条的实例分享

2017年02月06日 10 阅读

在应用程序的安装和下载过程中，进度条的使用已经是非常普遍了。进度条可以用来表识项目的完成进度，可以用百分比或数字表示，可以水平放置。利用Ajax技术创建进度条，功能显得更加强大的快捷。现在创建一个实例，以演示使用Ajax技术实现进度条。该实例同样可以分为客户端代码和服务端代码。1，服务端代码服务端代码主要实现一句客户端的请求信息，返回相应的百分比数字。打开记事本，输入下列代码：<%@ page contentType="text/html; cha...

JS平滑无缝滚动效果的实现代码

2017年02月06日 10 阅读

本文我们实现纯JS方式的滚动广告效果。先show一下成品：首先是网页样式： #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float...

JavaScript数组方法总结分析

2017年02月06日 10 阅读

由于最近都在freecodecamp上刷代码，运用了很多JavaScript数组的方法，因此做了一份关于JavaScript教程的整理，具体内容如下：一、普通方法1、join（）将数组元素连接在一起，并以字符串形式返回参数：可选，指定元素之间的分隔符，没有参数则默认为逗号返回值：字符串对原数组的影响：无2、reverse（）将数组的元素顺序变成倒序返回参数：无返回值：数组对原数组的影响：原数组被修改为倒序排列之后的数组3、sort（）对数组元素进行排序并...

JavaScript的Backbone.js框架入门学习指引

2017年02月06日 10 阅读

1.简介最近在做一个大型网上银行项目前端的优化，需要使用一个胖客户端的优化，大概思路就是前端通过Ajax 请求去后端获取数据，以Jason的格式返回，然后显示在页面上。由于这个系统非常庞大，胖客户端方案难免需要在客户端写大量的JS代码。我想对于任何团队来说，大量的，非结构化的代码维护起来都非常的不方便。所以BackBone进入了我的视线。它提供了一种途径可以让你结构化你的JS代码，让你以面向对象的方式来组织你的前端JS代码。这就好比我们在前端应用Domai...

深入解析Backbone.js框架的依赖库Underscore.js的作用

2017年02月06日 10 阅读

backbone必须依赖underscore.js才能够使用，它必须通过underscore中的函数来完成访问页面元素、处理元素的基本操作。注：backbone可以很好的与其它js库一起工作，所以说它是一个库，而不是框架。Underscore并没有对原生对象进行扩展，而是调用_（）方法进行封装，一旦封装完成，js对象就变为Underscore对象，也可以通过Underscore对象的Value（）方法获取原生js对象中的数据。（jquery通过$（）方法得...

JavaScript的Backbone.js框架环境搭建及Hellow world示例

2017年02月06日 10 阅读

环境准备在正式学习Backbone之前，你需要准备一些东西：首先，你需要获取Backbone框架源文件：http://documentcloud.github.com/backbone/Backbone依赖于Underscore框架的基础方法，因此，你同时需要下载Underscore框架的源文件：http://documentcloud.github.com/underscore/在Backbone中，对DOM和事件的操作依赖于第三方库（如jQuery或Z...

Backbone.js框架中Model与Collection的使用实例

2017年02月06日 10 阅读

Model关于backbone，最基础的一个东西就是model，这个东西就像是后端开发中的数据库映射那个model一样，也是数据对象的模型，并且应该是和后端的model有相同的属性（仅是需要通过前端来操作的属性）。下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。首先定义一个html的页面：<！DOCTYPE html><html><head><title>the5fir...

js实现上传图片及时预览

2017年02月06日 11 阅读

本文实例为大家分享了javascript图片预览功能实现的具体代码，供大家参考，具体内容如下先为大家分享一段关于js图片预览的代码，兼容火狐和谷歌浏览器 /* 案例展示图片预览 */$（function（）{$（"#file0"）.bind（"change",function（）{ clickupLoad（）;}）;}）;function clickupLoad（）{ var imgObject = document.getElementById（"fil...

javascript表单处理具体实现代码（表单、链接、按钮）

2017年02月06日 10 阅读

本文实例处理各种表单, 以及链接,按钮的通用组件，教大家如何对javascript表单处理进行操作，具体内容如下/** * Generic Form processing js * @author Anthony.chen */ /** * Push button action [btn_action]data into form * If there is prescript , run the pre script */"use strict";//A...

基于bootstrap插件实现autocomplete自动完成表单

2017年02月06日 10 阅读

基于bootstrap插件实现autocomplete自动完成表单,提供脚本代码,用例,以及后台服务端（php），原文有些没说清楚的地方，希望能帮助大家.首先肯定还是加载bootstrap&jquery了，需要额外说明的是,后端返回的二维数组,和formatItem方法下面的调用保持一致即可;另外,返回的数据要先parseJSON！切记。相关参数说明：source：function（query,process）{}。query表示当前文本输入框中的字符串...

首页 / 脚本样式 / JavaScript

jQuery侧边栏实现代码

BootStrap响应式导航条实例介绍

快速使用Bootstrap搭建传送带

jquery自定义插件开发之window的实现过程

前端性能优化及技巧

javascript创建对象的几种模式介绍

jquery自定义插件——window的实现【示例代码】

浅析在javascript中创建对象的各种模式

jquery实现下拉框功能效果【实例代码】

JavaScript中的原型继承基础学习教程

使用AJAX实现Web页面进度条的实例分享

JS平滑无缝滚动效果的实现代码

JavaScript数组方法总结分析

JavaScript的Backbone.js框架入门学习指引

深入解析Backbone.js框架的依赖库Underscore.js的作用

JavaScript的Backbone.js框架环境搭建及Hellow world示例

Backbone.js框架中Model与Collection的使用实例

js实现上传图片及时预览

javascript表单处理具体实现代码（表单、链接、按钮）

基于bootstrap插件实现autocomplete自动完成表单