摘要：
移动互联网的快速发展，尤其是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 阅读全文