aitun1884-优快云博客

转载 web iphone css 兼容性

解决IPHONE网页兼容（部分字号变大）：　　body{-webkit-text-size-adjust:none;}转载于:https://www.cnblogs.com/Medeor/p/5642973.html

2016-07-05 11:24:00 174

转载 Cocos2d-JS游戏导演

什么是游戏的导演　　具体来说，Cocos2d-JS中的导演是一个对象，它负责设置游戏的运行环境，控制游戏的住循环并且管理场景和场景的切换。导演的任务　　Cocos2d-JS中导演对象名为：cc.director。下面是它主要的任务：　　环境设定　　　　首先，在进入游戏之前，导演对象会设置游戏的运行环境：设置显示游戏的视图，包含视图的投射，像素格式，等等。...

2015-12-13 19:27:00 232

转载 Cocos2d-JS场景树

场景树概念（Scene Graph）场景树是Cocos2d-JS中用来管理场景中所有元素的一个数据结构，场景树之所以被称为一棵树是因为它将一个场景的所有子结点以树状图的形式组织在一起。Cocos2d-JS中场景的渲染是通过遍历场景树来做到的，对于每一个节点node，遍历的顺序如下：遍历node左边的所有子结点访问node节点遍历node右边的所有子结点...

2015-12-13 17:56:00 187

转载 Cocos2d-JS的屏幕适配方案

Cocos2d引擎为游戏开发者提供了屏幕适配策略（Resolution Policy）解决方案。使用方式1. 设置屏幕适配策略（Resolution Policy）　　如果你还没有用过Resolution Policy，只需要在游戏载入过程完成之后（cc.game.onStart函数回调中），调用下面的代码：cc.view.setDesignResolutionSiz...

2015-12-13 17:50:00 254

转载 Cocos2d-JS坐标系统

标准屏幕坐标系　　如果接触过iOS，Android，Windows Phone等系统的应用开发，或使用DOM，CSS开发过Web网页，开发者会非常熟悉所谓的标准屏幕坐标系：左上角为原点，向右为X轴正方向，向下为Y轴正方向。Cocos2d坐标系　　Cocos2d引擎家族，包括Cocos2d-x，Cocos2d-JS的坐标系统是统一的，但是却不同于前面的屏幕坐标系，而是...

2015-12-13 17:36:00 138

转载学习cocos-js的准备工作

我学习 cocos2d-js 的方向: 学习 cocos2d-js 的 HTML5 版本；即 canvas 渲染。下载cocos-js 文件地址: http://www.cocos2d-x.org/filecenter/jsbuilder下载后解压 cocos2d-js-v3.9-lite :就这样，一个 HelloWorld 示例，一个js库，就是这样把coc...

2015-12-13 17:09:00 108

转载 cc.game

概述　　使用cc.game单例代替了原有的cc.Application以及cc.AppControl。　　cc.game是Cocos2d-JS的游戏对象，主要职责包括，配置的读取，引擎的加载，游戏脚本的加载，以及游戏的启动。　　简化了工程启动代码的编写。　　cc.game对象目前的设计非常精简，使用也非常简单，开发者需要关注的只有非常有限的几个函数：onStart，run...

2015-12-13 16:59:00 311

转载 project.json

概述　　项目相关配置，由原来的cocos2d.js中转移到project.json中，该文件需要与index.html同级，一般建议放在根目录下。字段说明　　debugMode　　　　相当于原来的COCOS2D_DEBUG，其中：　　　　0表示关闭调试模式，1表示log，2表示warn，3表示error，5表示logForWebPage，6表示warnForWebPa...

2015-12-13 16:50:00 381

转载 JavaScript设计模式 - 迭代器模式

迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素许多浏览器都支持 Javascript 的 Array.prototype.forEach迭代器可以分为内部迭代器和外部迭代器一、jQuery 中的迭代器...

2015-12-03 22:23:00 114

转载 JavaScript设计模式 - 代理模式

代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问代理模式的用处(个人理解)：为了保障当前对象的单一职责(相对独立性),而需要创建另一个对象来处理调用当前对象之前的一些逻辑以提高代码的效率、状态判断等。代理模式中最常用的是虚拟代理和缓存代理一、虚拟代理　　虚拟代理是把一些开销很大的对象，延迟到真正需要它的时候才去创建执行　　示例: 虚拟代理实现图片预加载 1 ...

