• Html5开发联盟
  • 90
    位关注
    1
    个提问
    169
    篇博客
热门话题
  • 林俪芳
  • 使用FileReader对象实现图片上传预览功能
  • 平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去,成功之后拿到URL再渲染到页面上,这样做在图片比较小的时候没什么问题,大一点的话就会比较慢才能看到预览了,而且还产生了垃圾文件,所以比较好的是上传之前先在本地预览一下。之前做项找插件的时候就知道纯前端可以实现图片本地预览,可今天面试的时候被问到时竟然一脸懵逼,
  • Html5开发
    2个月前
    131 热度
    1 评论
  • 落英缤纷
  • HTML5视频播放插件 video.js介绍
  • video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页),功能强大,且支持降级到flash,兼容ie8。官网:http://videojs.com/ git&demo :http://files.cnblogs.com/files/stoneniqiu/video-js-5.11.4.zip看下默认例子:<head&g
  • Html5开发
    2个月前
    128 热度
    1 评论
  • 水花兄弟
  • HTML5实现多文件上传的插件
  • 本文讲述的图片上传插件是基于zepto,支持多文件上传,进度和图片预览,用于手机端。(function ($) {$.extend($, {fileUpload: function (options) {var para = {multiple: true,filebutton: ".filePicker",uploadButton: null,url: "/home/MUplo
  • Html5开发
    2个月前
    104 热度
    1 评论
  • 张馨予
  • HTML5实现图片压缩和上传的功能
  • 接到需求,问前端是否可以压缩图片?因为有的图片太大,传到服务器上再压缩太慢了。意识里没有这么玩过,赶紧上网百度一看,原来前辈们已经用canvas实现了(为自己的见识羞愧3秒钟,再马上开干)!。canvas压缩使用了github上的一个现成库:https://github.com/stomita/ios-imagefile-megapixel,不得不膜拜下stomita这位大神。大体的
  • Html5开发
    2个月前
    113 热度
    1 评论
  • 林永贵
  • Html5缓存-Manifest的烦恼
  • 在app中更新h5页面一直有缓存问题。默认什么都不做的情况下,app有一定的空间缓存页面。一开始更新之后会马上加载,等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间,ios就只能卸载重装(are u kidding me?)。这是最坏的情况,你可以更换下地址。no-cache注意到这一点之后,页面加入no-cache<meta http-equiv="Cache
  • Html5开发
    2个月前
    109 热度
    0 评论
  • 见证奇迹
  • HTML5学习-Mutation Observer特性讲解
  • Mutation Observer(变动观察器)是监视DOM变动的接口。当DOM对象树发生任何变动时,Mutation Observer会得到通知。要概念上,它很接近事件。可以理解为,当DOM发生变动会触发Mutation Observer事件。但是,它与事件有一个本质不同:事件是同步触发,也就是说DOM发生变动立刻会触发相应的事件;Mutation Obs
  • Html5开发
    2个月前
    122 热度
    0 评论
  • 土豆泥
  • Angular发布1.5正式版
  • Angular团队最近发布了Angular 1.5的正式版,该版本实现了一次重大的升级,它让仍在使用1.X版本的开发者将能够更容易地过渡到Angular 2的开发。Pete Bacon Darwin在此次发布声明的博客文章中写道,这次发布的目的是“改进Angular 2的升级路径。我们在这次发布中引入了一些新的特性,让开发者编写的Angular 1应用更接近于在Angular 2中应用的结构。”此次发
  • Html5开发
    2个月前
    90 热度
    0 评论
  • 死循环
  • 关于HTML5本地持久化存储的Web SQL、Local Storage、Cookies技术
  • 在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL、Local Storage、Cookies。Web SQL作为html5本地数据库,可通过一套API来操纵客户端的数据库(关系数据库),下面是支持浏览器情况。鉴于PC浏览器支持情况,我找了淘宝、京东、携程、起点、优酷网站,并没有用Web SQL记录客户端信息。在移动端比较适用,特别是对于Hybrid应用,更是得心应手。接口:op
  • Html5开发
    2个月前
    110 热度
    0 评论
  • 董闵行
  • HTML5结合plupload插件实现文件拖拽上传功能
  • HTML5拖放能够将本地的文件拖放到页面上,plupload又是很好的文件上传插件,而今天就将两者结合,做了个文件拖拽上传的功能。简述HTML5拖放拖放是HTML5标准的一部分,任何元素都能够拖放,也能够将本地的文件拖放到页面上。设置元素可拖放为了使元素可拖动,把 draggable 属性设置为 true<img draggable="true" />拖放事件有7个拖放事件可以捕获,如下:drag
  • Html5开发
    2个月前
    106 热度
    0 评论
  • Rock
  • Canvas的渲染效率对比与优化
  • 在HTML5的Canvas渲染中,主要就用到2个函数:setTransform、drawImage,可以优化的空间几乎为0。在本文中,我们主要考量下在android和ios下,如果单纯的使用Canvas渲染可以制作什么量级的游戏。原来我想拿微信自带浏览器,而非QQ自带浏览器,但由于在android下微信浏览器波动非常的大(甚至超过一个数量级),因此就放弃了。android测试环境华为Mate7,QQ自带浏览器和C
  • Html5开发
    2个月前
    109 热度
    0 评论
  • Kindle
  • HTML5离线缓存(Application Cache) 技术的应用
  • HTML5离线缓存又名Application Cache,是从浏览器的缓存中分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源。 Manifest 文件 manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。 manifest 文件可分为三个部分: CACHE MANIFEST - 在此标题下列出的文件将
  • Html5开发
    2个月前
    95 热度
    0 评论
  • 王静
  • Html5学习-使用video标签实现视频播放功能
  • 今天,我们来学习如何使用html5的<video>标签实现视频播放功能。在html5出现之前,想要在浏览器中实现视频播放功能,就必须使用额外的插件或控件来实现。不过,自从html5问世以后,这样的局面有所改变。现在,我们使用html5的video标签,可以不依赖于任何第三方的插件或控件,直接在浏览器中实现视频播放功能,俗话说「知己知彼,百战百胜」。对于video标签而言,同样也是如此,只有先
  • Html5开发
    2个月前
    105 热度
    0 评论
  • 张琳
  • 美国HTML5开发者和公司在做什么?
  • 近日,APICloud 创始人兼CEO刘鑫在美国旧金山和美国的HTML5开发者进行了一次近距离的接触,感受中美HTML5开发者的热度差别和不同市场阶段的中美表现巨大差异。中国和美国的HTML5市场差距有多少?首先,从下面两张趋势图我们很容易发现美国的HTML5公众关注度是从2009年底出现第一次的快速上涨,而将近2年后2011年下半年,中国的HTML5市场才出现了第一次的
  • Html5开发
    2个月前
    100 热度
    0 评论
  • 老铁没毛病
  • HTML5教程之-文件拖拽功能实现
  • 现在打开优酷的网站我们再观看视频时如果拖动滚动条,页面会自动出现一个小的播放窗口,而这个播放窗口是可以说随便拖拽的。这种对图片或者链接的拖拽效果是怎么实现的?其实用HTML5就很容易实现了,因为HTML5中有个html5中默认对图片、链接可以拖放,其它元素需要设置draggable="true"才能拖放,事不宜迟,老夫马上去试试。 1 <!DOCTYPE h
  • Html5开发
    2个月前
    94 热度
    0 评论
  • 狄安娜
  • HTML5中的Application Cache概念
  • HTML5中的Application Cache概念我们知道缓存技术对于提高我们的应用程序性能有着非常重要的作用,主流的编程语言基本上都有相应的缓存技术比如ASP.NET,JAVA,PHP等主流编程语言,但是对于前端的开发,我们一般很少有接触缓存的概念,直到HTML5的出现,才出现了真正意义上的前端缓存。HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通
  • Html5开发
    2个月前
    96 热度
    0 评论
  • XSPACE
  • HTML5中Web Worker技术的使用实例
  • web worker是html5中新特性中非常吸引人的技术亮点之一,我们可以把它理解为javascript中的多线程技术,我们知道javascript语言的执行环境是单线程的,浏览器执行某段程序的时候会阻塞直到运行结束后再恢复到正常状态,而HTML5的Web Worker就是为了解决这个问题 。对于这一技术,并不是所有的浏览器都支持的,所以我们在使用这一技术前最好先检查一下客户的浏览器是否支持,如果
  • Html5开发
    2个月前
    90 热度
    0 评论
  • 火凤凰
  • HTML5本地存储技术之-本地数据库操作
  • 如果有一天断网了,如果有一天断电了,如果有一天同时断电又断网了,那么.....???没关系!我有Html5本地存储技术,我有SQLLite,我可以跟往常一样完成我的业务操作,等什么时候恢复网络,恢复电了,我再把我本地的数据同步到服务器数据库,这是不是件很酷的事情!使用SQLLite数据库,需要两个必要步骤:1.创建数据库访问对象2.使用事务处理创建对象:openDatabase(dbName, version,
  • Html5开发
    2个月前
    127 热度
    0 评论
  • 放羊娃
  • HTML5中的多线程技术(web worker)
  • 一说到多线程技术,大家第一印象肯定就是想到JAVA,C#等后端高级面向对象语言,很少人会想到在前台如何实现多线程技术,因为大家对于JavaScript的印象都还停留在单线程的阶段,直到web worker的出现,我们才明白原来javascript也可以实现酷毙的多线程,妈妈再也不用担心点个弹框用户不点击确认后面的程序就无法继续执行的尴尬了。使用这个API用户可以非常容易的创建在后台运行的线程,要创建后台程
  • Html5开发
    2个月前
    114 热度
    0 评论
  • 无码的世界
  • HTML5中的sessionStorage和localStorage
  • HTML5刚提出来的时候就有了一个很吸引人的地方:可以把数据存储在本地,不再需要Cookie之类的东西,而且对于数据的也不再局限于Cookie 4KB的限制了,可以说,本地存储是HTML5中最吸引人的一个技术话题,在HTML5中有sessionStorage和localStorage两种本地客户端技术,这两者之间的区别如下:Web Storage 技术在web上存储数据即针对客户端本地;具体来说分为两种:sessionStora
  • Html5开发
    2个月前
    107 热度
    1 评论
  • 使徒行者
  • HTML5中逆天的本地数据库操作
  • 虽然Html5已经提供了功能强大的localStorage和sessionStorage,但是他们两个都只能提供存储简单数据结构的数据,对于复杂的Web应用的数据却无能为力。逆天的是Html5提供了一个浏览器端的数据库支持,允许我们直接通JS的API在浏览器端创建一个本地的数据库,而且支持标准的SQL的CRUD操作,让离线的Web应用更加方便的存储结构化的数据。接下里介绍一下本地数
  • Html5开发
    2个月前
    100 热度
    1 评论
   可能感兴趣的群组
   可能感兴趣的人