小九的博客

Cocos2d-js中Chipmunk引擎   记得当初学cocos2d-x中的物理引擎的时候，我的那个乖乖   什么刚体啦，物理世界啦，夹板啦，各种乱七八糟，搞得我七上八下，谁知有一天看了个游戏代码（一个都不能死）突然恍然大悟，我原来的方法是如此的复杂，原来还有另一种简便，易懂得方法那么下面经过我查找资料后，精心编写，给小伙伴们一个完整的代码  先给大家看看我精心运行的效果

function getRandom(min, max) {        return min + Math.random() * (max - min);    }    console.log(getRandom(10,100));

html:                                                                                                                               css:#container {    position:

基础就不说了 。直接给链接吧·······闭包： http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html直接上综合题了： for (var i = 0; i     setTimeout(function() {        console.log(i);    }, 1

1.闭包的简单理解function f1(){        var i=0;                function f2(){            alert(i);        }                return f2;    }    var f3 = f1();f3();全局变量f3指定对 函数f

变量对象与堆内存var a = 20;var b = 'abc';var c = true;var d = { m: 20 }因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。当然也包括我自己。在很长一

先随便放张图我们在JS学习初期或者面试的时候常常会遇到考核变量提升的思考题。比如先来一个简单一点的。console.log(a); // 这里会打印出什么？var a = 20;暂时先不管这个例子，我们先引入一个JavaScript中最基础，但同时也是最重要的一个概念执行上下文（Execution Context）。每次当控制器转到可执行代码的时候，就会进入一个执行上

开年之后工作热情一直不是很高，这几天一直处于消极怠工状态。早上不想起床，起床了不想上班。明明放假之前工作热情还一直很高，一直心心念念的想把小程序项目怼出来，结果休假回来之后画风完全不一样了。我感觉自己得了严重了节后综合征。还好撸了几篇文章，勉强表示这一周的时间没有完全浪费。这篇文章要给大家介绍的是变量对象。在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到

攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。可

~我们在学习JavaScript的过程中，由于对一些概念理解得不是很清楚，但是又想要通过一些方式把它记下来，于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。危害比较大的是，有的不准确的结论在网上还广为流传。比如对于this指向的理解中，有这样一种说法：谁调用它，this就指向谁。在我刚开始学习this的时候，我是非常相信这句话的。因为在一些情况下，这样理解也还算说得

函数：菜鸟收割者纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中，可能会有很多人、很多文章告诉你面向对象很重要，原型很重要，可是却很少有人告诉你，面向对象中所有的重点难点，几乎都与函数息息相关。包括我之前几篇文章介绍的执行上下文，变量对象，闭包，this等，都是围绕函数来展开。我知道很多人在学习中，很急切的希望自己

.如果要我总结一下学习前端以来我遇到了哪些瓶颈，那么面向对象一定是第一个毫不犹豫想到的。尽管我现在对于面向对象有了一些的了解，但是当初的那种似懂非懂的痛苦，依然历历在目。为了帮助大家能够更加直观的学习和了解面向对象，我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例子帮助大家更加快速的掌握面向对象的真谛。jQuery的面向对象实现封装拖拽

配图与本文无关早几年学习前端，大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹，“原来JavaScript居然可以这样用！”虽然随着前端的发展，另外几种前端框架的崛起，jQuery慢慢变得不再是必须。因此大家对于jQuery的热情低了很多。但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用。简单的了解它也

配图与本文无关我在详细图解作用域链与闭包一文中的结尾留下了一个关于setTimeout与循环闭包的思考题。利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5for (var i=1; i5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 )

Event LoopJavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条线索的最关键的知识点。所以，我

var mobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);var touchstart = mobile ? "touchstart" : "mousedown";var touchend = mobile ? "touchend" : "mouseup";var touchmo

一、event对象 IE 中可以直接使用 window.event 对象，而 FF 中则不可以，解决方法之一如下：var theEvent = window.event || arguments.callee.caller.arguments[0];第二种是将 event 作为参数来传递:function test(event) {var eve

TexturePacker纹理打包打方法及技巧首先我们先选取我的图片，比如说第一步这个人物大家应该都熟悉，robert  拳皇里面的人物  对于不是可以无数放大招的摇杆游戏里  是我们常用的人物  哈哈  好了进入正题吧第二步   将图片放入TexturePacker  第三步 修改左边 框里的东西小伙伴们可以仔细对比一下   第二步和第三部的区别

设计模式的经典名著——Design Patterns: Elements of Reusable Object-Oriented Software，中译本名为《设计模式——可复用面向对象软件的基础》的四位作者Erich Gamma、Richard Helm、Ralph Johnson，以及John Vlissides，这四人常被称为Gang of Four，即四人组，简称GoF。 经典的《

html>html lang="en">head> meta charset="UTF-8"> title>title>head>script src="jquery-1.3.2.min.js">script>body>div id="bg_music_btn" state='1' style="background-color: black;height: 10

jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var

jQuery获取和操作元素的属性和CSS样式 元素属性和Dom属性 对于下面这样一个标签元素:img id='img' src="1.jpg" alt='1' class="imgs">img> 我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

直接插入排序是稳定的排序方法。 基本思想： 假设待排序的记录存放在数组array[1..n]中，将第一个数取出来，自己array[1]作为一个有序序列，无序序列即array[2..n]。从n=2 至 n = n为止，依次将array[n]插入到有序序列当中，使插入的记录也是有序的，生成含n个记录的有序序列。 具体操作： 将要插入的记录array[i]取出，保存到临时变量temp中； 找到array

文件下载路径 https://yun.baidu.com/share/link?shareid=1550178100&uk=2772084022&third=0&fid=287334405334564index： 111 css: #wrapper{position: absolute;wi

//将障碍物添加到数组中addHindersInfo();//障碍物数组var hindersArr;//障碍物var hinders;function addHindersInfo(){ hinders = $(".obj"); hindersArr = []; for (var i = 0; i length; i++) { var hind

如果存在回调函数就执行！这是利用了 JS &&符号的一个小技巧&& 符号在前面为假时就不会执行后面的语句了所以这个就相当于if(callback){callback();}

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全

常见写法:function Test(){alert("test");}调用:Test()匿名函数：var test=function(){alert("test");}调用:test(); 写法3：(function () {   alert('test'); })();写法4：var Test = {test1:funct

var arry1=["1","2","3"];var arry2=["1","3","1"];var indexon_1;for (var j = 0; j         indexon_1 = 1;        if (arry1[j] != arry2[j]) {            indexon_1 = 0;            break;   

CSS3变换动画指定三维视角perspective 属性定义 3D 元素距视图的距离，以像素计。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。舞台:{perspective：1000px;}容器:{transform-style:preserve-3d;-webkit-transform-style:p

原文链接：http://caibaojian.com/javascript-stoppropagation-preventdefault.html事件兼容function myfn(e){ var evt = e ? e:window.event; }JS停止冒泡function myfn(e){window.event? window.event.cancelBubble =

方法一去除两边空格String.prototype.trim=function() {    return this.replace(/(^\s*)|(\s*$)/g, ""); }去除所有空格String.prototype.trim=function() {    return this.replace(/\s/g, "");}var m =

html:class="hide" id="can" width="490px" height="490px" >js:setImageURL(图片路径");var image=new Image();function setImageURL(url){ image.src=url;}var canvas=document.getElementById("can");va