2015-12-03 00:35:00 80

转载 JavaScript设计模式 - 策略模式

策略模式：定义一系列算法，把他们一个一个封装起来，并且使他们可以相互替换(具有相同的目标和意图)示例我是 div linear easeIn strongEaseIn strongEaseOut sineaseIn sineaseOut 策略模式指的是定义一些列的算法，把他们一个个封装起来，目的就是将算法的使用与算法的实现分离开来。以策...

2015-11-27 21:55:00 123

转载 AJAX 异步交互基本总结

AJAX (Asynchronous JavaScript and Xml)直译中文 - javascript和XML的异步同步与异步的区别: 　　同步交互　　　　执行速度相对比较慢　　　　响应的是完整的HTML页面　　异步交互　　　　执行速度相对比较快　　　　响应的是部分数据Ajax 的核心对象：　　XMLHttpRequest 对象创建 XMLHttp...

2015-11-25 13:26:00 165

转载 JavaScript设计模式 - 单例模式

　　单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点。一、实现一个标准的单例模式，用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该对象实例时，直接返回之前创建的对象　　示例: 1 var Singleton = function(name){ 2 this.name = name; 3 this.instan...

2015-11-21 18:20:00 105

转载 js: this,call,apply,bind 总结

　　对js中的一些基本的很重要的概念做一些总结，对进一步学习js很重。一、this　　JavaScript 中的 this 总是指向一个对象，而具体指向那个对象是在运行时基于函数的执行环境动态绑定的，而非函数声明时的环境　　实际应用中 this 的指向大致可以分为以下 4 中：　　1. 作为对象的方法调用　　2. 作为普通函数掉用 ...

2015-11-21 13:18:00 90

转载 Sass 中的 @ 规则

一、 @import 　　Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。　　例如： @import "foo.scss";二、 @extend 是用来扩展选择器或占位符。...

2015-11-18 22:22:00 190

转载 Sass 颜色函数

1 /* 2 * Sass 颜色函数 3 * RGB 颜色函数 4 * 1. rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色； 5 * rgb(200,40,88) //根据r:200,g:40,b:88计算出一个十六进制颜色值 6 * #c82858 7 * 2. rgba($red,$green,$bl...

2015-11-18 22:18:00 131

转载 Sass 基本函数

Sass 中的常用函数一、字符串函数　　1. unquote($string): 删除字符串前后的引号,删除一对引号,如果这个字符串没有带有引号，将返回原始的字符串。　　　　示例:.text1 { content: unquote("'hello'");}　　2. quote($string): 给字符串添加引号，而且字符串中间有单引号或者空格...

2015-11-18 22:16:00 191

转载 web版canvas做飞机大战游戏总结

　　唠唠:两天的时间跟着做了个飞机大战的游戏，感觉做游戏挺好的。说是用html5做，发现全都是js。说js里一切皆为对象，写的最多的还是函数，都是函数调用。对这两天的代码做个总结，希望路过的大神指点一下，我对这个游戏的思路，可改进优化的代码。　　先说一下游戏的基本内容: 打飞机(不要想歪了)，有鼠标控制移动英雄机，子弹自动射击；敌机从上而下，有三种敌机；　　先说下HTML代码(主...

2015-11-16 22:56:00 739

转载 Sass 条件-循环语句

学习Sass中 @if...@else @for @while @each一、条件判断 - @if @else　示例:　 1 @mixin blockOrHidden($boolean:true){ 2 @if $boolean { 3 @debug "$boolean is #{$boolean}"; 4 displ...

2015-11-15 19:29:00 248

转载 Sass 基本特性-运算感觉满满都是坑

Sass中的基本运算一、加法　　在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。 sass做加法运算是可以不考虑参数带单位，但需要单位同一加号可以不需要空格隔开　　示例:1 $sidebar-width: 220px;2 $content-width: 720px;3 $gap...

2015-11-15 17:54:00 219

转载 Sass 基本特性-基础笔记

一、变量声明 $　　变量的声明使用 $ 所有的变量必须声明到变量调用之前　　从3.4版本开始，Sass已经可以正确处理作用域的概念　　在局部范围声明一个已经存在于全局内的变量时，局部变量就会成为全局变量的影子。局部变量只会在局部范围内覆盖全局变量。　　　　$btn-primary-color:#000;　　定义默认变量 !default...

2015-11-15 16:42:00 96

转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法

问题描述：sass文件编译时候使用ruby环境，在xp环境中没有任何问题，但是在windows7/8环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误：ntax error: Invalid GBK character “\xE5″ on line 2 of E:\KoalaCSS\Practice\scssBiJi.scssUse –tra...

2015-11-15 14:45:00 96

转载 css 实现元素水平垂直居中总结5中方法

个人总结，如有错误请指出，有好的建议请留言。o(^▽^)o一、margin:0 auto；text-align:center；line-height方法　　1 <div id="divAuto">margin,text-align;水平居中</div> 1 /* 2 margin:0 auto; 设置块元素（或与之类似的元素）...

2015-11-14 21:05:00 61

转载 HTML5 拖拽实现

简介：　　最早在网页中引入JavaScript拖放功能是IE4。当时，网页中只有两种对象可以拖放：图像和某些文本。拖放图像时，把鼠标放到图像上，按住鼠标不放就可以拖放它。拖放文本时，要先选中文本，然后可以像拖放图像一样拖放被选中的文本。在IE4中，唯一有效的放置目标是文本框。到了IE5，拖放功能得到拓展，添加了新的事件，而且几乎网页中的任何元素都可以作为放置目标。IE5.5更进一步让...

2015-11-13 21:43:00 155

转载 SVG 基本绘图方法总结

基本内容：　　* SVG并不属于HTML5专有内容　　* HTML5提供有关SVG原生的内容　　* 在HTML5出现之前,就有SVG内容　　* SVG,简单来说就是矢量图　　* SVG文件的扩展名为".svg"　　* SVG使用的是XML语法一、概念：　　* SVG是一种使用XML技术描述二维图形的语言　　* SVG特点　　　　* SVG绘制图...

2015-11-12 22:37:00 501

转载 Canvas 基本绘图方法总结

一.基本内容　　1.简单来说,HTML5提供的新元素<canvas>　　2.Canvas在HTML页面提供画布的功能，在画布中绘制各种图形　　3.Canvas绘制的图形与HTML页面无关，无法通过DOM获取绘制的图形，无法为绘制的图形绑定DOM事件　　4.只能使用Canvas提供的API　　5.Canvas的用途在HTML页面中绘制图表(例如柱状图、饼状图等);网...

2015-11-12 22:09:00 263

转载 js: 从setTimeout说事件循环模型

一、从setTimeout说起　　setTimeout()方法不是ecmascript规范定义的内容，而是属于BOM提供的功能。查看w3school对setTimeout()方法的定义，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。　　语法setTimeout(fn,millisec)，其中fn表示要执行的代码，可以是一个包含javascript代码的...

2015-11-07 16:59:00 89

转载 HTML5 表单元素

HTML5 表单元素(包含在<form>标签内)一、input新类型　　1. email类型 - 验证是否包含 '@' 　　2. url类型 - 验证是否包含 'http://' 　　3. tel类型 - 在移动端显示调出数字输入　　4. number类型　　5. range类型　　6. date类型　　7. color类型 - 点击弹出颜色选择　　8. sea...

2015-11-06 21:10:00 124

转载 jQuery选择器

jQuery 选择器一、基本选择器　　1. id选择器 #id 　　2. class选择器 .class 　　3. 元素选择器 element 　　4. * 匹配所有元素 1 //#id 选择器 2 $("#d1").css("background","red"); 3 //.class 选择器 4 $(".mini").cs...

2015-11-05 22:46:00 68

转载 jQuery基本动画

jQuery效果一、基本效果显示与隐藏(通过控制宽高实现) 　　1.show() - 显示　　　　* 无参版本 - 不具有动画效果　　　　* show(speed,callback)有参版本 - 具有动画效果　　　　* speed - 设置动画执行的时长,单位为毫秒　　　　　　* 三个预定义值 - slow|normal|fast 　　　　* callba...

2015-11-05 00:08:00 89

转载 jQuery基础事件

jQuery 事件 1.ready() - 类似于window.onload的作用　　*写法　　　　*$(document).ready(function(){}); 　　　　*$().ready(function(){}); 　　　　*$(function(){}); 　　* ready与onload的区别　　　　* ready 　　　　　　* 具有简写...

2015-11-05 00:03:00 81

转载 jQuery操纵DOM

一、基本操作　　1.html() - 类似于原生DOM的innerHTML属性　　　　*获取 - html(); 　　　　*设置 - html("html代码"); 　　2.val() - 类似于原生DOM的value属性　　　　*获取 - val(); 　　　　*设置 - val(value); 　　3.text() - 类似于原生DOM的textContent属性　...

2015-11-03 23:22:00 111

转载 BOM对象

一、open()打开新链接(4种):　　1.在当前窗口打开新链接，可后退　　　　html:　　　　js:[window.]open("url","_self")　　2.在当前窗口打开新链接，禁止后退　　　　js:location.replace("新url");　　3.在新窗口打开新链接，可同时开多个　　　　html:　　　　js:　　4.在新窗口...

2015-10-26 22:52:00 102

转载 DOM常用对象

一、select对象　　HEML中的下拉列表　　属性：　　　　1.options获得当前select下所有option　　　　2.options[i]获得当前select下i位置的option　　　　3.selectedIndex获得当前选中的option的下标　　　　4.size设置或返回下拉列表中的可见行数。　　　　5.length返回下拉列表中...

2015-10-25 20:55:00 144

转载 DOM创建和删除节点

一、创建节点　　3步　　　　1.创建空元素对象：　　　　var newElem=document.createElement("标签名");　　　　例如：var a=document.createElement("a");//<a></a>　　2.设置必要属性　　　　newElem.属性名="值";　　　　newElem.innerHT...

2015-10-25 19:32:00 114

转载 DOM读取和修改节点对象属性

一、获取和修改元素间的内容(3种)　　1.innerHTML获得/设置元素开始标签和结束标签之间的html原文　　　　固定套路：1.删除父元素下所有子元素：parent.innerHTML="";　　　　　　　　　2.批量替换父元素下所有子元素：parent.innerHTML="所有子元素标签组成的html"　　2.textContent/innerText: 获得开...

2015-10-25 17:43:00 262

转载 DOM遍历查找结点

一、遍历API(2个)　　1.深度优先原则遍历NodeIterator 节点迭代器　　创建遍历API对象：　　var iterator=document.createNodeIterator(开始的父节点对象,whatToShow,null,false);　　　　whatToShow: NodeFilter.SHOW_ELEMENT(遍历元素节点)　　NodeFilter...

2015-10-25 16:39:00 106

转载 DOM概述

一、概述　　HTML：超文本标记语言　　XHTML：严格的HTML语言标准　　DHTML：动态网页技术的统称 =HTML+CSS+JS 　　XML：可扩展的标记语言，可自定义标签　　BOM(Brower Object Model)：浏览器对象模型(专门操作浏览器窗口的API),没标准。　　DOM(Document Object Model)：文档对象模型(专门操作网页内容的...

2015-10-22 23:49:00 85

转载 js实现2048小游戏

这是学完javascript基础，编写的入门级web小游戏游戏规则：在玩法规则也非常的简单，一开始方格内会出现2或者4等这两个小数字，玩家只需要上下左右其中一个方向来移动出现的数字，所有的数字就会想滑动的方向靠拢，而滑出的空白方块就会随机出现一个数字，相同的数字相撞时会叠加靠拢，然后一直这样，不断的叠加最终拼凑出2048这个数字就算成功。但是我们的程序没有终点。一、HTML部分...

2015-10-22 23:09:00 244

转载 js数组

一、定义　　数组是一组连续的变量组成的集合--统一起一个名字批量管理多个数据(js的存储都是数组)二、创建　　 1 //创建的四种方式 2 //1 创建一个空数组对象 3 var arr1=[]; 4 5 //2 创建数组的同时，维数指定初始元素 6 var arr2=[1,2,3,4,5]; 7 8 //3 用new关键字创建一个数组类...

2015-10-20 22:37:00 136

空空如也

空空如也