设备更新换代快——低端机遗留下问题、高端机带来新挑战; 浏览器厂商不统一——兼容问题多; 网络更复杂——弱网络，页面打开慢;低端机性能差——页面操作卡顿; HTML5新技术多——学习成本不低。面...

以 ttf 文件为例，字体文件中主要包含了字体头表，位置索引表和图元数据表等等，其中最核心的部分就是图元数据表，也就是字形描述表，它可以包含可变数目的图元，每个图元可以有不同数目的控制点，甚至还...

在博主的前些文章 Promise的前世今生和妙用技巧 和 JavaScript单线程和浏览器事件循环简述 中都曾提到了HTML5 Web Worker这一个概念。在 JavaScript单线程和...

HTML5+Ajax上传文件

利用html5识别文件类型：通常，在文件上传时，我们只会根据文件的扩展名来识别并限制所上传的文件类型。  比如只允许上传 Exce...

Hilo 是阿里巴巴集团开发的一款HTML5跨终端游戏解决方案，ta可以帮助开发者快速创建HTML5游戏。

Istrolid是一款采用诸多web新技术的HTML5游戏。游戏的作者treeform分别使用webGL、WebSocket、AudioContext和作者自制的响应式HTML框架来渲染图形、创...

Canvas 想必前端同学们都不陌生，它是 HTML5 新增的「画布」元素，允许我们使用 JavaScript 来绘制图形。目前，所有的主流浏览器都支持 Canvas。

上传我们一般都是用“ input[type=file] ”控件。当你用此控件时，你就授权了网页和服务器访问对应的文件，就可以得到 File 对象。

图片在响应式网页设计中是出了名的最具挑战性的方面之一。今天我们就来看看如何使用 picture 元素来处理响应式图片.

玩过RPG或者横版格斗的同学应该知道，人物走到屏幕中央后，由于地图过大，地图会进行移动，人物则相对静止不动。这个就是传说中的卷轴。例如下图是我的游戏“三国战线”里的卷轴：

在之前的HTML页面中，大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测你的某个Div内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等...

严重的拖延者患者，本来前天就打算写的，奈何拖到的今天才...（对拖延症有啥好的建议还望留言下，感激不尽...）

学习了许多基本的Sencha Touch内容，已经了解了Sencha Touch的开发模式。接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建。先要解决的是前端的问题，从...

最早在网页中引入JavaScript拖放功能是IE4。当时，网页中只有两种对象可以拖放：图像和某些文本。在IE4中，唯一有效的放置目标是文本框。到了IE5，拖放功能得到拓展，添加了新的事件，而且...

移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结

最近有个任务，做一个非常小的h5的应用，只有2屏，需要做横向的全屏滑动切换和一些简单的动画效果，之前做这种东西用的是fullpage.js和jquery，性能不是很好，于是就想自己动手弄一个简单...

origami.js – HTML5 Canvas for Humans

拖放是一种很常见的功能，现在这个功能已经成为Html5标准的一部分。通过html5只需要简单几行代码即可实现拖放，比如下面这个例子，你可以将此图片上下拖放。

最近几年web前端开发领域最热的话题当属HTML5，HTML5从根本上改变了开发商开发web应用的方式，从桌面浏览器到移动应用，这种语言和标准都正在影响并将继续影响着各种操作平台。