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

javascript随机显示背景图片的方法

2017年02月06日 14 阅读

本文实例讲述了javascript随机显示背景图片的方法。分享给大家供大家参考。具体如下：将以下代码加入HTML的<head></head>之间：<script LANGUAGE="JavaScript">bg = new Array（2）;//设定图片数量，如果图片数为3，这个参数就设为2，依次类推bg[0] = "bg1.gif" //显示的图片路径，可用http://bg[1] = "bg2.gif"bg[2] =...

移动Web中图片自适应的两种JavaScript解决方法

2017年02月06日 12 阅读

本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧在做配合手机客户端的Web wap页面时，发现文章对图片显示的需求有两种特别重要的情况，一是对于图集，这种文章只需要左右滑动浏览，最好的体验是让图片缩放显示在屏幕有效范围内，防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情，用户体验大大降低。二是图文混排的文章，图片最大宽度不超过屏幕宽度，高度可以auto。这两种情况在项目中很常见。另外，有人说做个...

javascript背景时钟实现方法

2017年02月06日 13 阅读

本文实例讲述了javascript背景时钟实现方法。分享给大家供大家参考。具体如下：以下是这个效果的全部代码。[最好从一个空页面开始]<html><head><TITLE>背景时钟</TITLE> <script language=javaScript><！--// function clockon（） {thistime= new Date（）var hours=thistime.getH...

详解AngularJS的通信机制

2017年02月06日 13 阅读

现在几乎满世界的人都在问！外面有人么? 这里是 USS AngularJS, 我们遇到麻烦了，我们的服务讲得是克灵贡语（Klingon）而我们的控制器不能同它们的Ferengi 指令通信了. 有人能帮助我们么！我已经不知道有多少次遇到这种有关什么才是AngularJS里面的组件通信的最佳方式这样的问题了. 很多时候答案都会是为此使用 $rootScope 对象去向任何想要收听的人广播$broadcast出一条消息. 然而，那还真不是做这件事的最...

Node.js事件驱动

2017年02月06日 12 阅读

Node.js事件驱动实现概览虽然在ECMAScript的标准里并没有（也没有必要）明确规定“事件”，但是在浏览器中，事件作为一个极为重要的机制，给予JavaScript响应用户操作与DOM变化的能力；在Node.js中，异步事件驱动模型则是其高并发能力的基础。学习JavaScript也需要了解它的运行平台，为了更好的理解JavaScript的事件模型，我打算从Node及浏览器引擎源码入手，分析其底层实现，并将我的分析整理为一系列博文；一方面作为笔记，另一...

浅析AngularJS中的生命周期和延迟处理

2017年02月06日 12 阅读

这里，我们再讨论一些常用的高级的控制反转容器（Inversion of Control containers）：延迟加载（lazy-loading），生命周期管理（lifetime management），以及延迟的创建/处理（deferred creation/resolution）。延迟加载（Lazy-Loading）所谓延迟加载就是当你需要用到对象时候才对其进行实例化。许多依赖注入系统都会在一开始就创建组件，作为它的可依赖项目。不过有时候，直到在应用...

浅谈Node.js中的定时器

2017年02月06日 13 阅读

Node.js中定时器的实现上一篇博文提到，在Node中timer并不是通过新开线程来实现的，而是直接在event loop中完成。下面通过几个JavaScript的定时器示例以及Node相关源码来分析在Node中，timer功能到底是怎么实现的。JavaScript中定时器功能的特点无论是Node还是浏览器中，都有setTimeout和setInterval这两个定时器函数，并且其工作特点基本相同，因此下面仅以Node为例进行分析。我们知道，JavaSc...

使用AngularJS对路由进行安全性处理的方法

2017年02月06日 14 阅读

简介自从出现以后，AngularJS已经被使用很长时间了。它是一个用于开发单页应用（SPA）的javascript框架。它有一些很好的特性，如双向绑定、指令等。这篇文章主要介绍Angular路由安全性策略。它是一个可用Angular开发实现的客户端安全性框架。我已经对它进行了测试。除了保证客户端路由安全性外，你也需要保证服务器端访问的安全性。客户端安全性策略有助于减少对服务器进行额外的访问。然而，如果一些人采用欺骗浏览器的手段访问服务器，那...

在AngularJS应用中实现一些动画效果的代码

2017年02月06日 12 阅读

在Angular当中，CSS和JavaScript之间唯一的区别就是它们的定义。没有什么区别妨碍到被定义的动画被使用。首先，我们需要加载ngAnimate模块到我们应用的root模块当中。angular.module（"coursesApp", ["ngAnimate"]）;而所有将被处理的JavaScript动画事件依然保持不变。以下是一个直接支持的动画列表和它们对应的不同行为：指令事件集ng-viewng-includeng-switchng-if e...

3个可以改善用户体验的AngularJS指令介绍

2017年02月06日 12 阅读

1.头像图片为了在你的应用中展示头像图片，你需要使用用户的电子邮件地址，将地址转换为小写并使用md5加密该字符串。所以聪明的做法是使用指令来做到这些，并且可以复用。 /* * A simple Gravatar Directive * @example *<gravatar-image email="test@email.com" size="50"></gravatar-image> */app.directive（"gravat...

深入讲解AngularJS中的自定义指令的使用

2017年02月06日 13 阅读

