摘要：
流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。 http://www.hightopo.com/guide/guide/core/lighting/examples/example_f 阅读全文
摘要：
准备工作 想要将canvas元素当前显示的内容生成为图像文件，我们首先要获取canvas中的数据,在HTML5 <canvas>元素的标准中提供了toDataURL()的方法可以将canvas中的内容生成为指定格式的DataURL,使用方法如下: // 假设有一个id为cvs的canvas元素 va 阅读全文
摘要：
之前接到的一个项目，需求是这样： 平台：移动端HTML5，全部前端完成 实现功能：答题闯关，答对一道题进入下一道，题目随机从题库中选取。 规则：累计答对9道题则闯关成功，但是累计答错4道题则闯关失败，游戏终止。 解析该如何取题： 假如题库中有50道题，再取题的时候是不用没答完一道题，随机取下一道题的 阅读全文
摘要：
遇到的一些坑 问题：手机端 click 事件会有大约 300ms 的延迟 原因：手机端事件 touchstart --\> touchmove --> touchend or touchcancel --> click，因为在touch事件触发之后，浏览器要判断用户是否会做出双击屏幕的操作，所以会等 阅读全文
摘要：
移动互联网的快速发展，尤其是4G时代已经来临，加上微软在Windows 10中搭载了新的浏览器Edge取代了IE的地位，所以现在很多网站都开始抛弃IE朝着HTML5发展，PC端在不同浏览器之间的兼容性问题越来越少，在移动终端上用的甚是广泛，HTML5已成为浏览器标记语言的霸主，这是大势所趋。随着Ad 阅读全文
摘要：
flex 是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。 首先还是从两个版本的语法开始讲吧，这 阅读全文
摘要：
在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCo 阅读全文
摘要：
很多时候我意识到前端已近变成写h5宣传页面 我不知道是可悲 还是生活的必然 小问题 使用css animation和js animation api制作动画是目前比较流行的做法 但是最后很多人的代码就变成这样 <div class="element-box" element-anim="" styl 阅读全文
摘要：
惯例，先贴传送门：https://github.com/think2011/localResizeIMG 首先说到，为嘛要压缩图片，这需求一般出现在需要上传照片（尤其是移动端）的情况下，现在手机拍出来的照片随随便便就是好几兆，无论3/4G还WIFI要上传都很吃力，而且实际上也用不着这么大呀，一般压缩 阅读全文
摘要：
以往的一个form表单，结构比较死板，所有的form元素都必须处在<form>和</form>之间才有效，这会造成一些麻烦，比如说：像bootstrap这种使用<div>来控制布局的框架，<form>放在哪都很尴尬；另外，目前的web 2.0，UI比较丰富，为了布局或其它的原因，表单元素之间可能充斥 阅读全文
摘要：
这里向大家推荐两个网站：caniuse.com以及html5test.com，大家在使用新技术前，可以在这两个网站上看看浏览器的支持情况，看看自己能不能接受，同时也考虑一下能不能优雅降级。 caniuse.com 域名可以用can i use（我能使用……吗？）来记忆。这个网站提供了两种方式给用户提 阅读全文
摘要：
今天看了离线缓存(manifest)方面的资料，兴冲冲地就想给自己的网站用上。待我把代码都写好部署上服务器，并测试过OK的时候，在SegmentFault刷了一把manifest方面的问答，才发现这个大坑：manifest除了缓存manifest.appcache文件所指定的资源外，还必定会缓存当前 阅读全文
摘要：
腾讯 Bugly 特约作者：贺辉超 1. H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带 阅读全文
摘要：
预览 官方网站示例、 项目 github 地址 使用 引入 placeholder.js 到你的前段代码中: <script src="placeholder.js"></script> 1. 调用 placeholder.js 的方法进行替换，举个例子如下: <img src="image_ori 阅读全文
摘要：
本文分两章节，分别讲解如何使用js2image这个库生成可以运行的圣诞树代码 和 js2image的原理。 github地址：https://github.com/xinyu198736/js2image ps:求star 在线转换地址：http://f2e.souche.com/cheniu/js 阅读全文