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

AngualrJS中每次$http请求时的一个遮罩层Directive

2017年02月06日 11 阅读

AngularJS是一款非常强大的前端MVC框架。在AngualrJS中使用$http每次向远程API发送请求，等待响应，这中间有些许的等待过程。如何优雅地处理这个等待过程呢？如果我们在等待过程中弹出一个遮罩层，会是一个比较优雅的做法。这就涉及到了对$http的请求响应进行拦截了。请求的时候，弹出一个遮罩层，收到响应的时候把遮罩层隐藏。其实，$httpProvider已经为我们提供了一个$httpProvider.interceptors属性，我们只需要把...

基于JavaScript实现瀑布流布局（二）

2017年02月06日 11 阅读

本文实例讲解了JavaScript实现瀑布流布局详细代码，分享给大家供大家参考，具体内容如下1.建立Html模版想法是先用一个div container承载所有内容,然后div box用来放置图片,最后div box_border来当图片框,代码如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title>瀑布流</title>&l...

在Linux系统中搭建Node.js开发环境的简单步骤讲解

2017年02月06日 11 阅读

1. Linux安装node.jsubuntu:sudo apt-get install nodejs npmcentos:yum install nodejs npm更详细的安装参见：https://github.com/joyent/node/wiki/Installationnpm为类似PHP中Pear的包管理器2. 开始使用node.js用文本编辑器新建hello.js写入以下内容console.log（"hello world"）;打开命令行输入...

详解javascript new的运行机制

2017年02月06日 11 阅读

和其他高级语言一样javascript 中也有new 运算符，我们知道new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在 javascript 中，万物皆对象，为什么还要通过new 来产生对象？本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符function Animal（name）{this.name = name;}Animal.color = "black";Animal.prototyp...

js实现网页图片延时加载提升网页打开速度

2017年02月06日 11 阅读

提升网页加载速度的方法有很多种，用 jquery.lazyload.js 实现图片异步延迟加载，对于页面包含图片较多的网站来说，会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧，在PC端预览时能看到一个文章略缩图展示模块，一定程度上会延长网页加载时间。本文采用图片异步延迟加载的方法，来提升本站页面加载速度。图片异步加载，就是不必一次性把页面的所有图片都加载显示出来，等用户滑动滚动条到某个位置时才会加载显示相应位置的图片，这样能很好地提升网页加载...

AngualrJS中的Directive制作一个菜单

2017年02月06日 11 阅读

