html5

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用添加前缀（webit/moz）的方法。这个 API 不仅能够使整个页面全屏显示，也可以使页面中的某个元素全屏

业界 2016年06月21日

实践 HTML5 的 CSS3 Media Queries

先来介绍下 media，确切的说应该是 CSS media queries（CSS 媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3 加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的设备范围。那么该怎么定义 media 呢，看下面的代码，你肯定能猜出个大概。@media (max-width: 6

业界 2016年06月21日

Bootstrap网格系统

什么是BootstrapBootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的

业界 2016年06月22日

HTML 简单拼图游戏

先不废话，请看演示。公司要搞这么个微信活动，可现在没有前端开发，没办法，身为打杂总监只好临时顶下这个空缺了。先找了一些 JS 代码，试用了下都不太理想，好一点的写的又太复杂，改起来有难度，干脆撸起袖子自己干了。基本需求有一个固定区域，被拆分成 c*r 个同等大小的碎片，拿走其中一块，靠近缺口的块可以向缺口方向移动；当拼出原来的图样视为完成。依照此需求，需要经历加载图片-》

业界 2016年06月22日

【分享】WeX5的正确打开方式（2）

我的上篇文章介绍了WeX5中基本的页面布局和交互事件写法，有人私信我为什么源码中的js要那样写，HTML源码的结构是怎样的之类。那今天就总结一下Hello World的源码结构，才识有限，有疑问欢迎大家继续私信我，一起钻研，一起进步。HTML部分在上篇Hello World的案例中，我们是通过新建一个w文件来进行页面样式布局的，这里可能有同学会疑惑：怎么没看见HTML文件

业界 2016年06月22日

移动端点击事件全攻略，这里的坑你知多少？

看标题的时候你可能会想，点击事件有什么好说的，还写一篇攻略？哈哈，如果你这么想，只能说明你too young to simple.接触过移动端开发的同学可能都会面临点击事件的第一个问题：click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰，因此解决这个问题就成为了必然。这个问题的解决方案就是：zepto.js的tap事件。tap事件可以理解为在移动端的cl

业界 2016年06月25日

【译】客户端存储（Client-Side Storage）

本文转载自：众成翻译译者：文蔺链接：http://www.zcfy.cc/article/660原文：http://www.html5rocks.com/en/tutorials/offline/storage/介绍本文是关于客户端存储（client-side storage）的。这是一个通用术语，包含几个独立但相关的 API： Web Storage、Web SQL Da

业界 2016年06月26日

HTML5 网络拓扑图性能优化

HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其差，这不是我们想要的结果，再进一步和图片的绘制进行比较比较，你会发现，绘制图片和绘制文本在性能上不是一个等级的，在性能上绘制图片会好太多

业界 2016年06月27日

form表单那点事儿(下) 进阶篇

上一篇主要温习了一下form表单的属性和表单元素，这一片主要讲解用JavaScript如何操作form。表单操作取值用JavaScript操作表单，免不了会有取值赋值操作，比如有以下表单： 13333333331 13333333332 13333333333预览提交用JavaScript获取表单的属性值，或者表单字段的值，可以直接通过 elem.name 的

业界 2016年06月26日