摘要：
本文转载自：众成翻译译者：文蔺链接：http://www.zcfy.cc/article/660原文：http://www.html5rocks.com/en/tutorials/offline/storage/ 介绍 本文是关于客户端存储（client-side storage）的。这是一个通用术 阅读全文
摘要：
如果你想建立一个自己的网站，你可以从网上搜到许多的教程：比如 wordpress gitpages 等等。 如果你想了解这个框架是怎么工作的，你可以了解以下下面的三个基本概念： 服务器， 数据库， 前端工程（即以前页面制作的升级版） 服务器 首先，我先简单的介绍一下服务器。服务器，顾名思义，是提供服 阅读全文
摘要：
前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。 因为从来没有做过这个需求，因此这注定是一个苦逼的调研过程。 我们最开始就面临2个问题：一是如何唤起本地app，二是如何判断浏览器是否安装了 阅读全文
摘要：
DOCTYPE的作用以及常见的DOCTYPE类型 <!DOCTYPE>声明位于文档中的最前面的位置,处于 <html> 标签之前,用来告知浏览器页面目前的文件是用哪种版本的HTML(或XML)撰写。 常见类型 HTML 5<!DOCTYPE html> HTML 4.01三种文档类型:Strict、 阅读全文
摘要：
最近在山寨一款网页微信的产品，对于div用contenteditable属性做的编辑框有不少心得，希望可以帮到入坑的同学。 废话不多说了，我们先来理解一下HTML的光标对象是如何工作的，后面我会贴完整的DEMO代码，不用急，先去理解，才能做出更加好的输入体验。 在HTML里面，光标是一个对象，光标对 阅读全文
摘要：
本文是【WeX5的正确打开方式】系列的第6篇文章，简单介绍一下WeX5中数据组件的特性和结构形式。 数据组件的由来 上一篇 WeX5绑定机制我们实现了一个简单的记账本应用，当时所有数据都用 JSON 对象写在 js 代码里面，然后通过绑定机制将数据和UI界面 绑定起来。我们是这样写的： 1 var 阅读全文
摘要：
本系列文章对应游戏代码已开源 Sinuous game 上一节介绍了canvas的基础用法，了解了游戏开发所要用到的API。这篇文章开始，我将介绍怎么运用这些API来完成各种各样的游戏效果。这个过程更重要的是参透一些游戏开发的思路和想法，而不是仅仅知道怎么写代码来完成这个游戏。 先用一张图来了解一下 阅读全文
摘要：
DEMO访问地址： https://bupt-hjm.github.io/BoomGo/博客地址： http://bupt-hjm.github.io/2016/07/10/boom/插件及使用方法地址： https://github.com/BUPT-HJM/BoomGo动画： 1.参考JQuer 阅读全文
摘要：
今天和大家分享的是 3D 系列之 3D 预定义模型。 HT for Web 提供了多种基础类型供用户建模使用，不同于传统的 3D 建模方式，HT 的建模核心都是基于 API 的接口方式，通过 HT 预定义的图元类型和参数接口，进行设置达到三维模型的构建。接下来我们就来谈谈预定义的 3D 模型及参数设 阅读全文
摘要：
本系列文章对应游戏代码已开源 Sinuous game。 每个游戏都会包含场景和角色。要实现一个游戏角色，就要清楚角色在场景中的位置，以及它的运动规律，并能通过数学表达式表现出来。 场景坐标 canvas 2d的场景坐标系采用平面笛卡尔坐标系统，左上角为原点(0,0)，向右为x轴正方向，向下为y轴正 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>书页效果</title> </head> <style> .book { position: relative; width: 200px; height: 2 阅读全文
摘要：
随着微信支付的普及，越来越的APP要求支持微信支付。相信大多数开发者也碰到了这样的需求。百度了一下，大家用到最多的是微信支付中个人对商户的支付业务，而很少有人用到微信中商户对个人付款的业务。我最近就碰到了这样的需求，因为从来没有做过，所以只能查资料，可是百度到的资料很少，并且是过时的东西。又问了圈子 阅读全文
摘要：
在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具. Brunch 是一个HTML5的构建工具, 对于前端开发, 它能够帮助你设置和维护高效的工作 阅读全文
摘要：
我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的数据储存，我们就可以实现一个简易版的 Web 聊天工具了，有空的朋友可以自己尝试下实现，那么我们今天 阅读全文
摘要：
移动端预览压缩上传图片 推荐一个使用成熟的解决方案：https://github.com/think2011/... 文章已同步我的github笔记https://github.com/ymblog/blog，欢迎大家加star~~ 原理介绍 移动端图片上传，通过FileReader生成base64 阅读全文
摘要：
当我们的用户进行系统登录时，用户名和密码的验证都是后端验证的。而且，用户登录状态也是要后端设置的，查询数据库后，用户名和密码正确，则在session中存储一个uuid，每个页面需要根据登录状态判断展示相应的内容时，则判断是否有uuid这个session，且uuid不为空。比如头部的登录按钮，在未登录 阅读全文
摘要：
前言 公司的产品同学看到朋友圈疯传的这张图后。一拍脑袋，决定做个H5版本的来推广一波。 需求如下： 文字变成可以点击的，而且还要能够变色（闪瞎有木有） 中间的姓名换成用户的微信头像 点击button后，将canvas的操作结果保存成图片，来现微信长按保存到本地的功能。 难点总结： 页面元素canva 阅读全文
摘要：
前言 日前，taobao造物节H5放肆地火了一把。相信接下来将3d嵌入网站的这种营销方式会被越来越多的人留意到。工作之余体验了若干个3d H5页面，感觉这类的H5互动体验性明显要比普通的要强，把二维的物体转化成三维，能给人一种置身其中的感觉。所以，一个好的idea加上低成本的技术实现——将3d融入H 阅读全文
摘要：
“你的问题主要是读书不多而想得太多” 我就是这种不读书、没干货，遇到问题缺少实践的人~十分羡慕那些会写博客的人，就我来说，写一遍文章简直要比女人生孩子还要难受，半天憋不出一个字~哎，无奈肚子里没有墨水。罢了，直接入主题。 最近为了体验移动端开发做个了在线播放器，其实就是加了个媒体查询~，这是demo 阅读全文