2015年10月_小平果118

原创你不知道的JavaScript--Item25 创建对象(类)的8种方法总结

1. 使用Object构造函数来创建一个对象下面代码创建了一个person对象，并用两种方式打印出了Name的属性值。 var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["name"])上述写法的另外一种表现形式是使用对象

2015-10-31 14:55:48 1858 4

转载 ECMAScript 6 入门 ----Generator 函数

本文转自：阮一峰老师的ECMAScript 6 入门，有时间可以看下评论！Generator 函数简介基本概念Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍Generator函数的语法和API，它的异步编程应用请看《异步操作》一章。Generator函数有多种理解角度。从语法上，首先可以把它理解成，Generator函数是一个状态机，封装了多个内部

2015-10-31 14:18:46 1125

转载你不知道的JavaScript--Item24 ES6新特性概览

ES6新特性概览本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，预计会在14年

2015-10-31 13:51:27 1820 2

原创超实用的JavaScript代码段 Item4 --发送短信验证码

发送短信验证码实现点击“发送验证码”按钮后，按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态 .第一步、获取按钮、绑定事件、设置定时器变量和计时变量第二步、添加定时器，每隔1秒钟计时减 1，直至当计时小于等于 0 时清除定时器，按钮恢复为“发送验证码”，否则显示为“X秒后重试”<!doctype html><html lan

2015-10-31 10:48:10 1769

原创超实用的JavaScript代码段 Item3 --图片轮播效果

图片轮播效果图片尺寸统一设置成：490*170px;一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index二、添加定时器，每隔2秒钟index递增一次、调用一次切换图片函数提示:1、 index不能一直无限制的递增下去，需做判断2、调用切换图片函数时需将递增之后的index作为参数传过去三、定义图片切换函数提示: 1.遍历所有放数

2015-10-31 10:17:17 1821 3

原创超实用的JavaScript代码段 Item2 --伸缩菜单栏

伸缩菜单栏点击标题时判断该标题下的菜单是否显示，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding

2015-10-31 10:02:46 1630

原创超实用的JavaScript代码段 Item1 --倒计时效果

现今团购网、电商网、门户网等，常使用时间记录重要的时刻，如时间显示、倒计时差、限时抢购等，本文分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果。1、简单时间显示讲解日期对象Date,并通过该对象获取时、分、秒等，让你自由提取所需时间内容。<!DOCTYPE html><html><head> <title>获取时间</titl

2015-10-31 09:52:18 1720 1

原创你不知道的JavaScript--Item23 定时器的合理使用

