随笔分类 -  javascript

canvas画一个h5小游戏
摘要：这两年，随着移动互联网的发展，h5小游戏也大火了一把。这里我就来讲讲实现一个躲水果的小游戏。如截图所示 再附上demo二维码~ 目前游戏的套路，基本上是先载入游戏，然后触发游戏开始，游戏结束时记录游戏分数，诱导你转发盆友圈炫耀，或者再来一次。 这里我们可以定义一个game_control 对象来控制 阅读全文
posted @ 2016-11-03 21:21 放羊的阿波罗 阅读(1264) 评论(0) 推荐(0)
用canvas写一个h5小游戏
摘要：这篇文章我们来讲一讲用canvas画一个躲水果的小游戏。就是通过手指控制一个人物移动来躲避水果，若发生碰撞，则游戏结束。 我们定义一个game_control对象来处理初始化，事件绑定，游戏开始，游戏结果判定，游戏结束等判定。 在游戏中，我们需要一个人物以及三种水果的图片，我们做成了雪碧图。 接下来 阅读全文
posted @ 2016-11-02 22:35 放羊的阿波罗 阅读(1427) 评论(0) 推荐(0)
react js踩坑之路（一）
摘要：讲真如果让我选个主流的mvvm框架做项目，我会果断选择vue，写起来不要太方便哦。但是，pc端要兼容ie8这个坑货，所以pc端只好选用react了啦~移动端果断用vue咯 再来讲讲构建工具，还是基于webpack 和 gulp，然后将react和vue 分开打包相关配置如下 webpack会依次将公 阅读全文
posted @ 2016-09-11 18:12 放羊的阿波罗 阅读(435) 评论(0) 推荐(0)
捣腾一下 webpack+gulp 使用姿势~
摘要：随着前端技术的发展，MV*框架雨后春笋般的出现啦~同时很多前端构建工具也受到了追捧。 今天就来说一下webpack + gulp实现前端工程化的姿势吧（自我感觉这个姿势还不够好，你们有更好的姿势求告诉！） webpack是什么？ https://github.com/webpack webpack是 阅读全文
posted @ 2016-08-06 13:53 放羊的阿波罗 阅读(1292) 评论(0) 推荐(0)
关于移动端的适配
摘要：记得第一次做移动端页面的时候，发现手机上显示的页面好小啊，还有横向滚动条出现，当时心里面是“我次奥~怎么这样子啊~”。后来才知道是因为移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的页面宽度设为980或者1 阅读全文
posted @ 2016-08-03 22:04 放羊的阿波罗 阅读(236) 评论(0) 推荐(0)
正则表达式的一些符号
摘要：1.简单的转义符号 表达式 可匹配 \r, \n 代表回车和换行符 \t 制表符 \\ 代表 "\" 本身 2.能够与 '多种字符' 匹配的表达式 表达式 可匹配 \d 任意一个数字，0~9 中的任意一个 \w 任意一个字母或数字或下划线，也就是 A~Z,a~z,0~9,_ 中任意一个 \s 包括空 阅读全文
posted @ 2016-05-31 20:57 放羊的阿波罗 阅读(200) 评论(0) 推荐(0)
jquery源码学习之 设计结构
摘要：看了一下jquery 的源码，想记录一下。因为之前自己也写过一个小类库，看了jquery 之后发现jquery 有些设计思路很值得学习。 执行jqeury 入口方法时，他返回时时一个 jqeury.fn.init()的实例。 而 同时定义了扩展方法的函数 这样的好处在于，将实例对象、jqeury静态 阅读全文
posted @ 2016-05-15 22:01 放羊的阿波罗 阅读(151) 评论(0) 推荐(0)
函数表达式和函数声明~（自己的记录）
摘要：在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，ECMA的规范明确了一点~函数声明必须带有标示符（Identifier）就是大家说的（函数名），而函数表达式则可以省略函数名。那么没有函数名那肯定就是函数表达式了，那么有函数名时，如何区分它是函数表达... 阅读全文
posted @ 2015-05-02 16:18 放羊的阿波罗 阅读(186) 评论(0) 推荐(0)
ajax 跨域 Access-Control-Allow-Origin
摘要：相信大家在项目开发中遇到过 很多跨域问题~那我来说说 ajax（非jsonp） 请求跨域吧 需要后端配合后端程序 需要在头信息加入 跨域允许header('Access-Control-Allow-Origin:'.$origin); //$origin允许的域名 header('Access-Co... 阅读全文
posted @ 2015-03-13 14:21 放羊的阿波罗 阅读(381) 评论(0) 推荐(0)
关于 请求参数 传递时 参数字符串里面包含 特殊符号的 解决~
摘要：encodeURIComponent 用这个方法就可以了是在做微信分享接口的时候 遇到的~~例子function flightHandler0() { url = url + "?url=" + encodeURIComponent(window.location.href) + "&callba... 阅读全文
posted @ 2015-02-12 22:23 放羊的阿波罗 阅读(512) 评论(0) 推荐(0)
鼠标滚动事件
摘要：var e=window.event; delta=e.wheelDelta ? e.wheelDelta / 120 : -e.detail / 3; 阅读全文
posted @ 2014-12-28 19:30 放羊的阿波罗 阅读(139) 评论(0) 推荐(0)
js 选择随机数
摘要：Ok 遇到了一个 选随机数的需求，但是js 没有直接的方法于是只能自己写啦，思想是这样的，将需要随机的数放入一个数组，然后Math.random()随机出数组下标function getrandom(item,mode,callback){//mode为1时是一直随机取直到数组结束 var i... 阅读全文
posted @ 2014-11-23 22:19 放羊的阿波罗 阅读(307) 评论(0) 推荐(0)
写规范的javascript脚本代码 之for in
摘要：for-in循环(for-in Loops)for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。从技术上将，你可以使用for-in循环数组（因为JavaScript中数组也是对象），但这是不推荐的。因为如果数组对象已被自定义的功能增强，就可能发生逻辑错误。另外，在f... 阅读全文
posted @ 2014-05-19 22:05 放羊的阿波罗 阅读(329) 评论(0) 推荐(0)
写规范的javascript脚本代码 之for循环
摘要：在for循环中，你可以循环取得数组或是数组类似对象的值，譬如arguments和HTMLCollection对象。通常的循环形式如下：// 次佳的循环for (var i = 0; i < myarray.length; i++) { // 使用myarray[i]做点什么}这种形式的循环的不足... 阅读全文
posted @ 2014-05-19 21:58 放羊的阿波罗 阅读(426) 评论(0) 推荐(0)
写规范的javascript脚本代码 之单var
摘要：在函数顶部使用单var语句是比较有用的一种形式，其好处在于：提供了一个单一的地方去寻找功能所需要的所有局部变量防止变量在定义之前使用的逻辑错误帮助你记住声明的全局变量，因此较少了全局变量//zxx:此处我自己是有点晕乎的…少代码（类型啊传值啊单线完成）单var形式长得就像下面这个样子：var a=0... 阅读全文
posted @ 2014-05-19 21:53 放羊的阿波罗 阅读(330) 评论(0) 推荐(0)
关于iframe的contentDocument和contentWindow
摘要：contentDocument是获得iframe子窗口的document对象，但兼容ff和ie8+contentWindow是获得子窗口的window对象，兼容大部分浏览器，contentWindow.document才是获得document对象所以获得iframe内容时一般兼容性写法是这样的 (i... 阅读全文
posted @ 2014-05-18 21:19 放羊的阿波罗 阅读(2039) 评论(0) 推荐(0)