跨平台： 在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不同技术工种、业务逻辑同步，这是折磨人的过程。有点类似个人电 脑早期世界，那个时候的每家电脑都有自己的操作系统和编程语言，开发者疲于做不同版本，其实DOS的盛行也很大程度是因为开发者实在没精力给其他电脑写程 序。跨平台技术在早期大多因为性能问题夭折，但中后期硬件能力增强后又会占据主流，因为跨平台确实是刚需。 快速迭代...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>贝塞尔法画桃心</title></head><body><canvas id="mycavas" width="300" height="300"></canvas><script type="application/javascript">var canvas = document.getEl...
在广告主的需求中，有很多情况下需要在动画中添加一些外部链接。这份文档就在Mugeda动画中添加外部链接的方式，做一下梳理。1.通过点击触发的链接就是要用户点击屏幕来触发链接的情况，这是推荐使用的方式。因为存在流量的考虑，不需要任何点击就跳转的操作，在有些移动设备上是不被支持的，所以我们推荐的触发跳转链接的方式是通过点击触发。实现的方式是：在舞台上选中一个物体对象，在动作中选择“链接”，输入框中写入完整的链...
做移动端有一段时间，今天有同事问了我 article 和 section 标签的使用，模模糊糊的解释了下，他似懂非懂，有点小尴尬。忽然间觉得自己有必要再翻翻书籍，重温下 html5 的新元素。今天先介绍下 html5 新增的结构元素，有的经常使用到，有的用不上，虽然说它们的出现是更促进页面更有语义，更好的 seo，但其实当页面禁用样式后，它们的展现跟 div 是没撒差别，有同学可能会说，既然一样，又不影响页面的最终展现，不管是 article...
1. controls自带效果<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body><audio src="raw/1.mp3" controls="controls"></audio> </body> </html>2. 自定义 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body><button id="button" onclick="p()">播放</button><audio id="music" src="raw/1.mp3">浏览器不支持此音频</audio><script>var mu...
最新版本的safari、chrome、firefox以及opera支持某些html5特性。ie9将支持某些html5特性。html5提供了展现视频的标准<video>支持ogg及mpeg4等格式。音频〈audio〉.<canvas>用于在网页上绘制图形，使用js，调用绘图api.而svg、vml是使用xml描述绘图。html5 web存储：通过js来存储和访问数据；而客户端存储分为localStorage(存储的数据无时间限制，如纪录访问次数)和sessionStorage(针对一个session进行存储)。html5新的input类型（...
总结：拖动显示进度的进度条 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>demo</title><style> body{margin:0;padding:0;font-size:12px;} .scale_panel{color:#999;width:200px;position:absolute;line-height:18px;left:60px;top:-0px;} .scale_panel .r{float:right;} .scale span{background:url(images/scroll.gif) no-repeat;width:8px;height:16px;position:absolute;left:-2px;top:-5px;cursor:po...
HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件，让一段文字或标题包含一些隐藏的信息。 用法一般情况下，details用来对显示在页面的内容做进一步骤解释。其展现出来的效果和jQuery手风琴插件差不多。其大致写法如下：1234567891011121314<details><summary>Google Nexus 6</summary><p>商品详情：</p><dl><dt>屏幕</dt><dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd><dt>电池</dt><dd>3220 mAh</dd><dt>...
哈哈，开始吧，这节课第一个内容是 路径。路径，顾名思义，就是俺拿着画笔，划线呗。画图的几个步骤。第一步：找个起点开始画图。----beginPath;第二步 : 划线，画出自己想要的图像 。第三步：完成图形，关闭路径。 当然也可以什么都不做，就是画一个点或者一条线 ----- closePath第四步：填颜色。哈哈，对不对啊，俺上小学，美术老师就是这么教的。好了，先随便画一个图形吧。---画一条线，(*^__^*) 嘻嘻…… <script type="...
## 2的次方数 * 2的0次方=1 * 2的1次方=2 * 2的2次方=4 * 2的3次方=8 * 2的4次方=16 * 2的5次方=32 * 2的6次方=64 * 2的7次方=128 * 2的8次方=256 * 2的9次方=512 * 2的10次方=1024 -------------------------------------------------------- ## 二进制转十进制 ##### 二进制10011011转换为十进制（练习） >10 011 011 >2的7次方+2的4次方+2的3次方+2的1次方+2的0次方 >也就=128+16+8+2+1=155 ### 二进制***100 1 1 001***转十进制...
近期Nexus 4手机自动升级到Android4.4，本来挺好的一件事儿，结果发现自己的应用中出现一个Bug，应用中使用了Webview播放HTML5视频，代码如下： <video width="480" height="280" poster="test.jpg" src="test.mp4" preload="auto"></video>在4.3版本之前播放正常，新版本中播放时只能听到声音，而画面停留在最初的画面，也就是poster属性中的图片，但不会显示视频动画，只有点击暂停按钮，然后再次点击播放按钮时，视频动画才会显...
使用了jcanvas插件。 复制代码代码如下:<head> <script src=‘jquery-1.9.1.js‘></script> <script src=‘jcanvas.min.js‘></script> <!--<script src=‘js/jquery.mobile-1.2.0.min.js‘></script> --> <script> var maxX=-1; var maxY=-1; var minX=99999; var minY=99999; function checkData(event){ var x=event.pageX-$(‘canvas‘).offset().left; var y=event.pageY-$(‘canvas‘).offset().top; if(x>maxX){ maxX=x; }e...
就像在汽车中，引擎完成主要的工作，使汽车看起来不可思议。游戏引擎同理，游戏开发者完成细节的工作，使游戏看起来真实、吸引人眼球。游戏引擎负责其余的事情。早期，游戏开发者通常从草图做起，花费高昂，且不容易获利。为了让游戏开发更加简单容易，主要的开发者开始授权他们的基本游戏引擎，如 Unreal。而且，随着手机和平板游戏的出现，所需预算比以前更少，对 JAVASCRIPT 和HTML5 游戏引擎的需求大增。 如果你是一个游戏开...
看微信摇一摇之后忽然想知道他是怎么写的。于是就在网上查了一些资料，有些是借鉴别人的。大家共同学习啊先放代码<body onload="init()"><p>用力摇一摇你手机</p><audio style="display:hiden;width:0px; height:0px;" id="musicBox" preload="metadata" controls src="swiper/music/default.mp3"><script> init(); var SHAKE_THRESHOLD =3000;//定义一个摇动的值var last_update =0;//定义一个变量保存上次更新的时间var x = y =...
最近在折腾移动站的开发，涉及到了一个手机里面上传图片。于是经过N久的折腾，找到一个插件，用法如下：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!DOCTYPE HTML><htmllang="zh-CN"><metaname="viewport"content="initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/> <head> <metacharset="UTF-8"> <title>LocalResizeIMG</title></head><style> ...