摘要:
流动效果在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 阅读全文