摘要：
随着鼠标的移动旋转箭头。 requestAnimationFrame 在requestAnimationFrame之前我们可以用setInterval来实现动画的循环： 而html5中增加了window.requestAnimationFrame，它接收一个回调函数，确保在重绘前执行该函数，第二个参 阅读全文
随笔分类 - HTML5
微信小程序小结02-- 完整的demo
2018-07-04 13:05 by stoneniqiu, 2567 阅读, 收藏, 编辑
摘要：
小程序确实方便，在移动端方便小个体宣传，不需要服务器和域名，还有客服功能。按朋友的意思，做了一次调整，分成了首页、预约和我的三个页面。 下面说下遇到的几个问题。 01.客服功能 不得不说这个一条龙服务的功能挺好的，帮住小店主开辟了一个客源路径，节省了开发的成本。只需要在页面里，放置一个contact 阅读全文
【Html5】-- 塔台管制
2018-01-21 21:22 by stoneniqiu, 1517 阅读, 收藏, 编辑
摘要：
想做这个游戏已久，今天终于初步完成，先解释下，这是一个模拟机场塔台管制指挥的游戏，飞机从不同的方向飞入管制空域，有不同的目的地，飞机名称最后一个字母表示飞机要到达的目的地，分ABCD和R。A-D表示四个方向，R表示到本场的跑道降落。飞机有H,M,S三种速度，离场必须不能是最快的速度(H)，降落必须是 阅读全文
H5情景意识 --飞机
2018-01-16 11:08 by stoneniqiu, 897 阅读, 收藏, 编辑
摘要：
当时进入民航大培训前做过一系列的测试，一共是8个小游戏，主要测试情景意识、反应能力、场面控制之类的，有几个还记忆犹新，这个数飞机只是其中之一，今天没事用JavaScript做了一遍。 原理 逻辑比较简单，主要就是通过随机获测试方向，然后添加噪声，三秒后提问。如此循环。 1.获取测试方向 2.获取飞机 阅读全文
h5 喜帖
2017-08-29 15:33 by stoneniqiu, 1367 阅读, 收藏, 编辑
摘要：
地址：http://139.196.27.185:8088/ 因为国庆结婚，需要邀请亲朋好友，网上找了些电子请帖，但大都要收费，贵的还有好几百，有的效果还不太好。于是花了些时间自己写了一个。 就是swiper+css3动画。 https://files.cnblogs.com/files/stone 阅读全文
h5 录音
2017-08-10 20:33 by stoneniqiu, 11606 阅读, 收藏, 编辑
摘要：
得益于前辈的分享，做了一个h5录音的demo。效果图如下： 点击开始录音会先弹出确认框： 首次确认允许后，再次录音不需要再确认，但如果用户点击禁止，则无法录音： 点击发送 将录音内容发送到对话框中。点击即可播放。点击获取录音即可下载最后一次的音频： 播放下载都是围绕blob文件。播放就是让隐藏的au 阅读全文
H5缓存-Manifest
2017-03-02 08:47 by stoneniqiu, 6272 阅读, 收藏, 编辑
摘要：
在app中更新h5页面一直有缓存问题。默认什么都不做的情况下，app有一定的空间缓存页面。一开始更新之后会马上加载，等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间，ios就只能卸载重装(are u kidding me?)。这是最坏的情况，你可以更换下地址。 no-cache 注意 阅读全文
【JavaScript吉光片羽】--- 滑动条
2016-12-24 23:03 by stoneniqiu, 744 阅读, 收藏, 编辑
摘要：
灯光的亮度控制需要一个滑动条，先借用lamp源码中Bar： var Bar = function (opt) { var defaults = { $id: "", // 进度条dom节点id min: 1, // 刻度最小值 stepCount: 5, // 刻度步数 step: 1, // 刻度 阅读全文
H5嵌入原生开发小结----兼容安卓与ios的填坑之路
2016-11-19 08:29 by stoneniqiu, 24149 阅读, 收藏, 编辑
摘要：
一开始听说开发H5，以为就是做适配现代浏览器的移动网页，心想不用管IE了，欧也。到今天，发现当初too young too simple，兼容IE和兼容安卓与IOS，后者让你更抓狂。接下来数一下踩过的坑。主要分UI展示，键盘，输入框等等。解决bug最苦恼的问题不是没有解决方案，而是你没有找到真正的原 阅读全文
H5图片压缩与上传
2016-10-14 08:40 by stoneniqiu, 34008 阅读, 收藏, 编辑
摘要：
接到需求，问前端是否可以压缩图片？因为有的图片太大，传到服务器上再压缩太慢了。意识里没有这么玩过，早上老大丢来一个知乎链接，一看，原来前辈们已经用canvas实现了(为自己的见识羞愧3秒钟，再马上开干)！。 canvas压缩 使用了github上的一个现成库：https://github.com/s 阅读全文
H5图片上传插件
2016-09-28 17:27 by stoneniqiu, 10691 阅读, 收藏, 编辑
摘要：
基于zepto，支持多文件上传，进度和图片预览，用于手机端。 $self.css('position', 'relative'); $self.append('<input id="fileImage" style="opacity:0;position:absolute;top: 0;left: 阅读全文
video.js--很赞的H5视频播放库
2016-08-27 09:18 by stoneniqiu, 45034 阅读, 收藏, 编辑
摘要：
video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/ git&demo ：http://files.cnblogs.com/files/stoneniqiu/video 阅读全文
【css3笔记】---- 渐变的秘密
2016-07-28 08:29 by stoneniqiu, 6251 阅读, 收藏, 编辑
摘要：
《CSS揭秘》这本书非常不错，充满了干货和惊喜。以下主要是关于使用渐变做出来的一些效果的笔记。请用最新的现代浏览器观看。 首先要回顾下一个css语句： 这是一个线性渐变，第一参数是渐变方向，是可选的。可以是角度，angle的值是度数，比如45deg，90deg。也可以使用to side-or-cor 阅读全文
WebSocket 介绍(二)-WebSocket API
2016-04-10 13:48 by stoneniqiu, 20526 阅读, 收藏, 编辑
摘要：
这一章介绍如何用WebSocket API来控制协议和创建应用，运用http://websocket.org 提供的现有WebSocket服务器，我们可以收发消息、创建一些简单的WebSocket应用。一步一步的学习使用WebSocket API，最后我们会讨论浏览器的支持度和连通性。这一章的重点是 阅读全文
WebSocket 介绍（一）
2016-04-05 23:31 by stoneniqiu, 5673 阅读, 收藏, 编辑
摘要：
WebSocket 发起单个请求，服务端不需要等待客服端，客户端在任何时候也能发消息到服务端，减少了轮询时候的延迟.经历一次连接后，服务器能给客户端发多次。下图是轮询与WebSocket的区别。 基于http的实时消息是相当的复杂，在无状态的请求中维持回话的状态增加了复杂度，跨域也很麻烦，使用aja 阅读全文
【css3】--四种气泡
2016-03-28 08:26 by stoneniqiu, 7392 阅读, 收藏, 编辑
摘要：
在聊天的场景中，聊天内容需要用到气泡修饰，如下图。下面一一讲解。 图片式： 第一个样式是京东客服，气泡的圆角和钩子都是用了图片。使用了一个table组合成了一个圆角的框框。lm样式拼出了钩子。 样式： .jimi_lists { margin: 0 -10px 20px 10px; position 阅读全文
CefSharp初识--把网页移到桌面
2016-01-06 08:16 by stoneniqiu, 12943 阅读, 收藏, 编辑
摘要：
在开发中我们可曾有过这样的需求，将某个网页嵌入到.Net应用中来，但Winform自带的web browser不怎么理想。CefSharp可以让我们在.Net应用中嵌入一个Chromium。它提供了WPF和Winform版的webbrowser 控件，能很好的渲染出HTML5效果而且和宿主程序有很强... 阅读全文
【读书笔记】HTML5 Web存储
2015-01-09 08:03 by stoneniqiu, 1463 阅读, 收藏, 编辑
摘要：
PS：这里讲web存储，主要是在客户端存储的一些技术：cookie，localstorage，sessionstorage，WebSQL。 CookieCookie是HTML4中在客户端存储简单用户信息的一种方式，它的应用很多所以有必要回顾一下。它使用文本来存储信息，当有应用程序使用cookie时，... 阅读全文
Html5 舞动的雨伞
2015-01-03 11:15 by stoneniqiu, 2280 阅读, 收藏, 编辑
摘要：
HMTL5的学习断断续续，方法不用又生疏了，昨天做的一个雨伞的Demo，先看看效果主要是运用了中心点变换和旋转两个方法。不同的动画用定时器控制，下面是全部代码： 自己觉得蛮有意思，这些小而美的东西是不是给你有所启发呢。如果不是建立对象，则画出来的雨伞不容易控制。下面的代码就是静态的... 阅读全文
【读书笔记】Html5游戏开发
2014-08-07 00:13 by stoneniqiu, 1352 阅读, 收藏, 编辑
摘要：
一直对HMTL5做游戏饶有兴趣，而这本书刚好就是HTML5 2游戏初级入门的书。Demo简单注释详细，可以拿来练练手，一个星期左右就可以读完。若要追求酷炫高大上效果，这本书恐怕要让你失望了。但作为上手书还是不错的。 http://pan.baidu.com/s/1dD29Nhf 一共十章，... 阅读全文