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

浅谈javascript中new操作符的原理

2017年02月06日 9 阅读

javascript中的new是一个语法糖，对于学过c++，java 和c#等面向对象语言的人来说，以为js里面是有类和对象的区别的，实现上js并没有类，一切皆对象，比java还来的彻底new的过程实际上是创建一个新对象，把新象的原型设置为构造器函数的原型，在使用new的过程中，一共有3个对象参与了协作，构造器函数是第一个对象，原型对象是二个，新生成了一个空对象是第三个对象，最终返回的是一个空对象，但这个空对象不是真空的，而是已经含有原型的引用（__pro...

javascript实现抽奖程序的简单实例

2017年02月06日 9 阅读

昨天开年会的时候看到一个段子说唯品会年会抽奖，结果大奖都被写抽奖程序的部门得了，CTO现场review代码。简单想了一下抽奖程序的实现，花了十几分钟写了一下，主要用到的知识有数组添加删除，以及ES5 数组新增的indexOf,filter方法，为了刷新页面后仍能保存已中奖记录，用了localStorage存盘。刚开始是用随机数直接取编号，发现要剔除已中奖的人很麻烦，如果重复要递归调用，如果中奖的人太多到最后随机数取到已中奖的人概率太大，所以换用两个数组实现...

jQuery原理系列-css选择器的简单实现

2017年02月06日 9 阅读

jQuery最强大的功能在于它可以通过css选择器查找元素，它的源码中有一半是sizzle css选择器引擎的代码，在html5规范出来之后，增加了document.querySelector和document.querySelectorAll直接查找元素，如果是做移动端开发的，使用jQuery的必要性大大降低。用js代码实现css选择器，必然是用正则表达式来识别字符串了，当然浏览器提供的原生api 效率更高，以下代码只做原理性展示，并未优先性能，例如1）...

基于jQuery下拉选择框插件支持单选多选功能代码

2017年02月06日 9 阅读

