随笔分类 -  前台html5

1 2 下一页
实测可用的免费STUN服务器！
摘要：实测可用的免费STUN服务器！以实际ping延迟排序：stun.voipbuster.com287msstun.wirlab.net320mss1.taraba.net203.183.172.196:3478s2.taraba.net203.183.172.196:3478s1.voipstatio... 阅读全文
posted @ 2015-12-07 14:10 郑文亮 阅读(1811) 评论(0) 推荐(0) 编辑
HTML 5 断点续上传
摘要：断点上传，java里面比较靠谱一点的，一般都会选用Flex。我承认，Flex只是摸了一下，不精通。HTML 5 有个Blob对象（File对象继承它），这个对象有个方法slice方法，可以对一个文件进行分片。基于前些日子写的《WebSocket的服务端实现》，再加上HTML 5的File API(可... 阅读全文
posted @ 2015-11-21 09:08 郑文亮 阅读(1344) 评论(1) 推荐(0) 编辑
富文本兼容性问题归纳(win)
摘要：上周抽空把去年写的富文本重写了一下，封装成基本UI组件，就可以在聊天框之外的地方复用了。个人觉得富文本是个兼容问题最多的模块之一，尤其是文档也没几个，把mozilla的api文档和IE的dom api关于selection和range的看了一个遍，一个个试，总算找到勉强能用的方法。其实之前的富文本代... 阅读全文
posted @ 2015-11-13 12:40 郑文亮 阅读(3704) 评论(0) 推荐(0) 编辑
移动前端—图片压缩上传实践
摘要：此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大... 阅读全文
posted @ 2015-11-13 10:49 郑文亮 阅读(1353) 评论(0) 推荐(1) 编辑
HTML5之Javascript多线程
摘要：Javascript执行机制在HTML5之前，浏览器中JavaScript的运行都是以单线程的方式工作的，虽然有多种方式实现了对多线程的模拟（例如：Javascript 中的 setinterval 方法，setTimeout 方法等），但是在本质上程序的运行仍然是由 JavaScript 引擎以单... 阅读全文
posted @ 2015-07-22 14:58 郑文亮 阅读(9157) 评论(0) 推荐(1) 编辑
浏览器加载和渲染html的顺序
摘要：1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时... 阅读全文
posted @ 2015-04-24 11:09 郑文亮 阅读(432) 评论(0) 推荐(0) 编辑
HTML5中的跨文档消息传递
摘要：跨文档消息传送（cross-document messaging），有时候也简称为XDM，指的是来自不同域的页面间传递消息。例如，www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信。在XDM机制出现之前，更稳妥地实现这种通信需要花很多功夫。XDM把... 阅读全文
posted @ 2015-04-15 08:43 郑文亮 阅读(2695) 评论(0) 推荐(0) 编辑
html5+css3实现上拉和下拉刷新
摘要：html5+css3实现上拉和下拉刷新iScroll Pull down to refresh... Pretty row 1 Pretty row 2 Pretty row 3 Pretty row 4 Pretty row 5 Pretty row 6 ... 阅读全文
posted @ 2015-04-14 16:54 郑文亮 阅读(509) 评论(0) 推荐(0) 编辑
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touc... 阅读全文
posted @ 2015-04-14 10:37 郑文亮 阅读(875) 评论(0) 推荐(0) 编辑
viewport
摘要：移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗... 阅读全文
posted @ 2015-04-09 09:05 郑文亮 阅读(378) 评论(0) 推荐(0) 编辑
HTML5 book响应式翻页效果
摘要：翻页,HTML5源码下载,HTML5响应式翻页效果，鼠标移到右上角会看到翻页效果，需要鼠标拖动后翻页，支持ie9+，html5浏览器。 单页和双页。 自动播放和暂停。 点击左右翻页。 鼠标点击左右页面区域翻页。 鼠标点击左右页面区域拖拉翻页。 ...运行环境：HTML/PHP/ASP/ASP.NET... 阅读全文
posted @ 2014-07-22 16:52 郑文亮 阅读(6618) 评论(0) 推荐(0) 编辑
HTML5开发的翻页效果实例
摘要：简介2010年F-i.com和Google Chrome团队合力致力于主题为《20 Things I Learned about Browsers and theWeb》(www.20thingsilearned.com)的web app的宣传教育。这个项目最主要的思想是在传达，用web展现电子书的... 阅读全文
posted @ 2014-07-22 16:49 郑文亮 阅读(18731) 评论(1) 推荐(1) 编辑
【转载】HTML5 Audio/Video 标签,属性,方法,事件汇总
摘要：标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放contro... 阅读全文
posted @ 2014-07-19 16:37 郑文亮 阅读(334) 评论(0) 推荐(0) 编辑
html5开发<video>视频字幕的程序
摘要：使用video实现实时字幕的效果播放开始 阅读全文
posted @ 2014-07-19 16:23 郑文亮 阅读(4521) 评论(2) 推荐(0) 编辑
VS2010安装HTML5插件
摘要：步骤:1.下载 插件2.拷贝文件里面德尔html_5.xsd到D:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\schemas\html3. 运行注册文件VS-2010-x64.reg 根据自己系统而定4. 打开... 阅读全文
posted @ 2014-07-19 15:09 郑文亮 阅读(3816) 评论(0) 推荐(1) 编辑
HTML5项目笔记4：使用Audio API设计绚丽的HTML5音乐播放器
摘要：HTML5有两个很炫的元素，就是Audio和Video,可以用他们在页面上创建音频播放器和视频播放器，制作一些效果很不错的应用。无论是视屏还是音频，都是一个容器文件，包含了一些音频轨道，视频轨道和一些元数据，这些是和你的视频或者音频控件绑定到一块的，这样才形成了一个完整的播放组件。浏览器支持情况：浏... 阅读全文
posted @ 2014-07-19 14:43 郑文亮 阅读(2888) 评论(0) 推荐(0) 编辑
五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
摘要：让人眼花缭乱的 HTML5 和 JavaScript 效果使用 CSS3 可以实现的五种很酷很炫的效果九个让人难以置信的HTML5和JavaScript实验推荐18个基于 HTML 5 Canvas 开发的图表库29款基于 HTML5 Canvas 开发的网页游戏 各大主流浏览器对 CSS3 和 ... 阅读全文
posted @ 2014-07-19 14:37 郑文亮 阅读(649) 评论(0) 推荐(0) 编辑
HTML5 LocalStorage 本地存储
摘要：HTML5LocalStorage本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Google推出了Gears，虽然没有限制，但不爽的地方就是要装额外的插件（没具体 阅读全文
posted @ 2014-03-17 16:38 郑文亮 阅读(474) 评论(0) 推荐(0) 编辑
HTML5 API 浏览器支持情况检测
摘要：HTML5发展到现在，虽说没有大规模的普及，但在我们日常生活中，也很容易见到了，HTML5的游戏、网站、应用也是层出不穷。而作为前端人员，也应该多了解这些API为以后应用打基础，下面我将给大家介绍 HTML5 新引入的API，并附上各个 API 的浏览器检测方法，我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。首先，我们先介绍下Modernizr， 它是一个用来检测浏览器对 HTML5 和 CSS3 特性支持情况的开源 Javascript 类库，现在最新的是 2.5.3 版（下载），使用方法很简单，在页面里引入 JS 后，它会自动运行，并创建一个 Modernizr 全局 阅读全文
posted @ 2014-03-07 14:09 郑文亮 阅读(3604) 评论(0) 推荐(0) 编辑
HTML5实践之歌词同步播放器
摘要：歌曲播放我们会发现他的兼容性不是很好，譬如IE上能播放的flash播放器，再firfox或者chrome上就不是很好的应用了，因为有插件的阻碍!HTML5的出现让这一切成为了可能，但是播放器虽然播放了，我们还要关注一下用户的体验度，所以，我们就写了一个HTML兼容的播放器！向下兼容IE6-9、chrome、firfox、opera等主流播放器，应该是全兼容！实现原理代码给大家奉上！001002003004005歌词同步播放器-powered by widuu xiaowei006007008009010011012013019070071072073[ar:测试用 ]074[00:03.00] 阅读全文
posted @ 2014-03-07 13:12 郑文亮 阅读(3561) 评论(2) 推荐(0) 编辑

1 2 下一页