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

javascript实现表单验证

2017年02月06日 11 阅读

本文实例讲解了javascript实现表单验证的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <script type="text/javas...

JavaScript数据结构与算法之栈与队列

2017年02月06日 11 阅读

学习起因曾经有一次在逛V2EX时，碰到这么一个帖子。数学完全还给老师了，想学回一些基础数学，大概是高中程度的，有什么书籍推荐？发帖的楼主大学没有高数课程，出去工作时一直在从事前端的工作。感觉到数学知识的匮乏，所以想补一补数学。看了看帖子，感觉和我很像，因为我的专业是不开高数的，我学的也是前端。也同样感觉到了数学知识匮乏所带来的困顿。同时因为自己的数学思维实在是不怎么好，所以决定努力补习数学与计算机基础知识。当时也有人说:”前端需要什么数据结构与算法”，但是...

动态创建按钮的JavaScript代码

2017年02月06日 11 阅读

废话不多说了，直接给大家贴js代码了，具体代码如下所示：<！doctype html><html><head><meta charset="UTF-8" /><title>Document</title><script type="text/javascript">var i = 0;function addInput（）{var o = document.createEl...

JavaScript数据结构与算法之链表

2017年02月06日 11 阅读

链表简介链表是一种常见的数据结构，也属于线性表，但不会按线性的顺序来储存数据。而是在每一个节点中，储存了下一个节点的指针。可以看图理解。（有C语言基础的可能比较好理解）。使用链表结构可以克服数组需要预先知道数据大小的缺点（C语言的数组需要预先定义长度），链表结构可以充分利用计算机内存空间，实现灵活的内存动态管理。接下来就是介绍两种常见的链表: 单向链表，双向链表在JavaScript中的实现。单向链表链表中最简单的形式就是单向链表，链表中的节点都包含两个部...

AngularJS 使用 UI Router 实现表单向导

2017年02月06日 11 阅读

我们看到这项技术已经应用在了许多的网页上。比如购物车，注册表单，入职流程以及许多多步表单，让用户更容易在线填写表单。下面我们将构建它：使用UI Router，它能内嵌状态，为每个状态显示不同的view,我们能让多步表单变得相当的容易。为了快速的理解UI Router是怎样工作的，看我们的文章：AngularJS使用UI-Router路由让我们言归正传，开始创建我们的最棒的表单！创建工程创建工程有个模板结构. 需要个布局文件 , 每个表单的视图文件, 格式...

JavaScript数据结构与算法之集合（Set）

2017年02月06日 11 阅读

集合（Set）说起集合，就想起刚进高中时，数学第一课讲的就是集合。因此在学习集合这种数据结构时，倍感亲切。集合的基本性质有一条: 集合中元素是不重复的。因为这种性质，所以我们选用了对象来作为集合的容器，而非数组。虽然数组也能做到所有不重复，但终究过于繁琐，不如集合。集合的操作集合的基本操作有交集、并集、差集等。这儿我们介绍JavaScipt集合中交集、并集、差集的实现。JavaScipt中集合的实现首先，创建一个构造函数。/** * 集合的构造函数 */f...

Angularjs中UI Router全攻略

2017年02月06日 12 阅读

首先给大家介绍angular-ui-router的基本用法。如何引用依赖angular-ui-routerangular.module（"app",["ui.router"]）.config（function（$stateProvider）{$stateProvider.state（stateName, stateCofig）;}） $stateProvider.state（stateName, stateConfig）stateName是string类型...

JavaScript学习总结之JS、AJAX应用

2017年02月06日 11 阅读

1、AJAX 简介 AJAX（音译为：阿贾克斯） = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术，也就是在无需重新加载整个网页的情况下，能够更新部分网页的技术。AJAX 不是新的编程语言，而是一种使用现有标准的新方法，是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网...

JavaScript操作select元素和option的实例代码

2017年02月06日 11 阅读

废话不多说了，直接给大家贴代码，具体代码如下所示：<！DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"><html xmlns="http://www.w.org//xhtml"><head><title></title>&...

理解Javascript文件动态加载

2017年02月06日 11 阅读

Javascript文件动态加载一直是比较困扰的一件事情,像网络上传的比较常见的做法:function loadjs（fileurl）{ var sct = document.createElement（"script"）; sct.src = fileurl; document.head.appendChild（sct）;}然后我们来测试一下结果:<html><head> <link rel="stylesheet" typ...

详解javascript实现瀑布流绝对式布局

2017年02月06日 11 阅读

瀑布流也应该算是流行几年了吧。首先是由Pinterest掀起的浪潮，然后国内设计如雨后春笋般，冒出很多瀑布流的例子，比如，蘑菇街，Mark之（不过最近涉黄，好像被喝茶了）,还有淘宝的 “哇哦”. 这些都是很棒的例子，今天我们就聊一聊瀑布流。一、绝对式布局：JS实现原理其实瀑布式主要的难点就在于，如果将图片整齐的排列在对应的列下，以及什么时候开始刷新加载图片。而图片整齐的排列的主要逻辑和算法即，先获取容器内可以放多少列，然后，通过计算，存放第一列的高度，...

详解javascript实现瀑布流列式布局

2017年02月06日 11 阅读

本文介绍了javascript瀑布流列式布局的相关内容，分享给大家供大家参考，具体内容如下JS原理上面说了，列式布局简直算是完虐绝对式布局. 绝对式布局，简直就像10元/天的搬砖工。而列式布局就是站在那看他搬砖的监工。同样都是搬砖的，一个卖苦力，一个秀智商。简直了！！！听了逼逼，我们来直面一下惨淡的人生。列式布局的原理其实和绝对式布局没有太大的却别。同样也有3个部分，一是页面加载自适应，二是滑动加载，三是响应式布局。分别讲解:1、加载自适应我们先看...

深入分析Javascript事件代理

2017年02月06日 11 阅读

很久很久以来，总感觉事件发生与事件代理到之间没什么鸟区别。最近，又看了一下，感觉区别其实真不大！看怎么理解吧。要搞清楚什么是事件代理，就需要先搞清楚什么是代理。从商业角度来讲，代理就是：我有货，你没货，但丫我没时间、没精力全部卖掉，而你一天闲的蛋疼，只剩下时间了。于是，我委托你帮我买，然后哥给你提成。这个过程中，你实际上相当于也有了货。OK，怎么从字面来理解事件代理一词的含义？后文有讲。一先看一个真实的，新手绑定onclik事件的例子如果按照之前的我，我...

深入探秘jquery瀑布流的实现

2017年02月06日 11 阅读

瀑布流也应该算是流行几年了吧。首先是由Pinterest掀起的浪潮，然后国内设计如雨后春笋般，冒出很多瀑布流的例子，比如，蘑菇街，Mark之（不过最近涉黄，好像被喝茶了）,还有淘宝的 “哇哦”. 这些都是很棒的例子，今天我想重新谈起瀑布流，一是想满足我自己的愿望，写一个详细的介绍（不敢自名为教程）,二是，给大家一份参考，因为search很多，但是他们给的是一个插件，然后教你怎样配置，当然，也有很多其他的大神也细心的做了很多教程，比如 imooc上面 Am...

实现高性能JavaScript之执行与加载

2017年02月06日 11 阅读

浏览器在处理HTML页面渲染和JavaScript脚本执行的时候是单一进程的,所以在当浏览器在渲染HTML遇到了<script>标签会先去执行标签内的代码（如果是使用src属性加载的外链文件,则先下载再执行）,在这个过程中,页面渲染和交互都会被阻塞。...虽然会有阻塞,但还是有几招可以减少JavaScript对性能的影响的。1.script标签的位置当<script>出现在<head>中的时候,比如:<head&g...

JavaScript中的this机制

2017年02月06日 13 阅读

JavaScript有自己的一套this机制，在不同情况下，this的指向也不尽相同。全局范围console.log（this）; //全局变量全局范围使用this指向的是全局变量，浏览器环境下就是window。注：ECMAScript5的strict模式不存在全局变量，这里的this是undefined。函数调用中function foo（） {console.log（this）;}foo（）; //全局变量函数调用中的this也指向全局变量。注：ECM...

JS排序方法（sort，bubble，select，insert）代码汇总

2017年02月06日 11 阅读

最近开始学习数据结构。一点一点整理，希望能坚持下来。因为方向是前端，所以用JavaScript实现。//sort排序var testArr1=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];var testArr2=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];var testArr3=[3, 44, 38, 5, 47, ...

JavaScript中eval函数的问题

2017年02月06日 11 阅读

今天看代码，遇到一个eval函数的问题，到现在翻了很多博文，还是不是很懂eval函数，有个一直没法理解的代码如下:/*var start = [] , end = [] , timings = [];*/function f（）{ //模拟程序执行时间 var sum = 0; for（var i =0 ;i < 100000; i++）{sum = sum/（i+1）; }}function repeat（n, action）{ for（var i...

javascript嵌套函数和在函数内调用外部函数的区别分析

2017年02月06日 12 阅读

我们都知道在函数中定义的局部变量在声明他的函数体以及其嵌套的函数内始终是有定义的，并且在函数的作用域链上始终会有个对象指向全局对象，使函数能够访问到全局变量。var ga = "global";var func = function（） {var la = "local"; return function（） {return function（）{return function（）{alert（la）;alert（ga）;}} }}a = func（）;a...

js格式化输入框内金额、银行卡号

2017年02月06日 11 阅读

我们在项目中经常遇到需要格式化的金额数和银行卡号，一般我们常见的有两种表现形式：输入框内格式化和输入框外格式化。这里我主要把我在项目中遇到的输入框内部格式化的，代码亮出来，框外的格式化相对简单一点。页面代码：<div class="wrap"><input type="text" id="bankCard" placeholder="输入银行卡号"></div> <div class="wrap"><i...

首页 / 脚本样式 / JavaScript

javascript实现表单验证

JavaScript数据结构与算法之栈与队列

动态创建按钮的JavaScript代码

JavaScript数据结构与算法之链表

AngularJS 使用 UI Router 实现表单向导

JavaScript数据结构与算法之集合（Set）

Angularjs中UI Router全攻略

JavaScript学习总结之JS、AJAX应用

JavaScript操作select元素和option的实例代码

理解Javascript文件动态加载

详解javascript实现瀑布流绝对式布局

详解javascript实现瀑布流列式布局

深入分析Javascript事件代理

深入探秘jquery瀑布流的实现

实现高性能JavaScript之执行与加载

JavaScript中的this机制

JS排序方法（sort，bubble，select，insert）代码汇总

JavaScript中eval函数的问题

javascript嵌套函数和在函数内调用外部函数的区别分析

js格式化输入框内金额、银行卡号