说下我经常写菜单的方式：<ul><li data-ng-class="{"active": highlight（"/orders"）}"><a href="#/orders">Orders</a></li></ul> 菜单项是否高亮显示取决于controller中的highlight方法。vm.highlight = funciton（path）{return $locaiton.pa...

jQuery Easyui实现左右布局

2017年02月06日 11 阅读

EasyUI 简介easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。在后台管理系统开发的过程中，上左右的布局是最常见的页面布局方式，现在我们来看看使用easyui...

jQuery EasyUi实战教程之布局篇

2017年02月06日 11 阅读

jQuery EasyUI Layout是一种基于jQuery的布局框架，今天初次使用Jquery EasyUi，简单的做了个布局页面感觉还不错，给大家分享一下，就是不知道Jquery EasyUi浏览器兼容性怎么样。最后效果图如下：使用Jquery EasyUi开发之前首先要引用Jquery EasyUi的Js和Css文件，引用如下：<script src="../jquery.min.js" type="text/javascript">&...

APP中javascript+css3实现下拉刷新效果

2017年02月06日 12 阅读

原生app里的数据列表都会使用下拉刷新的效果，在webapp里可以采用iscroll、swiper等插件或框架实现，那么如何自己编码实现类似的效果呢，下面介绍使用原生js+css3实现的简单效果。html布局<！DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt...

JavaScript+html5 canvas制作色彩斑斓的正方形效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas制作色彩斑斓的正方形效果。分享给大家供大家参考，具体如下：运行效果截图如下：index.html：<！DOCTYPE html><html> <head><meta http-equiv="Content-type" content="text/html;charset=UTF-8" /><title>canvas中的透明度</ti...

jquery ajax分页插件的简单实现

2017年02月06日 13 阅读

说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：1、首先定义一个pager对象：var sjPager = window.sjPager = {opts: { //默认属性 pageSize: 10, preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: 3, shiftingRight: 3, preLeast: 2...

JavaScript+html5 canvas绘制的小人效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas绘制的小人效果。分享给大家供大家参考，具体如下：运行效果截图如下：index.html代码如下：<！DOCTYPE html><html> <head><meta http-equiv="Content-type" content="text/html;charset=UTF-8" /><title>canvas中的缩放</titl...

jQuery ajax分页插件实例代码

2017年02月06日 11 阅读

JavaScript+html5 canvas制作的圆中圆效果实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas制作的圆中圆效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> #canvas {background:#F2F2F2; height:500px; height:50...

jQuery插件开发精品教程让你的jQuery提升一个台阶

2017年02月06日 11 阅读

要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶，编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的，但一定是最细致的。jQuery插件开发模式软件开发过程中是需要一定的...

js实现简单排列组合的方法

2017年02月06日 11 阅读

本文实例讲述了js实现简单排列组合的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><script type="text/javascript"> var str = [1,2,3,4,5]; var count = 0; function arrange（s）{for（...

jQuery Easyui学习之datagrid 动态添加、移除editor

2017年02月06日 11 阅读

使用easyui行编辑的时候完成编辑的功能比较简单，但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了。比如像下面这样：添加行的时候每个值都是手动输入，修改的时候第一个值不能修改。我们来看下怎么实现这样的效果。easyui本身是不提供这么细节的功能的，需要我们自己拓展下：在编辑的时候移除第一列的editor属性，添加的时候，添加第一列的属性。//扩展datagrid:动态添加删除editor$.extend（$.fn.da...

基于JavaScript实现瀑布流效果（循环渐近）

2017年02月06日 12 阅读

1.建立Html模版想法是先用一个div container承载所有内容,然后div box用来放置图片,最后div box_border来当图片框,代码如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title>瀑布流</title></head><body><div class="containe...

JavaScript下的时间格式处理函数Date.prototype.format

2017年02月06日 12 阅读

实例一：一个全的js时间处理函数，虽然我没有仔细去研究里面的正则，但是我经过了测试，是非常好用的，你可以根据你自己的需求设置想要的时间格式的字符串输出，我应用到的格式为：MM/dd/yyyy hh:mm TT和yyyy-MM-dd HH:mm:ss。<span style="font-size:18px;">Date.prototype.format = function （mask） { var d = this; var zeroize =...

js实现的彩色方块飞舞奇幻效果

2017年02月06日 11 阅读

本文实例讲述了js实现的彩色方块飞舞奇幻效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>demo</title><style type="text/css"> body {margin:0; padding:0; } ul {list-style:none; margin:0; padding:...

首页 / 脚本样式 / JavaScript

AngualrJS中每次$http请求时的一个遮罩层Directive

基于JavaScript实现瀑布流布局（二）

在Linux系统中搭建Node.js开发环境的简单步骤讲解

详解javascript new的运行机制

js实现网页图片延时加载 提升网页打开速度

AngualrJS中的Directive制作一个菜单

jQuery Easyui实现左右布局

jQuery EasyUi实战教程之布局篇

APP中javascript+css3实现下拉刷新效果

JavaScript+html5 canvas制作色彩斑斓的正方形效果

jquery ajax分页插件的简单实现

JavaScript+html5 canvas绘制的小人效果

jQuery ajax分页插件实例代码

JavaScript+html5 canvas制作的圆中圆效果实例

jQuery插件开发精品教程让你的jQuery提升一个台阶

js实现简单排列组合的方法

jQuery Easyui学习之datagrid 动态添加、移除editor

基于JavaScript实现瀑布流效果（循环渐近）

JavaScript下的时间格式处理函数Date.prototype.format

js实现的彩色方块飞舞奇幻效果

js实现网页图片延时加载提升网页打开速度