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

轻松创建nodejs服务器（7）：阻塞操作的实现

2017年02月06日 12 阅读

我们来看一下什么是阻塞操作；我模拟一个sleep（）方法来使hello star延迟10秒打印。requestHandlers.js复制代码代码如下:function start（） { console.log（"Request handler "start" was called."）; function sleep（milliSeconds） {var startTime = new Date（）.getTime（）;while （new Date（...

浅析jQuery EasyUI中的tree使用指南

2017年02月06日 12 阅读

本文记录的是带领成员开发一个小模块功能的时候，需要用到弹出窗口加载树状级联单位选择，最后决定用采用jQuery+EasyUI插件进行开发。但是在使用EasyUI中tree的插件时，碰到了不少麻烦。为了提供弹出树的显示速度，就采用异步加载数节点值，首先先加载根节点，然后根据点击的节点展开加载子节点。往往结果和预期的都不一样，困惑了几天，展开后子节点是动态加载了，但是收缩后无法清空之前填充的数据；第二次在展开时，子节点又被重复加载了一遍，造成了数据重复显示...

轻松创建nodejs服务器（10）：处理POST请求

2017年02月06日 13 阅读

目前为止，我们做的服务器没有实际的用处，接下来我们开始实现一些实际有用的功能。我们要做的是：用户选择一个文件，上传该文件，然后在浏览器中看到上传的文件。首先我们需要一个文本区（textarea）供用户输入内容，然后通过POST请求提交给服务器。我们在start事件处理器里添加代码，requestHandlers.js修改如下：复制代码代码如下:function start（response） {console.log（"Request handler "...

轻松创建nodejs服务器（10）：处理上传图片

2017年02月06日 12 阅读

本节我们将实现，用户上传图片，并将该图片在浏览器中显示出来。这里我们要用到的外部模块是Felix Geisendörfer开发的node-formidable模块。它对解析上传的文件数据做了很好的抽象。要安装这个外部模块，需在cmd下执行命令：复制代码代码如下:npm install formidable如果输出类似的信息就代表安装成功了：复制代码代码如下:npm info build Success: formidable@1.0.14安装...

JS实现判断滚动条滚到页面底部并执行事件的方法

2017年02月06日 12 阅读

需要了解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeight：是指元素内容的高度。依照上面的，那这个高度呢就是DIV内部的高度，包括可见部分及以滚动条下面的不可见部分。scrollTop：这个是什么呢？他可以理解为滚动...

jQuery实现视频作为全屏幕背景

2017年02月06日 12 阅读

先上效果图完整代码如下复制代码代码如下:<！doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>如何使用jQuery制作全屏幕背景的嵌入mp4-柯乐义</title><meta name=...

使用jquery菜单插件HoverTree仿京东无限级菜单

2017年02月06日 14 阅读

效果图：看了上面效果图，你或许已经明白为什么是仿京东菜单。如果还不明白，请访问http://list.jd.com/list.html?cat=9987,653,655 看看左上的菜单。当然这个HoverTree菜单的功能更加强大，可以实现无限级菜单。HTML代码：复制代码代码如下:<！DOCTYPE html><html><head><title>HoverTree - jquery菜单插件<...

jQuery多级弹出菜单插件ZoneMenu

2017年02月06日 12 阅读

ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。完整HTML文件代码：复制代码代码如下:<！DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ZoneMenu- jquery plugin</t...

简单谈谈jQuery（function（）{}）与（function（）{}）（jQuery）

2017年02月06日 12 阅读

开发jQuery插件时总结的一些经验分享一下。一、先看 jQuery（function（）{ }）; 全写为 jQuery（document）.ready（function（）{ }）;意义为在DOM加载完毕后执行了ready（）方法。二、再看（function（）{ }）（jQuery）；其实际上是执行（）（para）匿名方法,只不过是传递了jQuery对象。（function（$） {…}）（jQuery）;这里实际上是匿名函数，如下：funct...

JQuery右键菜单插件ContextMenu使用指南

2017年02月06日 13 阅读

插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jquery.com/通过此插件可以在不同的html元素内建立contextmenu,并且...

JS获取各种宽度、高度的简单介绍

2017年02月06日 13 阅读

有时候项目中会用到用js获取元素位置来定位元素，首先通过图片说明scrollWidth,clientWidth,offsetWidth的关系。JS获取各种宽度、高度的简单介绍：scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight...

使用JavaScript获取地址栏参数的方法

2017年02月06日 12 阅读

复制代码代码如下:/*** 获取地址栏参数** @example GetUrlString（"id"）** @desc 调用时加上判断，保证程序不会出错* var myurl = GetUrlString（"id"）;* if （myurl ！= null && myurl.toString（）.length > 1） {* alert（GetUrlString（"id"））; * }** @param String param 要获取地址栏中的参...

Javascript 实现图片无缝滚动

2017年02月06日 12 阅读

效果：鼠标移入图片停止滚动，鼠标移出自动滚动可以调整向左或右方向滚动复制代码代码如下:<style type="text/css"> * { margin: 0; padding: 0; } #div1 { overflow: hidden; width: 712px; height: 108px; margin: 100px auto; position: relative; background: red; } #div1 ul ...

Javascript添加监听与删除监听用法详解

2017年02月06日 12 阅读

本文实例讲述了Javascript添加监听与删除监听的用法。分享给大家供大家参考。具体分析如下：js中事件监听就是利用addEventListener来绑定一个事件，这个用法在jquery中非常常用并且简单，但在原生js中比较复杂，这里整理了addEventListener事件各方法的测试与例子供大家参考学习。在前两天做播放器的时候添加监听后删除监听遇到了一点麻烦，删不掉，后来看了一下才发现，参数需要完全对应，什么叫完全对应呢，换句话说：复制代码代码如下...

浅谈Javascript如何实现匀速运动

2017年02月06日 12 阅读

网站上会经常用到Javascript 中的运动，这次与大家分享一下一些运动的基本应用。方便大家在开发中能够直接使用。代码简单易懂，适用于初学者。最后会一步一步整理出一套自己的运动框架。应用案例效果图：鼠标移动到分享上，左边的div就会显示出来。移开会自己恢复。相信这个大家都会用到很实用，下面看看代码是如何实现的。复制代码代码如下:<style type="text/css"> #div1 { width: 150px; height:...

浅谈Javascript中匀速运动的停止条件

2017年02月06日 12 阅读

我们先来看下之前的匀速运动的代码，修改了速度speed后会出现怎么样的一个bug。这里加了两个标杆用于测试复制代码代码如下:<style type="text/css"> #div1 { width: 100px; height: 100px; position: absolute; background: red; top: 50px; left: 600px; } #div2 { width: 1px; height: 300px; po...

js中匿名函数的创建与调用方法分析

2017年02月06日 12 阅读

本文实例分析了js中匿名函数的创建与调用方法。分享给大家供大家参考。具体实现方法如下：匿名函数就是没有名字的函数了，也叫闭包函数（closures）,允许临时创建一个没有指定名称的函数。最经常用作回调函数（callback）参数的值，很多新手朋友对于匿名函数不了解。这里就来分析一下。function 函数名（参数列表）{函数体;}如果是创建匿名函数，那就应该是：function（）{函数体;}因为是匿名函数，所以一般也不会有参数传给他。为什么要创建匿名函...

jquery图片播放浏览插件prettyPhoto使用详解

2017年02月06日 12 阅读

一、prettyPhoto简介prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件，它不仅支持图片，还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义prettyPhoto。目前，prettyPhoto兼容大部分主流的浏览器，包括令人纠结的IE6。prettyPhoto插件的项目地址：http://www.no-margi...

jQuery多媒体插件jQuery Media Plugin使用详解

2017年02月06日 12 阅读

jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件，它支持大部分的网络多媒体播放器和多媒体格式，比如：Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本配置，自动将a标签替换成div，并生成object, embed甚至是iframe代码，至于生成object还是embed，jQuery Media会根据当前平台自...

零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门

2017年02月06日 12 阅读

本文改自非鱼的《【翻译】前端开发人员入门指南，从零开始搭建Node.js, Express, Jade, Mongodb服务器》，之所以把Jade换成Ejs，是因为我觉得ejs更符合WEB编程人员的习惯，更确切说应该是更符合PHP、ASP程序员的使用习惯。好了，废话不多说，直接开始教程。第1部分 – 15分钟安装如果你真的是从零开始学，那就花点时间先把环境搭建起来吧。这不难，我用的是Win8，所以这看上去跟那些用Mac和Ubuntu或者其它*nix系统的教...

首页 / 脚本样式 / JavaScript

轻松创建nodejs服务器（7）：阻塞操作的实现

浅析jQuery EasyUI中的tree使用指南

轻松创建nodejs服务器（10）：处理POST请求

轻松创建nodejs服务器（10）：处理上传图片

JS实现判断滚动条滚到页面底部并执行事件的方法

jQuery实现视频作为全屏幕背景

使用jquery菜单插件HoverTree仿京东无限级菜单

jQuery多级弹出菜单插件ZoneMenu

简单谈谈jQuery（function（）{}）与（function（）{}）（jQuery）

JQuery右键菜单插件ContextMenu使用指南

JS获取各种宽度、高度的简单介绍

使用JavaScript获取地址栏参数的方法

Javascript 实现图片无缝滚动

Javascript添加监听与删除监听用法详解

浅谈Javascript如何实现匀速运动

浅谈Javascript中匀速运动的停止条件

js中匿名函数的创建与调用方法分析

jquery图片播放浏览插件prettyPhoto使用详解

jQuery多媒体插件jQuery Media Plugin使用详解

零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门