-
2017-03-04 15:45:13
- JavaScript 事件对内存和性能的影响详情介绍
- 虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。 我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web 程序的性能会变得越来越差，用户体验很不好。 为了更好地利用好事件处理程序，便出现了事件委托，用来提升性能。 事件委托 事件委托（event delegation）：把若干个子节点上的相同事..
-
1222
-
2017-03-04 15:47:27
-
2017-03-04 15:51:11
- JavaScript 闭包的底层运行机制代码详解
- 我研究JavaScript闭包（closure）已经有一段时间了。我之前只是学会了如何使用它们，而没有透彻地了解它们具体是如何运作的。那么，究竟什么是闭包？ Wikipedia给出的解释并没有太大的帮助。闭包是什么时候被创建的，什么时候被销毁的？具体的实现又是怎么样的？ 'use strict'; var myClosure = (function outerFunction() { var hidden = 1; re..
-
1734
-
2017-03-04 15:54:00
- JavaScript 中的面向对象编程的详细介绍
- 介绍 JavaScript 是一个强大的面向对象编程语言，但是，并不像传统的编程语言，它采用一个以原型为基础的OOP模型，致使它的语法让大多数开发人员看不懂。另外，JavaScript 也把函数作为首要的对象，这可能会给不够熟悉这门语言的开发人员造成更大的困惑。那就是我们决定放在前面作为一个简短前言进行介绍的原因，并且在 JavaScript 里也可以用作面向对象编程的一个参考。 这个文档没有提供一个面向对象编程的规则预览，但有它们的..
-
1114
-
2017-03-04 15:57:10
- JavaScript 中继承方式详解
- js继承的概念 js里常用的如下两种继承方式： 原型链继承（对象间的继承） 类式继承（构造函数间的继承） 由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现 在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对象，那么用什么办法来创建自定义对象呢？这就需要用到js的原型： 我们可以简单的..
-
1378
-
2017-03-04 16:02:45
- JavaScript 变量、作用域及内存详解
- 基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。 （1）值类型：数值、布尔值、null、undefined。 （2）引用类型：对象、数组、函数。 如果赋值的是引用类型的值，则必须在堆内存中为这个值分配空间。由于这种值的大小不固定（对象有很多属性和方法），因此不能把他们保存到栈内存中。但内存地址大小是固定的，因此可以..
-
1428
-
2017-03-04 16:05:34
- JavaScript跨域问题代码总结
- 什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a..
-
1636
-
2017-03-04 16:09:16
- JavaScript参数传递中值和引用的一种理解的详细介绍
- 值（value）和引用(reference)是各种编程语言老生常谈的话题，js也不例外。 我将剖析一个例子的实际运行过程，跟大家分享我对js参数传递中的值和引用的理解。 参考官网数据类型的两种分类，本文将这两种分类简称为基本类型（boolean, null, undefined, string, number, symbol）和object类型。 首先，用一个example 演示参数传递的应用： var obj = {}; obj..
-
1470
-
2017-03-04 16:15:35
- 2小时完成HTML5拼图小游戏代码图文介绍
- 初学lufylegend.js之日，我用lufylegend.js开发了第一个HTML5小游戏——拼图游戏，还写了篇博文来炫耀一下：HTML5小游戏《智力大拼图》发布，挑战你的思维风暴。不过当时初学游戏开发，经验浅薄，所以没有好好专研游戏里的算法和代码的缺陷，导致游戏出现了很多bug，甚至拼图打乱后很可能无法复原。最近经常有朋友问起这个游戏，希望我能把代码里的bug改一下方便初学者学习，顺便我也打算测试一下自己写这种小游戏的速度，所以就..
-
11175
-
2017-03-04 16:17:46
- HTML5 手势检测原理和实现
- 前言 随着 Hybrid 应用的丰富，HTML5 工程师们已经不满足于把桌面端体验简单移植到移动端，他们觊觎移动原生应用人性化的操作体验，特别是原生应用与生俱来的丰富的手势系统。HTML5 没有提供开箱即用的手势系统，但是提供了更底层一些的对 touch 事件的监听。基于此，我们可以做出自己的手势库。 手势 常用的 HTML5 手势可以分为两类，单点手势和两点手势。单点手势有 tap（单击），double tap（双击），long ta..
-
3342