1、定时器概述window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(expression,milliseconds); window.setInterval(expression,

2015-10-29 21:59:47 2643 3

原创你不知道的JavaScript--Item22 Date对象全解析

本篇主要介绍 Date 日期和时间对象的操作。1. 介绍1.1 说明Date对象，是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。1.2 属性无； Date对象对日期和时间的操作只能通过方法。2. 构造函数2.1 new Date() ：返回当前的本地日期和时间参数：无返回值：{Date} 返回一个表示本地日期和时间的Date对象。示例：var dt = new Date();

2015-10-29 21:09:12 1449

转载 jQuery学习之旅 Item10 ajax快餐

1. 摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.2. 前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个

2015-10-28 19:11:48 1846

原创 jQuery学习之旅 Item9 动画效果

1、元素的显示和隐藏display:none; 隐藏display:block; 显示简单显示和隐藏方法a) show() 显示b) hide() 隐藏c) toggle() 开关，显示则隐藏，隐藏则显示<script type="text/javascript"> function f1(){ //隐藏 $("di

2015-10-28 13:59:11 3190 6

原创 jQuery学习之旅 Item8 DOM事件操作

1、jquery页面载入事件1、传统加载事件<body onload=”函数名()”> 页面全部html和css代码加载完成之后再调用指定的onload函数window.onload = function(){ 加载过程}2、jquery实现加载事件① $(document).ready(function(){加载代码});② $().ready(function(){加载代码});

2015-10-28 11:09:58 1307

原创 jQuery学习之旅 Item7 区别this和$(this)

刚开始以为this和(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与(this)的区别。1、jQuery中this与$(this)的区别$("#textbox").hover( function() {

2015-10-27 19:27:06 1292 1

原创 jQuery学习之旅 Item6 好用的each()

1、javascript 函数的调用方式首先来研究一下jquery的each()方法的源码，在这之前，先要回顾一下javascript函数具体调用样式：普通函数调用 setName();可以作为对象的属性调用作为构造函数使用，new 函数，实例化对象call() apply() //1、函数作为对象成员使用 var cat = {'climb':function(){alert

2015-10-27 18:20:43 1176

原创 jQuery学习之旅 Item5 $与jQuery对象

1、$符号的由来$符号本质就是函数的名字。 jquery源码分析通过分析我们知道，在jquery里边不只可以使用$符号，还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用)prototype框架也使用$符号jquery里边也使用符号现在就分不清楚符号现在就分不清楚符号到底是prototype框架的还是 jquery框架的jqu

2015-10-27 16:03:02 1246

原创 jQuery学习之旅 Item3 属性操作与样式操作

本节将Dom元素的操作:属性操作、样式操作、设置和获取HTML,文本和值、Css-Dom操作。1、属性操作<input type=”text” name=”username” value=”jack” class=”apple”>方法：attr() attribute属性使用：1、 attr(名称); 获得元素节点对应的属性信息$(“input”).attr(‘class’);

2015-10-26 13:27:12 1402 2

原创 jQuery学习之旅 Item4 细说DOM操作

jQuery—–DOM操作(文档处理)Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。　　每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵D

2015-10-26 13:16:40 1232 1

转载你不知道的JavaScript--Item1 严格模式

一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立”严格模式”的目的，主要有以下几个：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javasc

2015-10-26 11:33:14 3638

原创 jQuery学习之旅 Item2 选择器【二】

这里接着上一个Item1 把jQuery的选择器讲完。主要有：属性过滤器和子元素过滤器点击”名称”会跳转到此方法的jQuery官方说明文档. 5. 属性过滤器 Attribute Filters名称说明举例[attribute]匹配包含给定属性的元素查找所有含有 id 属性的 div 元素: $(“div[id]”)[attribute=value]匹配给定的属性是

2015-10-25 21:23:54 1177 1

原创 jQuery学习之旅 Item1 选择器【一】

jQuery选择器分为如下几类:[说明] 点击"名称"会跳转到此方法的jQuery官方说明文档. 1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所

2015-10-25 17:07:11 2071 3

原创《javascript语言精粹》读书笔记 Item2 对象

第三章对象JavaScript的简单数据类型包括数字、字符串、布尔值（true和false）、null值和undefined值。其他数字、字符串和布尔值“貌似”对象，因为它们拥有方法，但它们是不可变的。JavaScript中的对象是可变的键控集合（keyed collections）。对象是属性的容器，其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以

2015-10-25 10:51:39 756

原创《javascript语言精粹》读书笔记 Item1 精华与语法

第一章精华任何语言都有其精华的部分和鸡肋的部分，javascript也不例外，而且鸡肋的部分还很多。但javascript的流行却不受他的质量影响。javascript为何如此流行？因为他是web浏览器的语言，所有浏览器都识别他。他与浏览器的结合自然成为了世界上最流行的语言之一。 javascript建立在一些非常好的想法和少数非常坏的想法之上。非常好的想法包括函数、弱类型、动态对象（这

2015-10-25 09:40:50 729

原创你不知道的JavaScript--Item21 漂移的this

而在 JavaScript 中，this 是动态绑定，或称为运行期绑定的，这就导致 JavaScript 中的 this 关键字有能力具备多重含义，带来灵活性的同时，也为初学者带来不少困惑。本文仅就这一问题展开讨论，阅罢本文，读者若能正确回答 JavaScript 中的 What ’s this 问题，作为作者，我就会觉得花费这么多功夫，撰写这样一篇文章是值得的。我们要记住一句话：this永远指向函

2015-10-23 17:16:48 2635 1

原创你不知道的JavaScript--Item20 作用域与作用域链（scope chain）

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。1、JavaScript作用域　　任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在J

2015-10-23 11:42:35 2383 3

原创你不知道的JavaScript--Item2 浮点数精度

理解JavaScript的浮点数大多数编程语言都有几种数值型数据类型，但是JavaScript却只有一种。你可以使用typeof 运算符查看数字的类型。不管是整数还是浮点数，JavaScript都将它们简单地归类为数字。事实上，JavaScript中所有的数字都是双精度浮点数。这是由IEEE754标准制定的64位编码数字——即“doubles”。如果这一事实使你疑惑JavaScript是如何表示整数

2015-10-23 11:25:11 2354 1

原创你不知道的JavaScript--Item19 执行上下文（execution context）

在这篇文章里，我将深入研究JavaScript中最基本的部分——执行上下文（execution context）。读完本文后，你应该清楚了解解释器做了什么，为什么函数和变量能在声明前使用以及他们的值是如何决定的。1、EC—执行环境或者执行上下文每当控制器到达ECMAScript可执行代码的时候，控制器就进入了一个执行上下文（好高大上的概念啊）。javascript中，EC分为三种：全局级别的代码

2015-10-23 11:16:26 7554

原创你不知道的JavaScript--Item18 JScript的Bug与内存管理

1、JScript的BugIE的ECMAScript实现JScript严重混淆了命名函数表达式，搞得现很多人都出来反对命名函数表达式，而且即便是现在还一直在用的一版（IE8中使用的5.8版）仍然存在下列问题。下面我们就来看看IE在实现中究竟犯了那些错误，俗话说知已知彼，才能百战不殆。我们来看看如下几个例子：例1：函数表达式的标示符泄露到外部作用域var f = function g(){};typ

2015-10-22 21:43:52 22335 6

转载前端必读：浏览器内部工作原理

目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers　　一、介绍　　浏览器可以被认为是使用

2015-10-21 22:07:44 1423

原创你不知道的JavaScript--Item17 循环与prototype最后的几点小tips

1、优先使用数组而不是Object类型来表示有顺序的集合ECMAScript标准并没有规定对JavaScript的Object类型中的属性的存储顺序。但是在使用for..in循环对Object中的属性进行遍历的时候，确实是需要依赖于某种顺序的。正因为ECMAScript没有对这个顺序进行明确地规范，所以每个JavaScript执行引擎都能够根据自身的特点进行实现，那么在不同的执行环境中就不能保证fo

2015-10-21 21:35:44 1654

原创你不知道的JavaScript--Item16 for 循环和for...in 循环的那点事儿

大家都知道在JavaScript中提供了两种方式迭代对象：for 循环； for..in循环； 1、for循环不足：在于每次循环的时候数组的长度都要去获取；终止条件要明确；在for循环中，你可以循环取得数组或是数组类似对象的值，譬如arguments和HTMLCollection对象。通常的循环形式如下：// 次佳的循环for (var i = 0; i < myarray.lengt

2015-10-21 21:08:04 2155

翻译 JavaScript (Array) map 方法

原文地址：https://technet.microsoft.com/zh-cn/library/ff679976map 方法 (Array) (JavaScript)对数组的每个元素调用定义的回调函数并返回包含结果的数组。array1.map(callbackfn[, thisArg]

2015-10-21 16:41:01 1325

原创你不知道的JavaScript--Item15 prototype原型和原型链详解

用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也

2015-10-21 14:27:59 2558

原创 JavaScript prototype原型和原型链详解

用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也

2015-10-21 14:25:50 4165 1

原创你不知道的JavaScript--Item14 使用prototype的几点注意事项

1、在prototype上保存方法不使用prototype进行JavaScript的编码是完全可行的，例如：function User(name, passwordHash) { this.name = name; this.passwordHash = passwordHash; this.toString = function() { re

2015-10-21 13:43:08 2019

原创 JavaScript 数组详解

在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。创建数组在JavaSc

2015-10-21 12:24:36 778

原创你不知道的JavaScript--Item13 理解 prototype, getPrototypeOf 和proto

1、深入理解prototype, getPrototypeOf和_ proto _prototype，getPropertyOf和 _ proto _ 是三个用来访问prototype的方法。它们的命名方式很类似因此很容易带来困惑。它们的使用方式如下：C.prototype: 一般用来为一个类型建立它的原型继承对象。比如C.prototype = xxx，这样就会让使用new C()得到的对象的原

2015-10-21 10:30:51 2292 1

原创你不知道的JavaScript--Item12 undefined 与 null

当讨论JavaScript中的原始数据类型时，大多数人都知道从String、Number到Boolean的基本知识。这些原始类型相当简单，行为符合常识。但是，本文将更多关注独特的原始数据类型Null和Undefined，是什么让它们如此相似，却又似是而非。一、理解null和undefined在JavaScript中，null是字面量同时也是语言中的关键字，用来表示无法识别的对象值。换句话说，这用来表

2015-10-20 21:33:34 2000

原创你不知道的JavaScript--Item11 arguments对象

1、什么是argumentsarguments 是是JavaScript里的一个内置对象，它很古怪，也经常被人所忽视，但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。在javascript函数体内，标识符arguments具有特殊含义。它是调用对象的一个特殊属性，用来引用Arguments对象。Arug

2015-10-18 15:22:57 3413 5

原创你不知道的JavaScript--Item10 闭包（closure）

JavaScript 闭包究竟是什么?用JavaScript一年多了，闭包总是让人二丈和尚摸不着头脑。陆陆续续接触了一些闭包的知识，也犯过几次因为不理解闭包导致的错误，一年多了资料也看了一些，但还是不是非常明白，最近偶然看了一下 jQuery基础教程的附录，发现附录A对JavaScript的闭包的介绍简单易懂，于是借花献佛总结一下。1、定义闭包：是指有权访问另外一个函数作用域中的变量的函数。创建闭

2015-10-18 11:03:45 2202

原创你不知道的JavaScript--Item9 call(),apply(),bind()与回调

1、call(),apply(),bind()方法JavaScript 中通过call或者apply用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。call(obj,arg1,arg2,arg3); call第一个参数传对象，可以是null。参数以逗号分

2015-10-17 17:19:57 1935

sublime text3的所有安装插件

cvx_usrguide

0_1线性规划模型的MATLAB实现及应用

lingo经典教材

数学建模论文1992-2011年全部优秀论文与点评

如何将开发API文档整合到一起？如下图所示？