AngularJS的自定义指令，就是你自己的指令，加上编译器编译DOM时运行的原生核心函数。这可能很难理解。现在，假设我们想在应用中不同页面复用一些特定的代码，而又不复制代码。那么，我们就可以简单地把这段代码放到单独的文件，并调用使用自定义指令的代码，而不是一遍又一遍地敲下来。这样的代码更容易理解。AngularJS中有四种类型的自定义指令：元素指令属性指令 CSS class 指令注释指令在我们现有的app中实现他们之前，我们来看看自定义指令是个什...

使用AngularJS创建自定义的过滤器的方法

2017年02月06日 12 阅读

Angularjs过滤器是 angularjs非常棒的特性之一。有朝一日，你可能需要使用自定义过滤器，幸运的是，你找到了这篇博文。下面显示的是自定义过滤器长什么样子（请注意myfilter）:我们的自定义过滤器叫做 "myfilter", 它有由 ":"隔开的4个参数.这是一个将会用到的样本输入:$scope.friends = [{name:"John", phone:"555-1276"},{name:"Annie", phone:"800-BIG-M...

使用Chrome浏览器调试AngularJS应用的方法

2017年02月06日 12 阅读

当我们构建AngularJS应用时，通过浏览器（如Chrome，Firefox和IE）的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难。下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用，使得应用可以比较容易进行测试，修改，甚至实时的修改我们的Angular应用：1：访问作用域通过一行简单的JS程序访问页面中任何作用域（甚至是隔离的作用域！）：> angular.element...

TypeScript 学习笔记之基本类型

2017年02月06日 12 阅读

在 TypeScript 中一共有 7 种基本类型。1、boolean复制代码代码如下:var isDone: boolean = false;2、number代表 JavaScript 中的数字。在 JavaScript 中，无论是“整数”还是“浮点数”，都是以双精度浮点类型存储的。复制代码代码如下:var height: number = 6;3、string代表字符串。跟 JavaScript 一样，可以使用一对双引号（"）或一对单引号（"）来表...

TypeScript 中接口详解

2017年02月06日 12 阅读

在 TypeScript 中，接口是用作约束作用的，在编译成 JavaScript 的时候，所有的接口都会被擦除掉，因为 JavaScript 中并没有接口这一概念。先看看一个简单的例子：function printLabel（labelledObj: { label: string }） {console.log（labelledObj.label）;}var myObj = { size: 10, label: "Size 10 Object" };p...

JavaScript和JQuery的鼠标mouse事件冒泡处理

2017年02月06日 13 阅读

简单的鼠标移动事件：进入复制代码代码如下:mouseenter：不冒泡mouseover: 冒泡不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件移出复制代码代码如下:mouseleave: 不冒泡mouseout：冒泡不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件我们通过一个...

c#程序员对TypeScript的认识过程

2017年02月06日 12 阅读

简介TypeScript一直发展不错，我们公司在开发新功能时，考虑到程序的可维护性，使用了TypeScript编写浏览器上的程序，我们是从零开始使用TypeScript，甚至我连javascript也是半罐子，本文描述了一个c#程序员认识TypeScript的过程。注：本文编写是基于Typescript0.8版本，而且初用，可能过时，具体规范可以参考http://www.typescriptlang.org命名空间和类作为面向对象的开发人员思维，第一个想到...

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

2017年02月06日 14 阅读

//////////////////////////////////////////////////////////////////// options 是请求的选项//// originalOptions 值作为提供给Ajax方法未经修改的选项，因此，没有ajaxSettings设置中的默认值 //// jqXHR 是请求的jqXHR对象///////////////////////////////////////////////////////////...

JavaScript中数据结构与算法（一）：栈

2017年02月06日 13 阅读

序数据结构与算法JavaScript这本书算是讲解得比较浅显的，优点就是用javascript语言把常用的数据结构给描述了下，书中很多例子来源于常见的一些面试题目，算是与时俱进，业余看了下就顺便记录下来吧git代码下载：https://github.com/JsAaron/data_structure.git栈结构特殊的列表，栈内的元素只能通过列表的一端访问，栈顶后入先出（LIFO,last-in-first-out）的数据结构javascript提供可操...

JavaScript中数据结构与算法（二）：队列

2017年02月06日 12 阅读

队列是只允许在一端进行插入操作，另一个进行删除操作的线性表，队列是一种先进先出（First-In-First-Out，FIFO）的数据结构队列在程序程序设计中用的非常的频繁，因为javascript单线程，所以导致了任何一个时间段只能执行一个任务，而且还参杂了异步的机制，那么带来的问题：1. 在异步操作执行的时候，同步代码还在继续，那么同步代码依赖异步，自然就会出错2. 多个同步的任务在不同的时间段被调用jQuery的动画中，我们经常写一段连续的动画代码$...

首页 / 脚本样式 / JavaScript

javascript随机显示背景图片的方法

移动Web中图片自适应的两种JavaScript解决方法

javascript背景时钟实现方法

详解AngularJS的通信机制

Node.js事件驱动

浅析AngularJS中的生命周期和延迟处理

浅谈Node.js中的定时器

使用AngularJS对路由进行安全性处理的方法

在AngularJS应用中实现一些动画效果的代码

3个可以改善用户体验的AngularJS指令介绍

深入讲解AngularJS中的自定义指令的使用

使用AngularJS创建自定义的过滤器的方法

使用Chrome浏览器调试AngularJS应用的方法

TypeScript 学习笔记之基本类型

TypeScript 中接口详解

JavaScript和JQuery的鼠标mouse事件冒泡处理

c#程序员对TypeScript的认识过程

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

JavaScript中数据结构与算法（一）：栈

JavaScript中数据结构与算法（二）：队列