- 博客(33)
- 收藏
- 关注
RSS订阅
原创 web前端开发笔记（二）
1.美化checkbox和radio icheck 虽然看github上这个项目已经一年没更新了，但是样式还是不错的，就拿来用了。2.switch在作对比时用的是全等运算。3.javascript中实现继承的方法 1)通过prototype实现 2)通过Object.create()实现 3)es6方法，通过class实现3.动态加载script标签，加载完成事件var script= d
2016-04-21 11:45:07
452
原创 javascript练习题（六）
第7章 浏览器环境 在本章之前，我们的练习题都是可以在各自章节的正文中找到解决方案的。但这一次，您会发现有些练习题需要我们对本书意外的内容有更多的了解（或实践经验）。1.BOM 作为BOM的练习来说，我们可以试着写出许多错误的、富有骚扰性的、对用户非常不友好的代码，以及所有非常Web1.0的东西。例如晃动的浏览器窗口。请试着令浏览器弹出一个200*200的窗口，然后将其大小渐变成400*400，
2016-05-05 11:33:52
1813
转载 让requirejs不自动添加.js后缀
requirejs老是自动添加.js后缀，还不能设置为不自动添加，google了半天也没什么结果，最后用英文google，效果果然不一样。看到一个歪果仁给的方法我就贴出来了 原链接
2016-05-01 15:22:33
2297
原创 css垂直居中的几种方法
我相信每个前端新手都会遇到垂直居中的问题，感觉写的css就是垂直居中，但是没有居中啊。 首先我要说的是不要迷信 vertical-align: middle; 这个东西还挺复杂，要是想仔细了解，建议搜索一下张鑫旭大神的博客和视频教程。
2016-04-22 14:05:14
669
原创 我使用过的gulp插件，记录一下
1.jshint gulp-jshint2.css压缩 gulp-cssnano3.文件合并 gulp-concat4.文件重命名 gulp-rename5.js压缩 gulp-uglify6.css合图 gulp-css-spriter7.信息通知 gulp-notify8.less编译 gulp-less9.css自动添加前缀 gulp-autoprefixer10.服务器
2016-04-21 10:22:24
592
原创 使用Hbuilder和MUI开发Hybird app笔记
1.前两天写了个dome，但是长列表滚动起来特别卡。同样是在我的手机上跑官方dome里的滚动很流畅。
2016-04-18 16:23:56
1370
原创 javascript练习题（一）
下面这些练习题都是《JavaScript面向对象编程指南》上的，闲得蛋疼把这些题做做。随便向入门新手安利一下这本书，我觉是非常不错。
2016-04-16 15:43:52
2062
原创 javascript:parseInt（）、Number（）和+对比
看书时看到Number（）和+转换数字速度要比parseInt（）快的多，所以闲来无事我就试了试。
2016-04-12 15:52:24
5162
原创 使用js把数据保存为csv文件
1.把从服务器获取的数据转化为csv格式 使用了csv.js这个插件2.把csv字符串保存为本地文件 使用FileSaver.js这个插件由于我们只在chrome浏览器中使用，兼容性问题也没考虑。
2016-04-07 11:34:35
4622
原创 css：box-sizing总结
1.box-sizing属性用来改变css盒子模型对元素宽高的计算方式。2.有两个值可以设置 content-box和border-box3.默认值是content-box width和height的值只包含内容的宽高，不包括border、padding、margin。4.border-box width和height包括内容、border、padding，不包括margin。浏览器基本都可以支
2016-04-05 17:11:17
360
原创 css：float冷知识
1. 我们都知道对一个元素float以后会block化，就是把原来元素的display属性隐式地变为了block，但是有三个例外： 原来值为inline-table的元素，会变为table。 flex和inline-flex的元素display属性不变，但是float也不会对它们起作用。2. 在js中修改float属性要用element.style.cssFloat属性，在ie8和之前的ie
2016-03-30 15:02:06
336
原创 web前端开发笔记
1.网站测试工具 (1)http://www.webpagetest.org/2.移动端点击不要绑定click 因为有的设备click的触发有延迟3.实时监听input值改变：html5事件 oninput 4.判断是否是触屏设备 document.hasOwnProperty(“ontouchstart”)，android上返回时true， 但是在ios设备上这个值返回的是false，所以
2016-01-10 14:26:58
793
翻译 Phaser教程翻译-制作一个幸运大转轮
原帖地址：Create a wheel of fortune for your HTML5 games with Phaser in only a few lines
2015-09-18 15:33:39
1706
原创 createjs-打豆豆小游戏制作（4）
在前面游戏的主要部分已经完成了，然后就是一些次要的场景了，包括菜单、游戏得分结果、游戏设置界面（其实只有一个设置音效是否打开）和游戏的说明界面。
2015-09-17 17:26:30
1586
原创 createjs-打豆豆小游戏制作（3）
前面介绍过了打豆豆小游戏的入口和各个场景之间的切换，这一篇介绍一下Ball.js这个类和GameScene.js这个主要游戏场景这个类。在游戏中有十种不同颜色的小球，当你点到正确的位置，小球就可以消除，在小球消除的时候有一个掉下来的动画。
2015-09-16 23:11:45
1928
原创 createjs-打豆豆小游戏制作（2）
上一篇中介绍了这个小游戏的主要部分和用到的两个类，这篇介绍app.js这个类，这里面主要的就是游戏的入口和各个场景之间的切换。
2015-09-16 22:42:48
1542
原创 createjs-打豆豆小游戏制作（1）
在学习了createjs一段时间以后，自己做了一个打豆豆小游戏。以前玩过flash版的，非常喜欢，于是就自己做了一个。下面是最终的效果图： 游戏规则： 点击空白方格，在方格所在的十字上，相同颜色的豆豆即可消除，并得到分数。
2015-09-16 15:21:20
2690
1
原创 createjs初学-关于getBounds和getTransformedBounds
在现在的easeljs中，显示对象没有width和height属性（我现在用的版本是0.8.1）。要想获得一个显示对象的宽高，可以用getBounds这个方法。
2015-08-19 16:29:10
4621
原创 createjs初学-关于Ticker
tick本来的意思是钟表的滴答声，在createjs中的Ticker当然就是于时间相关的。Ticker是一个静态类，提供了好多静态方法和属性，不要去实例化它。在API文档中对Ticker的介绍是它是一个集中的间隔广播，侦听tick时间后再设定的时间间隔会调用侦听函数。
2015-08-14 11:22:50
6888
原创 createjs初学-关于cache
在DisplayObject中有一个cache方法，在这里介绍一下。这个方法是把显示对象画到一个新的canvas中。这样一些不经常变化的复杂的显示对象性能上会优化好多（比如说有许多子对象的容器或者复杂的Shape）。
2015-08-13 16:23:08
2585
原创 createjs初学-BitmapText使用实例
BitmapText就是用SpriteSheet中定义的图片来显示相应的文字，构造函数如下BitmapText ([text=""] [spriteSheet=null] ) 有两个参数，都是可选的 text表示要显示的文字，spriteSheet是使用的spriteSheet
2015-07-31 16:01:14
4668
2
原创 createjs初学-所有的显示对象介绍（2）
在前一篇中我简单介绍了一下DisplayObject的子类们，在这篇里介绍一下Container的一个子类—Stage。
2015-07-29 17:41:27
1328
原创 createjs初学-所有的显示对象介绍（1）
在createjs中显示对象都是继承自DisplayObject这个类，下面这个图可以直观的看出继承关系。下面我就简单介绍一下这几个显示对象的基本用法。
2015-07-28 15:45:16
2843
原创 createjs初学-制作一个简单的TextButton
这个例子是从 Beginning HTML5 Games with CreateJS里学来的，我自己简单做了一个。这个TextButton很简单，只有两部分，一个部分是button的Label，要显示的标签，使用createjs.Text实现；另外一部分是button的背景，会根据鼠标事件发生变化，使用createjs.Shape实现。
2015-07-27 09:41:11
3321
原创 createjs初学-创建一个button
在createjs中创建button是用ButtonHelper，实际上还要用到Sprite和SpriteSheet这两个类。下面是一个最简单的button。
2015-07-20 13:54:48
3657
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人