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

基于JavaScript实现随机颜色输入框

2017年02月06日 81 阅读

废话不多说了额，具体代码如下所示： <！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>table{width:500px;height:400px;}table td{width:100px;height:50px;}</style><script>windo...

JS产生随机数的用法小结

2017年02月06日 66 阅读

代码如下所述：<script>function GetRandomNum（Min,Max）{var Range = Max - Min;var Rand = Math.random（）;return（Min + Math.round（Rand * Range））;}var num = GetRandomNum（1,10）;alert（num）;</script>var chars = ["0","1","2","3","4","5"...

JQuery.validationEngine表单验证插件（推荐）

2017年02月06日 69 阅读

一、说明jQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母2.数字类型：数字、整数、最大值、最小值3.日期类型：日期（yyyy-MM-dd/ yyyy/MM/dd等）、日期+时间、最小日期、最大日期、日期时间段4.业务字段：url、email、phone、ipv4；ciaoca版扩展支持：qq、邮政编码、身份证、汉字。5.Ajax后台验证：...

BootStrap轮播HTML代码（推荐）

2017年02月06日 78 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所述： <div id="carousel-menu" class="carousel slide" data-ride="carousel">//小圆点<ol class="carousel-indicators"><li data-target="#carousel-menu" data-slide-to="0" class=""></li><li da...

解析js如何获取css样式

2017年02月06日 87 阅读

一、获取内联样式<div id ="myDiv" style="width:100px;height:100px;background-color:red; border:1px solid black;"></div><script>var myDiv = document.getElementById（"myDiv"）;alert（myDiv.style.width）;//100pxalert（myDiv.style...

实例浅析js的this

2017年02月06日 82 阅读

js的this是什么？关于这个东西，博客园里面有太多的解释了，不过，本人看了一下，感觉对this解释的有点复杂了，因此，本人在此给this一个简单易于理解的定义。this其实是js的一个对象，至于是什么对象呢？很简单，this这个对象就是：谁调用它它就指向谁。关于这一点，其实，博客园的文章已经说明了很多了，有的文章也说到了点子上，只不过，他们解释的还是有点模糊，这里，我给大家做几个简单的对照实验，根据这几个对照实验的结果，大家应该很清楚了。希望大家根据我的...

探索Javascript中this的奥秘

2017年02月06日 74 阅读

前言： this 是 JavaScript 比较特殊的关键字，运用的地方之广，方式之灵活奠定了它的强大，但同时注定了它的难用。自己刚开始学的时候被绕的很晕，为了彻底弄懂它查了很多资料。然后将自己学的东西整理了一下，以通俗易懂的方式表达出来，权当做学习笔记，同时也可以给有需要的童鞋做下参考^_^什么是this？this 关键字的含义是明确且具体的，即指代当前对象。即意味着这个 this 是在某种相对情况下才成立的。this 被分为三种情况：全局对象、当前对...

解析NodeJs的调试方法

2017年02月06日 68 阅读

关于调试当我们只专注于前端的时候，我们习惯性F12，这会给我们带来安全与舒心的感觉。但是当我们使用NodeJs来开发后台的时候，我想噩梦来了。但是也别泰国担心，NodeJs的调试是很不方便！这是肯定的。但是还好，我们有## node-inspector ##来帮助我们解决一部分的调试问题，但是对于异步能力很强的NodeJs它还是有点力不从心。node-inspector安装node-inspector依旧是通过npm来全局安装node-inspectorn...

实现JavaScript高性能的数据存储

2017年02月06日 63 阅读

1.JavaScript中四种基本数据存取位置：字面量，本地变量，数组元素，对象成员。一般来说：[字面量,局部变量]运行速度>[数组,对象成员]2.内部属性包含了一个函数被创建的作用域中对象的集合。这个集合被称为作用域链。3.执行函数->创建执行环境->创建活动对象（即函数运行时变量对象）。所以多次调用同一个函数会导致创建多个执行环境。4.函数执行过程每遇到一个变量都会经历一次标识符解析过程，从哪里获取或存储数据。该过程搜索执行环境的作用...

利用JS判断鼠标移入元素的方向

2017年02月06日 90 阅读

最终效果这里的关键主要是判断鼠标是从哪个方向进入和离开的$（"li"）.on（"mouseenter mouseleave",function（e） { var w = this.offsetWidth; var h = this.offsetHeight; var x = e.pageX - this.getBoundingClientRect（）.left - w/2; var y = e.pageY - this.getBoundingClientR...

JavaScript奇技淫巧44招【实用】

2017年02月06日 64 阅读

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人1、首次为变量赋值时务必使用var关键...

jquery判断页面网址是否有效的两种方法

2017年02月06日 68 阅读

方法一：（jQuery方法：适用所有浏览器）HTML页面：<！DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script></h...

AngularJS过滤器filter用法分析

2017年02月06日 65 阅读

本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考，具体如下：在开发中，经常会遇到这样的场景如用户的性别分为“男”和“女”，在数据库中保存的值为1和0，用户在查看自己的性别时后端返回的值自然是1或0，前端要转换为“男”或“女”再显示出来；如我要换个羽毛球拍，某猫上羽毛球拍的品牌多达数十种，我想单独查看YONEX这个品牌的羽毛球拍；买完羽毛球拍我还想买一桶羽毛球，点击按销量排序展示商品；以上三种场景分别对数据进行了转换／筛选／排序，...

基于jQuery实现的查看全文功能【实用】

2017年02月06日 71 阅读

话不多说，请看具体实例自己引用jQuery.js版本查看全文---收起（文本内容少于四行，不显示查看全文---收起，超过五行时才显示出来并有此功能）<！doctype html><html><head><meta charset="utf-8"><script type="text/javascript" src="js/jquery1.7.2.min.js"></script><...

JavaScript获取服务器时间的方法详解

2017年02月06日 94 阅读

本文实例讲述了JavaScript获取服务器时间的方法。分享给大家供大家参考，具体如下：Javascript是运行在客户端的脚本，我们一般都用new Date（）来获取当前时间，但是得到的是客户端的时间，客户端时间是随意更改的，如果要做一个产品发布倒计时的话，客户端时间一改，就要闹笑话了。业务中需要用到服务器时间的场景还有很多，那么仅仅通过js怎么拿到服务器时间呢？事实上，只需要一个ajax请求就搞定，通过读取XMLHttpRequest对象的响应头里面的...

javascript实现将数字转成千分位的方法小结【5种方式】

2017年02月06日 95 阅读

本文实例讲述了javascript实现将数字转成千分位的方法。分享给大家供大家参考，具体如下：尽管离过年还有两个月之久，春运抢票的战斗已经打响了，悲剧的是我还没抢到票，看到某浏览器上的数字时，想到一个经典面试题，没错，就是数字转千分位。如将数字87463297转成87，463，297，方法有很多种，我这里只想到5种。1、利用正则的零宽度正预测先行断言（?=exp），名字有点难记，意思是它断言自身出现的位置的后面能匹配表达式exp，对此概念还不明白的...

jQuery实现模拟flash头像裁切上传功能示例

2017年02月06日 67 阅读

本文实例讲述了jQuery实现模拟flash头像裁切上传功能。分享给大家供大家参考，具体如下：是的，jq已经有类似的插件了，或者干脆用flash算了，为什么我还要自己写？因为造（wo）轮（bu）子（hui）也（flash）是一个学习的过程，轮子不会造，将来怎么造飞机？先来一张最终效果图：一、大概思路用js来做这个效果，先得将图片A上传到服务器，关于异步上传的插件有很多，不用插件也可以参考本人上一篇博客用纯js的方式上传，上传之后显示到页面里，由于上传的图片...

js倒计时显示实例

2017年02月06日 68 阅读

话不多说，请看实例代码<！DOCTYPE html><html><head><meta charset="UTF-8"><title>js倒计时显示-细数逝去的过往</title><style type="text/css">#clock {font: bold 24pt sans;background-color: #f5f5f5;padding: 10px 15px;b...

jquery实现简单的瀑布流布局

2017年02月06日 86 阅读

是开头都会说的原理瀑布流布局有两种，一种是固定列，一种是非固定列。在此主要记述第一种的实现。固定列的特征是：无论页面如何缩放，每行的总列数都一致。一行4列的瀑布流从布局的角度来说，就是4个li标签。通过一定的事件（比如滚动条滚动多少px），然后读取之，再把数据动态地添加到页面中。添加数据原则，不是根据li索引值来加，而是根据各列中高度最短的的那列动态添加。否则可能导致页面很难看（左右高度不统一）。实例涉及ajax方法。可在服务器环境下运行。废话不多说了。直...

jquery滚动条插件（可以自定义）

2017年02月06日 61 阅读

以后用起来就方便了把css文件引入<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css">js引入<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script><div class="mscroll">...

首页 / 脚本样式 / JavaScript

基于JavaScript实现随机颜色输入框

JS产生随机数的用法小结

JQuery.validationEngine表单验证插件（推荐）

BootStrap轮播HTML代码（推荐）

解析js如何获取css样式

实例浅析js的this

探索Javascript中this的奥秘

解析NodeJs的调试方法

实现JavaScript高性能的数据存储

利用JS判断鼠标移入元素的方向

JavaScript奇技淫巧44招【实用】

jquery判断页面网址是否有效的两种方法

AngularJS过滤器filter用法分析

基于jQuery实现的查看全文功能【实用】

JavaScript获取服务器时间的方法详解

javascript实现将数字转成千分位的方法小结【5种方式】

jQuery实现模拟flash头像裁切上传功能示例

js倒计时显示实例

jquery实现简单的瀑布流布局

jquery滚动条插件（可以自定义）