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

AngularJS中的Directive自定义一个表格

2017年02月06日 12 阅读

先给大家说下表格的需求：● 表格结构<table><thead><tr><th>Name</th><th>Street</th><th>Age</th></tr></thead><tbody><tr><td>></td><td>></td>&l...

AngularJS中的Directive实现延迟加载

2017年02月06日 11 阅读

所谓的延迟加载通常是：直到用户交互时才加载。如何实现延迟加载呢？需要搞清楚三个方面：1、html元素的哪个属性需要延迟加载？2、需要对数据源的哪个字段进行延迟加载？3、通过什么事件来触发延迟加载？自定义的Directive的页面表现大致是这样：<ul><li ng-repeat="cust in customers"delay-bind="{{::cust.street}}"attribute="title"trigger="mousee...

详解jquery事件delegate（）的使用方法

2017年02月06日 11 阅读

我们先看官方是怎么说delegate（）方法，delegate（）方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数，使用 delegate（）方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。语法很简单$（selector）.delegate（childSelector,event,data,function）参数说明childSelector 必需。规定要附加事件处理程序的一个或多...

AngularJS入门心得之directive和controller通信过程

2017年02月06日 11 阅读

AngularJS 通过新的属性和表达式扩展了 HTML。Angularjs学习起来也非常的简单。1.AngularJS是何方神圣Angular JS （Angular.JS）是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了...

AngularJS控制器controller正确的通信的方法

2017年02月06日 13 阅读

AngularJS是一款非常强大的前端MVC框架,AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。当我们在创建新的控制器时，angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中的任何一个部分，都有父级作用域的存在，顶级就是ng-app所在的层级，它的父级作用域就是$rootScope。每...

jquery ui dialog替代confirm实例分析

2017年02月06日 11 阅读

本文实例讲述了jquery ui dialog替代confirm的方法。分享给大家供大家参考，具体如下：js的confirm，有的浏览器会直接屏蔽掉，导致功能无法使用，推荐使用jquery ui 的dialog功能，完美替换confirm功能1、html代码<div id="confirm_dialog" title="提示" style="display:none;"></div>把上面代码放到公用的地方2、模拟confirm j...

jQuery中inArray方法注意事项分析

2017年02月06日 11 阅读

本文分析讲述了jQuery中inArray方法注意事项。分享给大家供大家参考，具体如下：jquery为web开发者提供了很大的便捷，本文写作的目地是提醒大家慎重jquery中的inArray方法。大家都知道javascript是一种弱类型语言，对于数字类型和字符类型，可以随意切换（例如:1+""="1"），下面开始说主题：jquery的一个方法inArray（ele, array）是判断ele是否在array中存在，返回值是该元素第一次出现在数组array...

