- 博客(74)
- 收藏
- 关注
RSS订阅原创 js实现换肤
首先准备HTML页面如下： 无人驾驶要征服世界，得先解决这些问题 一、触手可及的伟大野心 除了统治世界，无人驾驶大概可以和历史上所有野心匹敌。万亿美金的全球汽车市场也只是无人驾驶的第一个目标，反向控制用户以汽车为中心的一系列生活和工作才是无人驾驶汽车的长远目标。 想象一下，把无人驾驶汽车作为超级终端连接用户在驾
2016-02-16 11:01:51
6407
2
原创 css实现柱状图
柱状图在web上经常用到，这里使用css实现，首先定义节点： 统计数据 30 40 20 40 为柱状图使用了两个基本元素：div用于柱状图的整体显示以及北京，ul用于柱状图的数据，其中每一个柱列都是一个li对象，为了是每列以不同颜色区分，分别给每个li定义不同的class；然后使用css定义样式：#vert{
2016-02-15 16:13:24
9266
1
原创 js进度条控件实现
首先定义一个div内嵌一个span: 10% 然后使用css完成进度条的样式： div#loadbar{ width:300px; background-color: silver; border:1px solid salmon; text-align: center; border-radius:8px ; } #b
2016-02-15 15:05:12
8997
原创 css3实现两端对齐
box-pack是css3的新属性，依赖于display:box(旧版弹性布局)，受box-orient影响，box-pack决定了子标签水平对齐的方式，可选值有start | end | center | justify。使用box-pack:justify来实现两端对齐非常简单，代码量也少。 实现代码如下： *{ margin: 0;
2016-02-14 17:22:01
14792
原创 H5移动web页面触摸按钮效果实现-模拟按钮hover效果实现
移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下： .btn{ display: block; position: relative; top: 100px; margin: 20px
2016-02-14 16:52:18
33590
原创 HTML5 XMLHttpRequest使用
XMLHttpRequest是Ajax的核心，通过调用XMLHttpRequest对象的属性和方法可以实现在客户端和浏览器之间进行数据的异步传输，从而实现页面的无刷新效果。XMLHttpRequest对象的常用属性： onreadystatechange：指定当readyState属性值改变时的事件处理句柄(只写)； readyState：返回当前请求的状态(
2016-01-19 11:51:36
1755
原创 HTML5 Web Worker的使用
Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。 1.如何使用WorkerWeb Worker的基本原理就是在当前javascript的主线程中，使用Worker类加载一个javascript文件来开辟一个新的线程，起到互不阻塞执行的效果，并且提供主线程和新线程之间数据交
2016-01-19 11:14:36
476
原创 JS图片轮播切换效果实现
效果演示地址：http://6689.one/WebEffects/pictureplay.html实现代码如下：JS图片自动和可控的轮播切换特效 - 彭峻华joshuaQfast.add('widgets', { path: "http://hovertree.com/texiao/js/1/js/terminator2.2.min.js", type: "js", re
2016-01-12 10:08:05
4258
原创 JS正则表达式使用详细分析
正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由
2016-01-11 17:26:31
523
原创 JS正则表达式验证账号、手机号、电话和邮箱
1.验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkuser(str){ var re=/^[a-zA-Z]\w{3,15}$/; if(re.test(str)){ console.log("账号合法"); } else{ console.log("账号不合法"); }}2.验证手机号码验证规则：11位数字，以
2016-01-11 17:11:05
7983
原创 js实现继承的5种方式
js是门灵活的语言，实现一种功能往往有多种做法,ECMAScript没有明确的继承机制，而是通过模仿实现的，根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现方式可以实现多继承)实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值function Parent(firstname){
2016-01-11 16:38:01
1403
原创 JS创建对象的几种方式
第一种模式：工厂方式var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); Child.name="李小龙"; Child.age="30"; Child.lev=lev; re
2016-01-11 16:32:57
1940
1
原创 javascript类型系统之String
前面的话 string是由单引号或双引号括起来的字符序列，且被限定在同种引号之间，即必须是成对单引号或双引号。字符串的独特在于它是唯一没有固定大小的原始类型 字符串中每个字符都有特定的位置，首字符从位置0开始，第二个字符在位置1，依次类推，这意味着字符串中的最后一个字符的位置一定是字符串的长度减1特点 javascript中的字符串是不可变的。
2016-01-09 20:23:30
504
原创 javascript类型系统之Array
前面的话 数组是一组按序排列的值，相对地，对象的属性名称是无序的。从本质上讲，数组使用数字作为查找键，而对象拥有用户自定义的属性名。javascript没有真正的关联数组，但对象可用于实现关联的功能 Array()仅仅是一种特殊类型的Object()，也就是说，Array()实例基本上是拥有一些额外功能的Object()实例。数组可以保存任何类型的值，这些值可以随时更新或删除，
2016-01-09 20:11:02
438
原创 HTML5表单及其验证
HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便我们做更复杂的应用，而不用借助其它Javascript框架，先说下表单的几个基本知识点：表单仍是以元素作为容器，我们可在其中设置基本的提交特性；当用户提交页面时，表单仍然向服务器发送表单控件的值；之前老版本中的表单控件，如text
2016-01-09 20:03:21
573
原创 JS特效文字逐个显示
使用Jqeury,Jqeury本向就解决浏览器兼容性问题,让开发关注于相关JS逻辑的实现.以下是使用Jquery后改进的代码: var it = 0; var mytext; function initialize() { mytext = $("#typing").text(); var myheight = $("#typing").
2016-01-09 19:55:19
3202
原创 CSS3 2D和3D转换(transform)
Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等，利用Transform和javascript可以制作一些简单的动画，可以为web应用带来些意想不到的效果。目前浏览器并不是完全支持所有的Transform ，IE9、Firefox 和Opera 仅支持2D transforms ，相应
2016-01-09 19:49:20
601
原创 CSS3 文本特效
1 文本特效CSS3给文字加了很多特效,http://www.w3schools.com/css3/css3_text_effects.asp在这里我将介绍：text-shadow、word-wrap、word-break和text-overflow。1.1 text-shadow文字阴影目前IE还不支持，而其它浏览器都已经支持了。语法：text-shado
2016-01-09 19:38:59
724
原创 CSS3 颜色(Color)和背景(Backgroud)
1. 颜色 和 透明度在CSS3中对颜色进行了很多扩展,具体详情可参照官网：www.w3.org/TR/2003/CR-css3-color-20030514，下面说下CSS3中新的数字定义颜色的方法。1.1 RGBA相信大家以前定义颜色经常使用RGB，RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)
2016-01-09 19:36:44
3899
1
原创 CSS3 盒子模型(box Model)和边框(border)
1 CSS盒子模型首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在，下面这张图足以说明一切：元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。在CSS3中增加了盒子阴影（box-shadow）。1
2016-01-09 19:30:42
4056
原创 MovieClip序列帧动画使用
MovieClip序列帧动画使用class MovieClipExample extends egret.DisplayObjectContainer { private data:any; private texture:egret.Texture; public constructor() { super(); var lo
2015-09-16 16:35:06
4086
原创 cocos2dx 打武器玩法实现
实现一个从空中飞来各种武器：飞镖，菜刀，斧头、刀子，还有各种蔬菜水果作为障碍物，所有东西飞向屏幕中央，主角站在正中心去躲避武器，武器打到身上会受到伤害，蔬菜水果不会，代码实现如下：.h文件#ifndef __SCATTER_H__#define __SCATTER_H__#include "cocos2d.h"#include "Box2D/Box2D.h"#include "Ch
2015-06-09 11:42:42
1255
原创 cocos2dx新手引导类封装
做游戏新手引导式必不可少的一部分，使用opengl封装一个新手引导类，可以通用，代码如下：.h文件#ifndef __GUIDE_H__#define __GUIDE_H__#include "cocos2d.h"#include "cocos-ext.h"#if CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID#include "gles/g
2015-06-09 11:32:21
1443
原创 cocos2dx关卡选择界面设计
重点内容 做游戏时候经常用到关卡选择，写了个关卡选择界面逻辑类，关卡解锁，关卡类型显示，打过的关卡星级评定，一共六大关，每个大关10个小关，ui使用cocostudio编辑，代码如下： LevelSel.h文件 #ifndef _LEVELSEL_Hdefine _LEVELSEL_Hinclude “cocos2d.h”include “cocos-ext.h”include “globa
2015-06-09 11:25:52
2618
原创 cocos2dx吸蓝效果实现opengl绘制
cocos2dx 想做一些比较炫的效果，单纯依靠引擎封装提供的一些东西毕竟有限，最近项目是用opengl绘制一些效果出来，代码如下：封装类效果类GoodDropEffects.h文件#ifndef __GOODBLOOD_H__#define __GOODBLOOD_H__#include "cocos2d.h"#include "global.h"USING_NS_CC;
2015-06-09 11:14:39
891
原创 【COCOS2DX-LUA 学习】精灵创建
这一节开始学习用lua创建精灵，精灵是游戏的重要组成部分，游戏的表现显示主要就是精灵的各种效果，可以说精灵是游戏最活跃的元素。接下来学习lua如何使用精灵的：local layer=CCLayer::create()local size=CCDirector:shareDirector():getWinSize()loacl sprite1=CCSprite:create("tes
2014-03-03 15:27:28
4049
原创 【COCOS2D-X LUA学习】 场景创建
从今天开始用lua进行cocos2dx游戏开发，之前一直是用c++进行开发，在如今手游竞争激烈的情况，时间决定成败，lua的支持热更新（免去平台审核的时间），小巧，快速高效，所以lua开发是手游不可少的利器，接下来会精力把重点放在lua上面。首先cocos2dx实现在appdelegate.cpp中通过c++调用lua，作为调用lua的入口，代码如下：bool AppD
2014-03-03 14:38:15
2073
原创 cocos2dx创建精灵的五种方式
方法一：直接创建精灵 适合要显示这张图片的全部区域CCSprite sp1=CCSprite：：create（“bg.png");方法二：显示图片的部分区域，适合要是此图的部分区域CCSprite *sp1=CCSprite：：create（”bg.png",CCReckMake(0,0,100,100);方法三：利用帧缓存中的一帧的名称作为一个精灵对象，适合于plist打
2014-01-24 10:27:29
1264
原创 rebar构建工具
1 常用操作1.1 获取工具$ git clone git://github.com/basho/rebar.git$ cd rebar$ ./bootstrap然后将生成的rebar放到PATH目录里面。1.2 创建项目$ mkdir app1$ cd app1$ rebar create-app appid=app1这会在当前
2014-01-20 17:23:44
914
原创 mochiweb学习--创建工程调试
使用git下载源代码。ubuntu用户可以 #apt-get install git终端执行：#git clone git://github.com/mochi/mochiweb.git#cd mochiweb#make app PROJECT=demo1如此就会在跟mochiweb同级的目录下创建一个demo1的项目文件夹。如图所示：#cd ../de
2014-01-20 16:35:38
923
原创 erlang入门学习
2、Erlang安装在Erlang的官方网站http://www.erlang.org/ 可以找到它的安装程序，由于我的是windows系统，所以我直接进入Download页面，找到Windows Binary File下载就行了。等下载好之后的安装也非常简单，直接next就行，完成后就可以在开始菜单找到 这么一个东东，打开后就能看到这个就是我们得Erlang的
2014-01-20 16:20:15
992
原创 erlang 学习资源
Erlang语言绝对算得上是一种“小众”语言，但其未来的发展前景却是无法估量的，因为它可以解决传统语言很难解决的并行计算中的难题。Erlang是一种函数式（变量只能赋值一次）、强类型、动态类型（变量类型在运行时决定，代码需要编译后才能执行，与 Python，Ruby等不一样）、面向并发（Concurrency Oriented）的语言。最近实习的公司有个项目刚好要用Erlang来开发，对这个语言产
2014-01-20 16:18:02
957
原创 erlang语法学习
1、变量1）erlang变量变量必须以大写字母或者下划线开头，可以包含字母、下划线和@；2）变量只容许赋值一次2、数字类型 1）B#Val表示以B进制存储的数字Val，比如 7> 2#101. 5 二进制存储的101就是10进制的5了 8> 8#101. 65 八进制存
2014-01-20 16:11:05
749
原创 记逝去的2013，奋起的2014
一转眼已到2013年末了，该好好总结这一年我干了些啥，首先今年是我踏入社会的第一年，正式开始程序员之路，对我来说意义非凡，接下来我就从头到尾记录今年的旅程： 我是过完年来杭州这边找工作的，本来应该是9 10月份就应该找工作的，但是我还在考研中，当时也是抱着拼一把的心态，奋战了整整一年时间来备考，当时那个那个激情，每天早出晚归，从早上8点到晚上11点，从未间断，现在回想起来的唏嘘不已，
2013-12-26 20:37:54
722
原创 Cocos2dx制作抖动弹出对话框效果
使用cocos2dx提供的动作类可以制作一些比较复杂的动画，比如让弹出的对话框抖动一下，初看起来挺难的，但其实有了cocos2dx提供的动作类，这个动作就是小菜一碟。 首先普及几个基本动作ScaleTo和ScaleBy，我之前的博文有介绍过这两个类，无非就是让cocos2dx的对象可以进行缩放，它们有两个参数，第一个参数是时间，第二个是scale值的大小。
2013-12-20 16:48:24
2102
原创 Lua基础 函数学习
在Lua中，函数是对语句和表达式进行抽象的主要方法。既可以用来处理一些特殊的工作，也可以用来计算一些值。下面有3个例子，分别将函数当作一条语句；当作表达式（后面两个是一类）。 print(8*9, 9/8) --> 72 1.125 a = math.sin(3) + math.cos(10) --> a = -0.6979515210
2013-12-06 16:46:11
707
原创 lua语法学习
【LUA基本语法】1.1 全局变量不需要声明 b = nil 删除一个全局变量 print(b) --> nil1.2 退出LUA的方法 Ctrl-D(linux) Ctrl-Z(DOS/Windows) 调用OS库的函数 os.exit()1.3 执行lua的chunk方法 执行一系列：lua -l -l 在交互模式下调用dofile函
2013-12-06 16:31:09
876
原创 cocos2d-x 使用CCLabelAtlas自定义字体
有时候游戏中要用到一些特殊的字体效果，特别是数字。CCLabelAtlas就可以从png图中读取文字。CCLabelAtlas* diceCount=CCLabelAtlas::labelWithString("1:", "nums_font.png", 14, 21, '0');第一个参数：显示的内容：1x，你也许会奇怪为什么是1x，因为使用的png图必须是连续的
2013-12-06 15:05:06
759
原创 cocos2dx-碰撞
碰撞就是当两张图片接触的时候出发的事件，比如你的2个精灵，一个人一个子弹，如果子弹接触到人了，是不是改促发一些事件了呢？比如掉血，over等等。【二】：函数矩形：intersectsRect(CCRect);这个函数是CCRect自带的函数，用于判断当前对象是不是与目标对象接触。返回true为接触。containsPoint(CCPoint);这个函数也是CCR
2013-11-29 17:15:02
986
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人