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

基于JS实现类似支付宝支付密码输入框

2016年09月17日 23 阅读

本文实现的是一个类似支付宝支付密码的界面，只可以输入数字，且只可以输入6位首先给大家展示下效果图，如果感觉不错，请参考实现代码。1、样式表.wrap{margin: 10px auto;width: 329px;height: 640px; padding-top: 200px;}.inputBoxContainer{width: 240px;height: 50px;margin: 0 auto;position: relative;}.inputBox...

AngularJsUsing $location详解及示例代码

2016年09月17日 22 阅读

一、What does it do? $location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 $location服务：暴露当前浏览器地址栏的URL，所以我们可以1.注意和观察URL2.改变URL当用户做以下操作时，与浏览器一起同步URL：1.改变地址栏...

利用jQuery实现打字机字幕效果实例代码

2016年09月17日 15 阅读

实现效果：实现原理：把html里的代码读进来，然后跳过“<”和“>”之间的代码，顺便保存了内容的格式，然后一个定时器，逐个输出。用到的基础知识：jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend（object）; jQuery.extend（object）;jQuery.extend（object）; 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend（object）;给jQuery对象添...

AngularJsCreating Services详解及示例代码

2016年09月17日 17 阅读

虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http://docs.angularjs.org/api/angular.module）或者在module配置方法中直接通过$provide api（http://docs.angularjs.org/api/AUTO....

AngularJs Injecting Services Into Controllers详解

2016年09月17日 20 阅读

把service当作被依赖的资源加载到controller中的方法，与加载到其他服务中的方法很相似。由于javascript是一个动态语言，DI不能弄明白应该通过static types（like in static typed languages）注入哪一个service。因此，我们需要通过$inject属性指定service名称，它是一个包含需要注入的service名称的字符串数组。service ID顺序的重要性：工厂方法中的参数顺序，与s...

AngularJs Managing Service Dependencies详解

2016年09月17日 17 阅读

angular允许service将其他service声明为依赖，使用在自身实例化时使用的构造函数中。为了声明依赖，我们需要在工厂方法声明中指定它们，并且在工厂方法中通过$inject属性（字符串标识数组）或者使用array notation。通常$inject属性声明可以被丢弃（即http://www.jb51.net/article/91815.htm中提到的隐式依赖注入，但这个是实验属性，在而且在压缩混淆后会失效，慎用！）。使用array no...

AngularJsunit-testing（单元测试）详解

2016年09月17日 26 阅读

javascript是一门动态类型语言，这给她带来了很强的表现能力，但同时也使编译器几乎不能给开发者提供任何帮助。因为这个原因，我们感受到编写任何javascript代码都必须有一套强大完整的测试。angular拥有许多功能，让我们更加容易地测试我们的应用。我们应该没有借口不去写测试（这个嘛……）。一、 It is all about NOT mixing concerns（全部都关于避免代码关系变得复杂……）单元测试，正如名称那样，是关于测试单个“单...

jQuery dataTables与jQuery UI 对话框dialog的使用教程

2016年09月17日 18 阅读

首先介绍下这两个插件功能 1.DataTables是一个jQuery的表格插件。官方网站及其下载地址：http:/www.datatables.net其主要特点如下：1.自动分页处理2.即时表格数据过滤3.数据排序以及数据类型自动检测4.自动处理列宽度5.可通过CSS定制样式6.支持隐藏列7.易用8.可扩展性和灵活性9.国际化10.动态创建表格11.免费的2.对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScrip...

基于JS实现回到页面顶部的五种写法（从实现到增强）

2016年09月17日 18 阅读

写法【1】锚点使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移步至此<body style="height:2000px;"><div id="topAnchor"></div><a href="#topAnchor" style="position:...

jQuery基本选择器之标签名选择器

2016年09月17日 22 阅读

废话不多说了，直接给大家贴代码了，关键代码如下所述：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> ne...

详解Javascript中prototype属性（推荐）

2016年09月17日 27 阅读

在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的"，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class...

浅析$（function） ready和onload 的区别

2016年09月17日 20 阅读

新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容，反复看过几次一到用的时候总是不踏实，写此文以记之。符号“$”是jquery对象（个人这样理解，拥有函数的用法）。接着知道下面的一个等式，功能性能上是完全一致的。$（function（）{ /*do some thing*/ }） = $（document）.ready（function（）{/* do some thing */}） = $（）.ready（funct...

JavaScript 冒泡排序和选择排序的实现代码

