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

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

2017年02月06日 38 阅读

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

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

2017年02月06日 42 阅读

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

Bootstrap响应式侧边栏改进版

2017年02月06日 41 阅读

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

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

2017年02月06日 33 阅读

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

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

2017年02月06日 33 阅读

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

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

2017年02月06日 37 阅读

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

利用js编写响应式侧边栏

2017年02月06日 37 阅读

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

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

2017年02月06日 37 阅读

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

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

2017年02月06日 39 阅读

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

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

2017年02月06日 32 阅读

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的方法

2017年02月06日 36 阅读

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

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

2017年02月06日 36 阅读

在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手动播放图片实现图片轮播效果

2017年02月06日 35 阅读

本文实例为大家分享了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中常见的逻辑题和解决方法

2017年02月06日 38 阅读

一、统计数组 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的文件上传进度条

2017年02月06日 38 阅读

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（）方法详解

2017年02月06日 36 阅读

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

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

2017年02月06日 40 阅读

本文实现的是一个类似支付宝支付密码的界面，只可以输入数字，且只可以输入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详解及示例代码

2017年02月06日 37 阅读

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

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

2017年02月06日 36 阅读

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

AngularJsCreating Services详解及示例代码

2017年02月06日 32 阅读

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

首页 / 脚本样式 / 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（） 方法详解

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

AngularJsUsing $location详解及示例代码

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

AngularJsCreating Services详解及示例代码

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

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