由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui。下面给大家展示下效果图，如果大家感觉还不错，请参考实现代码：多选：呈现列表具体代码如下所示：/***下拉框插件-chooseList*调用插件的方式以及格式：* 1.首先你需要创建一个div面板,给div定义ID* 2.在你所需要的地方调用插件：* 参数说明：* $（"#divID"）.chooseList（{...

javascript显示倒计时控制按钮的简单实现

2017年02月06日 10 阅读

html：<a><span id="sendAgain" onclick="sendEmail（）">2.再次发送激活邮件</span></a>（span控制点击事件，disabled无效）js：/*发送邮件*/function sendEmail（）{//发送邮箱认证邮件var me = $（"#sendAgain"）;me.time = 60;（function（） {if （me.time > 1...

点击按钮出现60秒倒计时的简单js代码（推荐）

2017年02月06日 9 阅读

点击按钮出现60秒倒计时的简单js代码（推荐）<！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> <meta http-eq...

通过正则表达式获取url中参数的简单实现

2017年02月06日 9 阅读

url： http://xxxx.com?name=魅力&id=123js中：var name = getUrlParam（"name"）;/*通过正则获取url中的参数*/function getUrlParam（name）{ var reg = new RegExp（"（^|&）"+ name +"=（[^&]*）（&|$）"）; var r = window.location.search.substr（1）.match（reg）; if（r...

JavaScript必看小技巧（必看）

2017年02月06日 9 阅读

在这篇文章中将给大家分享有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用！！操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用！！操作符来实现是非常的方便与简单。对于变量可以使用！！variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。比如下...

JavaScript基础语法之js表达式

2017年02月06日 9 阅读

本文将详细介绍javascript表达式，表达式分为原始表达式和复杂表达式。一般，关于javascript基础语法，人们听得比较多的术语是操作符和语句。但，其实还有一个术语经常使用，却很少被提到，这就是javascript表达式（expression）。原始表达式（primary exression）原始表达式是表达式的最小单位——它不再包含其他表达式。javascript中的原始表达式包括this关键字、标识符引用、字面量引用、数组初始化、对象初始化...

Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

2017年02月06日 9 阅读

在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题.Ext.onReady（function（）{Ext.WindowMgr.zseed = 10000;Ext.QuickTips.init（）;Ext.getDoc（）.on（"contextmenu", function（e）{e.stopEvent（）;}）; if（document.addEventListener）{docu...

jQuery封装的屏幕居中提示信息代码

2017年02月06日 10 阅读

本文实例讲述了jQuery封装的屏幕居中提示信息代码。分享给大家供大家参考，具体如下：function showLoad（tipInfo, type, autohide） {var pic = "";switch （type） {case 0: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // error...

关于session和cookie的简单理解

2017年02月06日 10 阅读

0. 引子，我们为什么要cookie和session因为http请求是无状态的（不能记录用户的登录状态等），所以需要某种机制来保存用户的登录状态等信息，在下次访问web服务的时候，不用再次校验是否登录等状态，session机制和cookie机制分别是在服务器端和浏览器端的解决方案。1.关于cookie1.1 什么是cookiecookie，原意饼干。用来在浏览器端存储用户的状态信息，然后在访问后端的时候将这部分信息带回到后端。cookie的内容主要包括：名...

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析

2017年02月06日 10 阅读

本文实例讲述了jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/...

浅谈JavaScript函数的四种存在形态

2017年02月06日 9 阅读

函数的四种存在形态：1.函数形态2.方法形态将函数赋值给某一个对象的成员，那么就称为方法3.构造器形态4.上下文形态1.函数形态：var foo = function（） {alert（this）; //this是window};2.方法形态：o = {};o.foo = foo;//将函数foo赋值给对象o的foo属性o.foo（）;//弹出的是object，此时的this表示objectvar lib = {test:function（） {aler...

Javascript之String对象详解

2017年02月06日 9 阅读

String 对象用于处理文本（字符串）。1、创建String复制代码代码如下:var str = "Hello World";var str1 = new String（str）;var str = String（"Hello World"）;此三种方法都可以，但是略有区别2、length属性--->返回字符串的长度3、anchor（）方法用于创建 HTML 锚。HTML锚是什么？就是<a ...>...</a>stri...

玩转JavaScript OOP - 类的实现详解

2017年02月06日 9 阅读

概述当我们在谈论面向对象编程时，我们在谈论什么？我们首先谈论的是一些概念：对象、类、封装、继承、多态。对象和类是面向对象的基础，封装、继承和多态是面向对象编程的三大特性。JavaScript提供了对象却缺乏类，它不能像C#一样能显式地定义一个类。但是JavaScript的函数功能非常灵活，其中之一就是构造函数，结合构造函数和原型对象可以实现”类”。对象和类的概念对象“对象”是面向对象编程中非常重要的一个概念，一个对象是一个“东西”（某个人或某件事）的描述。...

jQuery购物车插件jsorder用法（支持后台处理程序直接转换成DataTable处理）

2017年02月06日 9 阅读

本文实例讲述了jQuery购物车插件jsorder用法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB18030"/><title></title><script type="text/javascript" src=...

AngularJs学习第五篇从Controller控制器谈谈$scope作用域

2017年02月06日 9 阅读

Controller的创建AngularJs controller使用无处不在，在里代码演示比较简单的创建工作。<！DOCTYPE html><html xmlns="http://www.w.org//xhtml" ng-app="exampleApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-"/><...

JavaScript中两个字符串的匹配

2017年02月06日 9 阅读

工作中遇到一个问题，两个字符串匹配，要求：每个字符串中最多含有一个*，?可以无限多个*代表一个任意长度的字符串，而?则代表一个字符要求可以提示出两个冲突复制代码代码如下:<input type="text" id="str1"><br><input type="text" id="str2"><br><input type="button" onclick="checkMarchX（）...

jQuery提示插件qTip2用法分析（支持ajax及多种样式）

2017年02月06日 9 阅读

本文实例讲述了jQuery提示插件qTip2用法。分享给大家供大家参考，具体如下：<！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>&l...

首页 / 脚本样式 / JavaScript

浅谈javascript中new操作符的原理

javascript实现抽奖程序的简单实例

jQuery原理系列-css选择器的简单实现

基于jQuery下拉选择框插件支持单选多选功能代码

javascript显示倒计时控制按钮的简单实现

点击按钮出现60秒倒计时的简单js代码（推荐）

通过正则表达式获取url中参数的简单实现

JavaScript必看小技巧（必看）

JavaScript基础语法之js表达式

Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

jQuery封装的屏幕居中提示信息代码

关于session和cookie的简单理解

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析

浅谈JavaScript函数的四种存在形态

Javascript之String对象详解

玩转JavaScript OOP - 类的实现详解

jQuery购物车插件jsorder用法（支持后台处理程序直接转换成DataTable处理）

AngularJs学习第五篇从Controller控制器谈谈$scope作用域

JavaScript中两个字符串的匹配

jQuery提示插件qTip2用法分析（支持ajax及多种样式）