JavaScript实现给定时间相加天数的方法

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现给定时间相加天数的方法。分享给大家供大家参考，具体如下：/*** 时间相加处理函数* @param date 需要计算的时间（xxxx-xx-xx）* @param plusDays 要加的天数（整数）*/function calcuDate（date, plusDays） {var dateArray = date.split（"-"）;var year = +dateArray[0];var month = +da...

JavaScript事件类型中焦点、鼠标和滚轮事件详解

2017年02月06日 11 阅读

本文针对JavaScript 事件中“事件类型”下“焦点、鼠标和滚轮事件”的注意要点进行整理，分享给大家供大家参考，具体内容如下一、焦点事件一般利用这些事件与document.hasFocus（）方法和document.activeElement属性配合。主要有：blur：元素失去焦点，不会冒泡；DOMFocusIn：同HTML事件focus，于DOM3遭废弃，选用focusin；DOMFocusOut：同HTML事件blur，于DOM3遭废弃，选用foc...

JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考，具体如下：/*** 获取相邻元素* @param ele 参考物元素* @param type 类型，上一个（1）or下一个（0）* @return 返回查找到的元素Dom对象，无则返回null*/function getNearEle（ele, type） {type = type == 1 ? "previousSibling" : "...

基于javascript实现图片左右切换效果

2017年02月06日 11 阅读

本文实例介绍了javascript实现图片左右切换效果的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html><head><title>JS图片左右切换效果</title><meta charset="utf-8"/><style type="text/css">*{margin:0;padding:0; } .images-scroll{border:1px so...

javascript实现2016新年版日历

2017年02月06日 11 阅读

先看看效果图，效果比较简单：具体代码：<html><head><title>javaScript日历</title><meta charset="utf-8"/><style type="text/css">*{margin:0;padding:0;} .calendar{width:300px;margin:100px auto;text-align:center;font-size...

Bootstrap树形组件jqTree的简单封装

2017年02月06日 12 阅读

一、组件效果预览其实效果和之前的那个差不多，博主只是在之前的基础上加了一个选中的背景色。全部收起展开全部展开二、代码示例其实效果很简单，重点来看看代码是如何实现封装的。还是老规矩，将已经实现的代码贴出来，然后再来一步一步讲解。（function （$） {//使用js的严格模式"use strict";$.fn.jqtree = function （options） {//合并默认参数和用户传过来的参数options = $.extend（{}, $.fn...

jQuery实现的指纹扫描效果实例（附演示与demo源码下载）

2017年02月06日 11 阅读

本文实例讲述了jQuery实现的指纹扫描效果。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。具体代码如下：<！DOCTYPE html><html><head><meta charset="UTF-8" /><title>demo</title><style type="text/css">body {background:black;}.di...

nodejs实现bigpipe异步加载页面方案

2017年02月06日 11 阅读

Bigpipe介绍Facebook首创的一种减少HTTP请求的，首屏快速加载的的异步加载页面方案。是前端性能优化的一个方向。BigPipe与AJAX的比较AJAX主要是XMLHttpRequest，前端异步的向服务器请求，获取动态数据添加到网页上。这样的往返请求需要耗费时间，而BigPipe技术并不需要发送XMLHttpRequest请求，这样就节省时间损耗。减少请求带来的另一个好处就是直接减少服务器负载。还有一个不同点就是AJAX请求前服务器在等待。请求...

JS组件Form表单验证神器BootstrapValidator

2017年02月06日 11 阅读

本文为大家分享了JS组件Form表单验证神器BootstrapValidator，供大家参考，具体内容如下1、初级用法来看bootstrapvalidator的描述：A jQuery form validator for Bootstrap 3。从描述中我们就可以知道它至少需要jQuery、bootstrap的支持。我们首先引入需要的js组件： <script src="~/Scripts/jquery-1.10.2.js"></scri...

JS组件中bootstrap multiselect两大组件较量

2017年02月06日 12 阅读

两个这种组件，大体样式和功能基本相同，本文就来带领大家看看这两个组件的用法。一、组件说明以及API1、第一个组件——multiple-select。这个组件风格简单、文档全、功能强大。但是觉得它选中的效果不太好。关于它的效果展示，我们放在后面。2、第二个组件——bootstrap-multiselect。这个组件风格和第一个非常相似，文档也挺全面。二、Multiple-select组件1、组件说明这个组件需要的浏览器支持如下：IE 7+Chrome 8+F...

WebGL利用FBO完成立方体贴图效果完整实例（附demo源码下载）

2017年02月06日 11 阅读

本文实例讲述了WebGL利用FBO完成立方体贴图效果的方法。分享给大家供大家参考，具体如下：这篇主要记录WebGL的一些基本要点，顺便也学习下如何使用FBO与环境贴图。先看下效果图（需要支持WebGL，Chrome,火狐，IE11）。主要实现过程如下，先用FBO输出当前环境在立方体纹理中，再画出当前立方体，最后画球，并且把FBO关联的纹理贴在这个球面上。开始WebGL时，最好有些OpenGL基础，在前面讲Obj完善与MD2时，大家可能已经发现了，因为着色器...

JS正则表达式比较常见用法

2017年02月06日 12 阅读

废话不多说，直接步入正轨了，想要了解js正则表达式用法的相关知识，通过本教程学习吧。定义和使用var patt1 = new RegExp（"hello"）; var patt2 = /world/ ; test方法test（）方法检索字符串中的指定值。返回值是 true 或 false。var pat = /my/; var str = "this is my code..."; console.log（pat.test（str））; // true ...

一篇文章掌握RequireJS常用知识

2017年02月06日 12 阅读

本文采取循序渐进的方式，从理论到实践，从RequireJS官方API文档中，总结出在使用RequireJS过程中最常用的一些用法，并对文档中不够清晰具体的内容，加以例证和分析，分享给大家供大家参考，具体内容如下1. 模块化相信每个前端开发人员在刚开始接触js编程时，都写过类似下面这样风格的代码：<script type="text/javascript">var a = 1;var b = 2;var c = a * a + b * b;if（...

首页 / 脚本样式 / JavaScript

AngularJS中的Directive自定义一个表格

AngularJS中的Directive实现延迟加载

详解jquery事件delegate（）的使用方法

AngularJS入门心得之directive和controller通信过程

AngularJS控制器controller正确的通信的方法

jquery ui dialog替代confirm实例分析

jQuery中inArray方法注意事项分析

JavaScript实现给定时间相加天数的方法

JavaScript事件类型中焦点、鼠标和滚轮事件详解

JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

基于javascript实现图片左右切换效果

javascript实现2016新年版日历

Bootstrap树形组件jqTree的简单封装

jQuery实现的指纹扫描效果实例（附演示与demo源码下载）

nodejs实现bigpipe异步加载页面方案

JS组件Form表单验证神器BootstrapValidator

JS组件中bootstrap multiselect两大组件较量

WebGL利用FBO完成立方体贴图效果完整实例（附demo源码下载）

JS正则表达式比较常见用法

一篇文章掌握RequireJS常用知识