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

jQuery点击其他地方时菜单消失的实现方法

2017年02月06日 10 阅读

本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考，具体如下：<script type="text/javascript">function stopPropagation（e） {if （e.stopPropagation） e.stopPropagation（）;//停止冒泡非ieelse e.cancelBubble = true;//停止冒泡 ie}$（document）.bind（"click",func...

jquery插件Jplayer使用方法简析

2017年02月06日 10 阅读

初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。现在从需求上来了解它的使用方法吧。第一个需求：MP3格式的音频在网页播放，样式如下：刚看到这个需求的时候，还是觉着有些难度的。我从官网（http://www.jplayer.cn/）上下载了这个的压缩包，直接拿出了里面的例子套用（路径：/examples/blue.monday/demo-01-supplied-mp3.htm），不...

基于jquery实现轮播特效

2017年02月06日 9 阅读

轮播是学习jquery开始的第二个实现的动效，也是学习时间最久的一个。在实现轮播的过程中总是会遇到各种各样的问题，请教过很多人，也多次问过度娘。今天，也不敢果敢的说，可以马上写好一个轮播。希望是通过随笔的方式，记录下一些思维过程。首先是html结构，一个简单的轮播，单张图片无缝轮播，主要分为三大层：div>ul>li，li里面的img图片。其次，css样式：div固定住宽高，overflow：hidden；ul的宽度建议是动态获取（...

jQuery 监控键盘一段时间没输入

2017年02月06日 10 阅读

监控一段时间没输入可用于简单的输入完成上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题，其中核心的判断标准是输入完成的定义。即：用户怎么算输入完成。我使用的标准是，当一个文本框中，里面的内容1秒钟无变化，则表示用户1秒钟内无输入，说明用户是已经输入完成，再等待返回数据了。那么jQuery如何实现判断1秒内无输入呢。<！DOCTYPE html><html><head><script src="...

使用jQuery UI库开发Web界面的简单入门指引

2017年02月06日 11 阅读

一．jQuery UIjQuery UI 是以jQuery 为基础的开源JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web 应用程序。jQuery UI 的官网网站为：http://jqueryui.com/jquery-ui-x.xx.x.custom.zip。里面目录结构如下：1.css，包含与jQuery UI 相关的CSS 文件；2.js，包含jQuery UI...

使用jQuery制作基础的Web图片轮播效果

2017年02月06日 10 阅读

首先看一下效果：就这么个意思，没截动图哈~轮播效果分析：轮播效果大致可以分为3个部分：轮播图片（图片或者是包含容器），控制轮播图显示的按钮（向左、向右按钮，索引按钮（例如上面效果图的顶部的数字按钮）），每隔一段时间轮流显示轮播图片。轮播图的显示：要显示的轮播图显示，不需要显示的轮播图隐藏；通常将这些轮播图片以定位的方式重叠在一起，每次显示一张轮播图片。控制按钮：鼠标点击或者移到索引按钮上面时，显示对应索引位置的轮播图；向上、向下按钮负责控制显示上一张、下一...

举例讲解如何判断JavaScript中对象的类型

2017年02月06日 10 阅读

在编写js程序的过程中，可能常常需要判断一个对象的类型，例如你写了一个函数，需要通过判断不同的参数类型来编写不同的代码。首先可能会想到typeof操作符，看下面的这个例子: <script type="text/javascript"> var object = {}; var b = true; alert（typeof object + " " + typeof b）;</script> 得到的结果如下：从上面的结果可以看到，用...

AngularJS中的过滤器filter用法完全解析

2017年02月06日 10 阅读

在AngularJS的世界里，filter提供了一种格式化数据的方法，Angular也提供给我们了很多内建的过滤器，并且建立自定义过滤器也是相当的简单在HTML的模板绑定{{}}中，我们使用 | 来调用过滤器，比如，我们想让字符串全部大写字符显示：{{ name | uppercase }}当然了，我们也可以在JavaScript中使用$filter服务来调用过滤器，还拿字符串大写来举例：app.controller（"DemoController", [...

详解jQuery UI库中文本输入自动补全功能的用法

2017年02月06日 10 阅读

自动补全（autocomplete），是一个可以减少用户输入完整信息的UI 工具。一般在输入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。一．调用autocomplete（）方法$（"#email"）.autocomplete（{source : ["aaa@163.com", "bbb@163.com", "ccc@163.com"],}）; 二．修改autocomplete（）样式由于autocomplete（）方法是弹窗，然后鼠标悬停的样...

jQuery UI库中dialog对话框功能使用全解析

2017年02月06日 10 阅读

对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScript的alert（）、prompt（）等方法，也避免了新窗口或页面的繁杂冗余。一．开启多个dialog 只要设置不同的id 即可实现。$（"#x"）.dialog（）; $（"#y"）.dialog（）; 二．修改dialog 样式在弹出的dialog 对话框中，在火狐浏览器中打开Firebug 或者右击->查看元素。可以看看dialog 的样式，对d...

JavaScript实现Base64编码转换

2017年02月06日 10 阅读

简介Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2的6次方等于64，所以每6个比特为一个单元，对应某个可打印字符。三个字节有24个比特，对应于4个Base64单元，即3个字节需要用4个可打印字符来表示。它可用来作为电子邮件的传输编码。在Base64中的可打印字符包括字母A-Z、a-z、数字0-9，这样共有62个字符，此外的两个可打印符号在不同的系统中而不同，一般为+和/。转换原理Base64的直接数据源是二进制序列（Binary ...

javascript中this指向详解

2017年02月06日 10 阅读

JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript 中的 this 关键字，才算是迈入了 JavaScript 这门...

探寻JavaScript中this指针指向

2017年02月06日 10 阅读

探寻JavaScript中this指针指向首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。为什么要学习this？如果你学过...

javascript学习指南之回调问题

2017年02月06日 10 阅读

回调地狱对 JavaScript 程序员来说，处理回调是家常，但是处理层次过深的回调就没有那么美好了，下面的示例代码片段用了三层回调，再补脑一下更多层的场景，简直是酸爽，这就是传说中的回调地狱。getDirectories（function（dirs） {getFiles（dirs[0], function（files） {getContent（files[0], function（file, content） {console.log（"filename...

基于 Node.js 实现前后端分离

2017年02月06日 10 阅读

基本介绍首先从一个重要的概念“模板”说起。广义上来说，web中的模板就是填充数据后可以生成文件的页面。严格意义上来说，应该是模板引擎利用特定格式的文件和所提供的数据编译生成页面。模板大致分为前端模板（如ejs）和后端模板（如freemarker）分别在浏览器端和服务器端编译。由于当场有一部分同学对node.js并不是很了解，这里补充一下node.js的相关知识。官网上的给他的定义事件驱动、异步什么的就不说了。这里借用朴灵书上的一张图来解释一下node....

javascript断点调试心得分享

2017年02月06日 10 阅读

1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）步骤记住没？用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上单击一下，OK！恭喜你的处女断点打上了,哈哈~~2.断点怎么打才...

JavaScript常用字符串与数组扩展函数小结

2017年02月06日 11 阅读

String对象的扩展函数：String.prototype.trim = function（） { return this.replace（/^s+|s+$/g,""）; } String.prototype.ltrim = function（） { return this.replace（/^s+/g,""）; } String.prototype.rtrim = function（） { return this.replace（/s+$/g,""）;...

Bootstrap每天必学之导航组件

2017年02月06日 11 阅读

在bootstrap框架中将导航独立出来成为一个导航组件，根据不同的版本，可以找到相应的源码：LESS: navs.lessSASS: _navs.scss标签形导航，也称选项卡导航标签形导航是通过.nav-tabs样式来实现的，在制作标签形导航时需要在原导航类名为.nav的容器上追加类名.nav-tabs<ul class="nav nav-tabs"><li><a href="#">导航标题1</a>&l...

基于node实现websocket协议

2017年02月06日 10 阅读

一、协议WebSocket是一种基于TCP之上的客户端与服务器全双工通讯的协议，它在HTML5中被定义，也是新一代webapp的基础规范之一。它突破了早先的AJAX的限制，关键在于实时性，服务器可以主动推送内容到客户端！可能的应用有：多人在线游戏，即时聊天，实时监控，远程桌面，新闻服务器等等。对于我自己，当前最想尝试的是canvas+websocket组合起来能做什么。二、实现由于握手的过程是一个标准的HTTP请求，因此 websocket 的实现有两种...

下雪了 javascript实现雪花飞舞

2017年02月06日 10 阅读

本文实例为大家分享了雪花飞舞效果javascript实现，供大家参考，具体内容如下原理:1、js动态创建DIV,指定CLASS类设置不同的背景图样式显示不同的雪花效果。2、js获取创建的DIV并改变其top属性值，当下落的高度大于屏幕高后删除该移动div3、好像不够完善勿喷效果预览:http://wjf444128852.github.io/demo02/snow/index.htmlHTML代码：<！DOCTYPE html><html...

首页 / 脚本样式 / JavaScript

jQuery点击其他地方时菜单消失的实现方法

jquery插件Jplayer使用方法简析

基于jquery实现轮播特效

jQuery 监控键盘一段时间没输入

使用jQuery UI库开发Web界面的简单入门指引

使用jQuery制作基础的Web图片轮播效果

举例讲解如何判断JavaScript中对象的类型

AngularJS中的过滤器filter用法完全解析

详解jQuery UI库中文本输入自动补全功能的用法

jQuery UI库中dialog对话框功能使用全解析

JavaScript实现Base64编码转换

javascript中this指向详解

探寻JavaScript中this指针指向

javascript学习指南之回调问题

基于 Node.js 实现前后端分离

javascript断点调试心得分享

JavaScript常用字符串与数组扩展函数小结

Bootstrap每天必学之导航组件

基于node实现websocket协议

下雪了 javascript实现雪花飞舞