HTML5 随手记（4） - 相关文章

【HTML5 随手记（4）】的更多相关文章

乍一看这标题,有点吊炸天的赶脚,canvas跟<video>能有什么联系?不过请放心我不是标题党.事情是这样的: HTML5的<video>标签所支持的视频格式确实有限,mp4文件必须是H264编码的才行,若不是H264编码,在chrome下会只有声音没有画面,在FireFox下直接连声音也没有,而且控制台会显示警告: 因为浏览器使用的解码器也是H264的.如果用户在本地可以观看的mp4视频上传后却无法正常播放,这种体验是相当糟糕的. 我尝试在文件上传阶段进行检测,然而HTML5的…

Ajax异步刷新地址栏url改变（利用Html5 history.pushState实现）

早些时候在博客园参阅了不少资料,然后决定入驻博客园分享自己的开发心得,最近准备转方向筹备着辞职交接工作,所以有点忙碌,搁置了一个月才匆匆写下这么一篇随笔,希望能给大家带来一点帮助吧,资料和学识有限,如有不正确的地方敬请指出,万分感谢. 效果: 众所周知:ajax可以实现页面的局部刷新,可以做到非常奈斯的数据加载效果,给用户带来非常良好的体验,但是ajax的除了会曝露一些不太安全的服务器信息之外,最蛋疼的就是不能在浏览器的历史会话中保留记录.就是当你点开一个页面,ajax各种数据加载各种欢乐啊,例…

APP开发手记01（app与web的困惑）

文章链接:http://quke.org/post/app-dev-fragment.html (转载时请注明本文出处及文章链接) 最近在用博客园的wcf服务做博客园的android和ios的app,andorid的做了一小部分,开始搞ios,大概一月的时间,完成了博客的浏览,阅读,评论,发评论:新闻的浏览,阅读:个人登陆查看自己的博客,发博客等功能.期间为了实现目标,开发了下拉刷新插件,消息提示插件,完成了不同屏幕的高度自适应功能. 就在昨天晚上在做博客园上一个闪存的功能的时候,我突然迷茫了,…

uni-app官方教程学习手记

本人微信公众号:前端修炼之路,欢迎关注背景介绍大概在今年的十月份左右,我了解到Dcloud推出了uni-app.当时下载了一个Hbuilder X,下载了官方提供的hello示例教程.经过一番努力,在云端打包成功了.当时这个软件还不够完善,用iphone真机模拟运行时,还会存在中文乱码问题.我还特意提交了一个bug. 当时觉得这个框架真的好用.早先开发过混合app,也就是在webview下内嵌html5页面,经常会出现卡顿的和性能问题.这个解决方案DCloud本身也提供了,就是mui.但是u…

使用HTML5开发Kinect体感游戏

一.简介我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决,吸引了大量玩家参与. 表面上看,这款游戏与其它体感体验无异,实际上,它一直运行于浏览器Chrome下,也就是说,我们只需要掌握前端相应技术,就可以开发基于Kinect的网页体感游戏. 二.实现原理实现思路是什么? 使用H5开发基于Kinect的体感游戏,其实工作原理很简单,由Kinect采集到玩家及环境…

读书笔记：《HTML5开发手册》--HTML5新的结构元素

读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在图书馆看到HTML5这类书基本就是略过,想想无非就是介绍一些标签,给一些初学者看,但看了本书之后深受启发,拿来分享,也希望大家多提意见. 一.HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: <!DOCTYPE HTML PUBLIC &…

HTML5 Boilerplate - 让页面有个好的开始

最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用. 一:HTML5 Boilerplate是什么?解决了什么问题? 对于第一次听说这个人,肯定都有这个疑问把!在网上看了看,发现很多人都认为这个是和Bootstrap一样的东西,这真是大错特错了. 实际上,HTML5 Boilerplate只是一个单纯的HTML模版. 什么?HTML模版?干嘛用? 这里不得不提所有前端…

戏说HTML5

如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能... 这里感谢红枫一叶) 给浏览器暴露了许多新的接口... 加了很多新的效果... 问的人其实并不明白他想问的真正问题,回答的人貌似明白,但又好像少了点什么.牛逼的能力.新的接口.炫酷的效果,首先回答的人自己就是晕晕乎乎.什么是HTML.什么是CSS.什么是DOM.什么是JavaScript,大部分…

nw.js桌面软件开发系列第0.1节 HTML5和桌面软件开发的碰撞

第0.1节 HTML5和桌面软件开发的碰撞当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Windows程序员的事实). 操作系统 API.操作系统发展到今日,几乎桌面应用的所有功能,都是基于系统API构建的.调用API和语言及技术无关,哪怕是使用汇编.例如(代码来源于网络,本地重新编译): ;我的第一个win32汇编程序 ;一个经典的hello world !程序 ;>>>>&…