摘要:
本文转载自:众成翻译译者:文蔺链接: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 阅读全文