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

jQuery leonaScroll 1.1 自定义滚动条插件（推荐）

2016年09月19日 14 阅读

使用JQuery选择HTML遍历函数的方法

2016年09月19日 16 阅读

使用JQuery，可以很容易的选择THML元素。但在有些时候，HTML结构比较复杂的时候，提炼我们选择的元素就是一件比较麻烦的事情。1、children这个函数得到一组元素的直接子级。给children（）传递一个选择表达式将选择结果缩小至选中的元素;如果chilidren（）每接受任何参数，将返回所有直接子级;不返回它的孙级元素。2、filter这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。3、not与...

JavaScript类的写法

2016年09月19日 13 阅读

我们知道，在js中，是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性，因此，原型对象是类的核心。类是对象的抽象，而对象是类的具体实例。类是抽象的，不占用内存，而对象是具体的，占用存储空间。———百度百科早期的javascript需求都很简单，基本都是写成函数的，然后是面向过程的写法，后来慢慢的引入面向对象开发思想，再后来就慢慢写成类。在js中，写成类的本质基本都是构造函数+原型。下面，就讨论一下js类的几种写法：构造函数法/*** Pers...

JavaScript职责链模式概述

2016年09月19日 17 阅读

一、概述职责链模式（Chain of responsibility），就是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。貌似和数据结构中的链表一样。但，不要搞混了，职责链可不等于链表哦，因为职责链可以在任何一个节点开始往下查找，而链表，则必须从头结点开始往下查找。比如，DOM事件机制中的冒泡事件就属于职责链，而捕获事件则属于链表。二、利用职责链模拟冒泡假设我们...

JS Canvas定时器模拟动态加载动画

2016年09月19日 23 阅读

本文实例为大家分享了Canvas定时器动态加载动画，供大家参考，具体内容如下<！DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style></style></head><body><canvas id="canvas" width="...

H5用户注册表单页注册模态框！

2016年09月19日 14 阅读

本实例为大家分享了H5表单验证新特性，如何用户注册表单页，供大家参考，具体内容如下<！DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>用户注册表单页</title> <style>#form_content{ width:600px; margin:0 auto; position:abso...

Bootstrap响应式侧边栏改进版

2016年09月19日 15 阅读

侧边栏在响应式设计中起到很大的作用，当屏幕小到手机的屏幕时，能够自适应屏幕大小的侧边栏固然能够为网站添加色彩，那么在Bootstrap的框架中提供了导航条和下拉菜单的组件，详情请自行到官网Bootstrap的文档查看，这里就不作介绍了。本文是将其中的导航条和下拉菜单进行结合，然后设计并改进了侧边栏的制作。html:<div class="container"> <nav class="navbar navbar-default mynav...

Bootstrap框架结合jQuery仿百度换肤功能实例解析

2016年09月19日 18 阅读

换肤功能的应用很广，不管是搜索界面还是普通的管理界面等等，都可以进行设计并且应用换肤功能，起到更好的用户体验。今天仿造百度的换肤功能，实现了基本的换肤功能，接下来将会为大家介绍如何实现。在设计界面的过程当中，我采用了Bootstrap框架，以便更好的适应屏幕。（当然也是为了更好的熟悉使用这个框架，大家别忘了把Bootstrap框架的css和js包引进来哦）。在创建项目时最好可以分别将css、js、images分开。首先是布局，我只是布局了一下换肤的简单界面...

JavaScript编写一个简易购物车功能

2016年09月19日 17 阅读

网上关于购物车实现的代码非常多，今天看了一些知识点，决定自己动手写写，于是写了一个简易购物车，接下来讲解一下具体的实现。1、用html实现内容；2、用css修饰外观；3、用js（jq）设计动效。第一步：首先是进行html页面的设计，我用一个大的div将所有商品包含，然后用不同的div将不同的商品进行封装，商品列表中我用了ul li实现，具体实现代码如下（代码中涉及到的商品都是网上随便copy的，不具有参考价值）：<div id="goods">...

各式各样的导航条效果css3结合jquery代码实现

2016年09月19日 13 阅读

导航条的使用很广，每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条，比如具有高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，甚至是具有摩擦运动动画的导航条（文字下面有横线）等。每种导航条都有自己的特色，比如高亮显示的导航条看起来比较简单，但是视觉效果还不错，具有动画效果的导航条在视觉上也是有很好的效果。接下来将会一一介绍4种应用比较广的导航条，即：高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，具有摩擦...

利用js编写响应式侧边栏

2016年09月19日 16 阅读

为了练手，自己学敲网站时刚好碰到需要制作侧边栏，在网上也查了各种插件以及框架都可以实现这个功能，但是想自己学着用js原生学一个试试，于是就初略完成了侧边栏的实现，可以让初学者参考参考，代码能力有限。其中主要设计的就是animate（）函数，animate（）方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。...

AngularJS中过滤器的使用与自定义实例代码

2016年09月19日 14 阅读

前言相信大家都知道过滤器的使用：一种是在html中的使用，一种是在js代码中的使用，下面我们来通过实例深入了解。实例代码<！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>过滤器</title> <script src="day2/src/angular.js"></script> <st...

AngularJS中关于ng-class指令的几种实现方式详解

2016年09月19日 20 阅读

前言开发中经常会遇到这样的需求，一个元素需要在不同的状态下呈现不同的样子，而在这所谓的的样子当然就是改变其css的属性，而实现动态的改变属性值，我们就需要实现动态的更换其class属性值。在这给大家介绍三种方法来实现，大家可以根据自己的需求来选择方式，下面来看看。第一种：通过数据的双向绑定（不推荐）<div ng-controller="firstController"><div ng-class="{{className}}">&...

Bootstrap Table表格一直加载（load）不了数据的快速解决方法

2016年09月19日 31 阅读

bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器，官网：http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 这里列出遇到的一个小问题：Bootstrap Table表格一直加载不了数据。 $（"#button"）.click（function（）{var name=$（"input[name="name"]"）.val（）;$（"#table"）.bootstrapTable（...

AngularJS使用自定义指令替代ng-repeat的方法

2016年09月19日 18 阅读

前言大家都知道对于处理小数量，ng-repeat是非常有用的，但是如果需要处理非常大的数量集，还是采用自定义的方法更好一些。特别是数据大多都是静态的或已预存储好的，这个时候应避免使用ng-repeat指令。ng-repeat中的表达式和 $watchAngular中的表达式都会创建$watch 的Scope 函数。用于监听模型变化，当你的模型部分发生变化时它会通知你。在ng-repeat指令中，如果某行数据有15列数据都绑定了表达式，如果数据有1000多行...

Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析

2016年09月19日 22 阅读

在bootstrap中的时间选择器有两种：dateTimePicker和dateRangePicker1、dateTimePicker好像是官方嫡插件：需要的文件：1 <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">2 <script src="js/bootstrap-datetimepicker.min.js"></script>3...

js手动播放图片实现图片轮播效果

2016年09月19日 19 阅读

本文实例为大家分享了js图片轮播具体实现代码，供大家参考，具体内容如下一、html代码部分（et.thtml）：<！DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><link type="text/css" rel="stylesheet" href="css/styleet.css"...

Javascript中常见的逻辑题和解决方法

2016年09月19日 17 阅读

一、统计数组 arr 中值等于 item 的元素出现的次数function count（arr, item） { var count = 0; arr.forEach（function（e）{ //e为arr中的每一个元素，与item相等则count+1 e == item ? count++ : 0; }）; return count; }function count（arr, item） {return arr.filter（function（...

Node.js实现兼容IE789的文件上传进度条

2016年09月17日 18 阅读

Nodejs对文件上传的处理在Express4里req.files已经是undefined了；现在用的最多的可能就是formidable了，你知道了它有个progress事件，于是心中大喜，低版本IE的进度条有戏了；OK，试一下： form.on（"error",function（err）{ console.log（err）; }）.on（"aborted",function（）{ console.log（"aborted"）;}） .on（"progre...

JavaScript中Number对象的toFixed（）方法详解

2016年09月17日 17 阅读

定义和用法toFixed（）方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed（num）参数描述num 必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。返回值返回 NumberObject 的字符串表示，不采用指数计数法，小数点后有固定的 num 位数字。如果必要，该数字会被舍入，也可以用 0 补足，以便它达到指定的...

首页 / 脚本样式 / JavaScript

jQuery leonaScroll 1.1 自定义滚动条插件（推荐）

使用JQuery选择HTML遍历函数的方法

JavaScript类的写法

JavaScript职责链模式概述

JS Canvas定时器模拟动态加载动画

H5用户注册表单页 注册模态框！

Bootstrap响应式侧边栏改进版

Bootstrap框架结合jQuery仿百度换肤功能实例解析

JavaScript编写一个简易购物车功能

各式各样的导航条效果css3结合jquery代码实现

利用js编写响应式侧边栏

AngularJS中过滤器的使用与自定义实例代码

AngularJS中关于ng-class指令的几种实现方式详解

Bootstrap Table表格一直加载（load）不了数据的快速解决方法

AngularJS使用自定义指令替代ng-repeat的方法

Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析

js手动播放图片实现图片轮播效果

Javascript中常见的逻辑题和解决方法

Node.js实现兼容IE789的文件上传进度条

JavaScript中Number对象的toFixed（） 方法详解

H5用户注册表单页注册模态框！

JavaScript中Number对象的toFixed（）方法详解