設備更新換代快——低端機遺留下問題、高端機帶來新挑戰; 瀏覽器廠商不統一——兼容問題多; 網絡更復雜——弱網絡，頁面打開慢;低端機性能差——頁面操作卡頓; 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應用的方式，從桌面瀏覽器到移動應用，這種語言和標準都正在影響并將繼續影響著各種操作平臺。