2016年09月17日 21 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所述：var array = [1,2,3,4,5]; // ---> 服务//效率 ---> 针对一个有序的数组效率最高//标志 true false for（var j = 0; j < array.length - 1;j++ ）{//- j 每次排序完成之后后面减少比较的次数var isTrue = true; //如果数组本身就是升序，则直接输出for（var i = 0; i ...

每个程序员都需要学习 JavaScript 的7个理由小结

2016年09月17日 15 阅读

最近在和招聘经理交流现在找一个好的程序员有多难的时候，我渐渐意识到了现在编程语言越来越倾重于JavaScript。Web开发人员尤其如此。所以，如果你是一个程序员，那么你应该去学习JavaScript。需求我之所以这样说的主要原因是，随着JavaScript的日渐成熟，以及Node.js方案变得越来越可行，我们对JavaScript程序员的需求正在持续增长。 JavaScript在需求比例上已经超过了C#，仅屈居于Java之下。如果你看看GitHub上可行...

DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

2016年09月17日 13 阅读

js的 bug 类型： Uncaught TypeError：Cannot set/read property "xxx" of null在进行DOM操作的时候比较容易发生这个错误，比如：1. document.getElementById（"test1"）.style.display="none"2. document.getElementById（"test1"）.onclick=function（）{/*相关代码*/}假如DOM中无此 test1对象...

关于两个jQuery（js）特效冲突的bug的解决办法

2016年09月17日 12 阅读

Problem：使用jquery，json做一个资源下载的应用，其中用到paginate.js和JSON数据的分页效果，以及jquery.DOMWindow.js的弹窗效果。但是出现以下bug:单击“上/下一页，首/末页”后，弹窗事件失效；Analysis：对于这个Bug，在paginate.js中设计的上/下一页，首/末页按钮属性是设置了href=”javascript:（void）”，google到关于这个属性的解释：“javascript:void（...

利用原生js和jQuery实现单选框的勾选和取消操作的方法

2016年09月17日 12 阅读

根据以下的Demo，大概就可以看的明白Demo:<html><head><script src="jquery-1.9.1.min.js"></script><script>window.onload = function（）{var dom_a = document.getElementById（"a1"）;var dom_b = document.getElementById（"b1"）;//...

jQuery使用$获取对象后检查该对象是否存在的实现方法

2016年09月17日 14 阅读

注意：1）即使jQ获取到网页中不存在的元素也不会报错2）使用$（"#tt"）形式获取到的永远是对象，即使网页上没有此元素jQuery检查某个元素在网页上是否存在时，不能使用以下的代码：if（$（"#tt"））{//do something}二是根据获取到的元素的长度来判断：if（$（"#tt"）.length>0）{ //do something }或者是转化成DOM对象再判断：if（$（"#tt"）[0]）{ //do something }以上这...

JS简单测试循环运行时间的方法

2016年09月17日 14 阅读

本文实例讲述了JS简单测试循环运行时间的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>JS 测试循环运行的时间</title><script>var arr = [];var max = 10000000;//加载window.addEventL...

把多个JavaScript函数绑定到onload事件处理函数上的方法

2016年09月17日 18 阅读

为了让函数只在页面加载完毕后才得到执行，我们会把函数绑定到onload事件上：window.onload = userFunction但如果有两个函数：firstFunction（）和 secondFunction（），都想让它们在页面加载完毕后得到执行，该怎么办？如果这样：window.onload = firstFunciton;window.onload = secondFunction;只有最后一个函数能被执行。由此可得：每个事件处理函数只能绑定...

首页 / 脚本样式 / JavaScript

基于JS实现类似支付宝支付密码输入框

AngularJsUsing $location详解及示例代码

利用jQuery实现打字机字幕效果实例代码

AngularJsCreating Services详解及示例代码

AngularJs Injecting Services Into Controllers详解

AngularJs Managing Service Dependencies详解

AngularJsunit-testing（单元测试）详解

jQuery dataTables与jQuery UI 对话框dialog的使用教程

基于JS实现回到页面顶部的五种写法（从实现到增强）

jQuery基本选择器之标签名选择器

详解Javascript中prototype属性（推荐）

浅析$（function） ready和onload 的区别

JavaScript 冒泡排序和选择排序的实现代码

每个程序员都需要学习 JavaScript 的7个理由小结

DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

关于两个jQuery（js）特效冲突的bug的解决办法

利用原生js和jQuery实现单选框的勾选和取消操作的方法

jQuery使用$获取对象后检查该对象是否存在的实现方法

JS简单测试循环运行时间的方法

把多个JavaScript函数绑定到onload事件处理函数上的方法