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

Bootstrap的Refresh Icon也spin起来

2017年02月06日 36 阅读

bootstrap下面有个glyphicon-refresh，但是不会自定动态spin[旋转]，下面提供下我的实例.spin{-webkit-transform-origin: 50% 50%;transform-origin:50% 50%;-ms-transform-origin:50% 50%; /* IE 9 */-webkit-animation: spin .8s infinite linear;-moz-animation: spin .8s...

JS基础随笔（菜鸟必看篇）

2017年02月06日 35 阅读

在学习的过程中总会一次次的冒出以前囫囵吞枣的地方，下面将今天学到的一下知识点记录下来方便以后查看。JavaScript中的数据类型简单（基本）数据类型：Number、String、Boolean、Undefined、Null复杂（引用）数据类型: Object、Array、Date、function等下面介绍一下简单（基本）数据类型和复杂（引用）数据类型的区别：简单数据类型：在栈内直接存储值，如下图所示复杂数据类型：在栈内存储引用，如下图在了解以上两种数据...

Javascript类型系统之undefined和null浅析

2017年02月06日 33 阅读

前面的话一般的程序语言，表示空的只有null，但javascript的设计者Brendan Eich却设计了一个undefined，这无疑增加了程序复杂度，但这样做也是有一定原因的。本文将详细介绍javascript中的undefined和null历史原因 1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示”无”的值。根据C语言的传统，null被设计成可以自动转为0 但是，JavaScript的设计者Brendan ...

jquery计算出left和top,让一个div水平垂直居中的简单实例

2017年02月06日 33 阅读

实例如下：if（$（"#cont1"）.css（"position"）！="fixed"）{$（"#cont1"）.css（"position","absolute"）;var dw = $（window）.width（）;var ow = $（"#cont1"）.outerWidth（）;var dh = $（window）.height（）;var oh = $（"#cont1"）.outerHeight（）;var l = （dw - ow） / 2...

瀑布流的实现方式（原生js+jquery+css3）

2017年02月06日 33 阅读

前言项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的...原生javascript版<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流-javascript</title> <st...

原生js仿jquery animate动画效果

2017年02月06日 34 阅读

jquery animate动画效果：代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style>*{margin:0;padding:0;}.box{width: 400px;height: 300px;background: #000;margin:40p...

js实现可键盘控制的简单抽奖程序

2017年02月06日 32 阅读

本文实例为大家分享了js抽奖程序的编写代码，以及编写注意事项，感兴趣的小伙伴们可以参考一下代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简单抽奖（可用键盘）</title><style>*{margin:0;padding:0;}.box{width: 400px;height: 3...

JS中如何比较两个Json对象是否相等实例代码

2017年02月06日 36 阅读

在js前端面试过程中，经常会遇到这样的笔试题：JS中如何比较两个Json对象是否相等实例代码，下面小编抽点时间给大家整理下，一起看看吧。1.先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度function isObj（object） {return object && typeof （object） == "object" && Object.prototype.toString.call（object）.toLowerCase（） =...

AngularJS实用开发技巧（推荐）

2017年02月06日 35 阅读

一、开端Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与jQuery 配合良好。二、基础原则了解①angular的一些入门了解一、基础知识1.angular放弃了IE82.四大核心分别是mvc、模块化、指令系统、双向数据绑定二、一些原则1.不要复用controller，一个控制器一般只负责一小块视图。2.不要在con...

javascript超过容器后显示省略号效果的方法（兼容一行或者多行）

2017年02月06日 39 阅读

javascript超过容器后显示省略号效果在实际的项目中，由于文字内容的长度不确定性和页面布局的固定性，难免会出现文字内容超过div（或其他标签，下同）区域的情况，此时比较好的做法就是当文字超过限定的div宽度后自动以省略号（…）显示，这样，按照习惯，人们都会知道这儿有文字被省略了。css中有个属性叫做text-overflow:ellipsis;比如使用css可以这样写：{width:27em; white-space:nowrap; text-ove...

原生javascript 学习之js变量全面了解

2017年02月06日 35 阅读

1.变量的命名方法的命名（驼峰命名法）全部小写：单词与单词之间全部下划线（my_namespace）大小写混合 : 第一个单词首字母小写其他单词首字母大写。规则首字符英文字母或下划线组成英文字母数字下划线禁忌 JavaScript 关键字保留字2. 变量的声明显示声明 : var 关键字陋习 : 没有类型重复声明隐式声明不声明直接赋值正解：先声明后读写先赋值后运算3. 变量类型值类型 A）占用空间固定保...

js计算系统当前日期是星期几的方法

2017年02月06日 37 阅读

本文实例为大家分享了4种js计算系统当前日期是星期几的方法，供大家参考，具体内容如下方法一：// 计算系统当前是星期几var str = "今天是星期" + "日一二三四五六".charat（new date（）.getday（））;方法二：var a = new array（"日", "一", "二", "三", "四", "五", "六"）;var week = new date（）.getday（）;var str = "今天是星期"+ a[week...

全面了解addEventListener和on的区别

2017年02月06日 37 阅读

为什么需要addEventListener？先来看一个片段：html代码<div id="box">追梦子</div>用on的代码window.onload = function（）{var box = document.getElementById（"box"）;box.onclick = function（）{console.log（"我是box1"）;}box.onclick = function（）{box.style.fo...

ui组件之input多选下拉实现方法（带有搜索功能）

2017年02月06日 34 阅读

我的风格，先上效果图，如果大家感觉还不错，请参考实现代码。废话不说先看div层次结构<！-- 最外层div 可以任意指定主要用于定义子元素宽度 --><div class="col-xs-10" style="width:800px"><！-- 表单label 添加文字提示 --><label for="" class="label-control">全文检索</label><！-- 多...

浅谈addEventListener和attachEvent的区别

2017年02月06日 34 阅读

• addEventListener共有3个参数，如下所示：element.addEventListener（type,listener,useCapture）;参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听函数，注意只写函数名，不要带括号。userCap...

jQuery实现下拉框多选 jquery-multiselect 的实例代码

2017年02月06日 34 阅读

先给大家展示下效果图：除了jquery，需要引用的样式和js文件：<link rel="stylesheet" type="text/css" href="../assets/jquery.multiselect.css" /><link rel="stylesheet" type="text/css" href="../assets/style.css" /><link rel="stylesheet" type="text...

javascript运算符语法全面概述

2017年02月06日 34 阅读

前面的话javascript中的运算符大多由标点符号表示，少数由关键字表示，它们的语法言简意赅，它们的数量却着实不少。运算符始终都遵循着一些固定语法，只有了解并掌握这些内容，才能正确使用运算符。本文将主要介绍javascript运算符的语法概述操作数个数 javascript的运算符总共有46个，如果根据其操作数的个数进行分类，则大多数是二元运算符（binary operator），它们的操作数都是两个，它们将两个表达式合并成复杂表达式1 + 2;tru...

jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

2017年02月06日 32 阅读

想要添加这个效果，先来弄明白页面的加载和事件执行顺序，看这个简单例子：<html xmlns="http://www.w3.org/1999/xhtml"><head ><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>验证加载顺序</title><script src="../Script...

jQuery实现公告新闻自动滚屏效果实例代码

2017年02月06日 39 阅读

本文是小编参考网络上的一个小demo，自己做了下扩展，原来是向上滚动的，扩展了一个向下滚动的方法，具体实例代码如下所示：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>滚屏实验</title>&l...

Jquery实现遮罩层的简单实例（就是弹出DIV周围都灰色不能操作）

2017年02月06日 33 阅读

Jquery实现遮罩层的简单实例（就是弹出DIV周围都灰色不能操作）<！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> <me...

首页 / 脚本样式 / JavaScript

Bootstrap的Refresh Icon也spin起来

JS基础随笔（菜鸟必看篇）

Javascript类型系统之undefined和null浅析

jquery计算出left和top,让一个div水平垂直居中的简单实例

瀑布流的实现方式（原生js+jquery+css3）

原生js仿jquery animate动画效果

js实现可键盘控制的简单抽奖程序

JS中如何比较两个Json对象是否相等实例代码

AngularJS实用开发技巧（推荐）

javascript超过容器后显示省略号效果的方法（兼容一行或者多行）

原生javascript 学习之js变量全面了解

js计算系统当前日期是星期几的方法

全面了解addEventListener和on的区别

ui组件之input多选下拉实现方法（带有搜索功能）

浅谈addEventListener和attachEvent的区别

jQuery实现下拉框多选 jquery-multiselect 的实例代码

javascript运算符语法全面概述

jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

jQuery实现公告新闻自动滚屏效果实例代码

Jquery实现遮罩层的简单实例（就是弹出DIV周围都灰色不能操作）