
HTML5
傲雪星枫
活着,虽然令人感到痛苦,然而美好之事,却唯有活着,才能经历。
微信号:fdipzone-idea
展开
-
HTML5本地存储不完全指南
编辑推荐:这篇文章来自于黑客志,对HTML5的本次存储方式进行了非常全面的介绍和分析,对于学习HTML5的开发者来说,不容错过哦。 历史 在HTML5本地存储之前,如果我们想在客户端保存持久化数据,有这么几个选择: HTTP cookie。HTTP cookie的缺点很明显,最多只能存储4KB的数据,每个HTTP请求都会被传送回服务器,明文传输(除非你使用SSL)。转载 2012-02-26 18:10:30 · 1280 阅读 · 0 评论 -
HTML5按比例缩略图片并上传的实例
本文将介绍使用HTML5实现在客户端按比例缩略图片,并异步上传到服务器的实例。上传图片并生成缩略图,一般是先把图片上传到服务器,然后服务端再对图片进行缩略处理,生成缩略图片。这样做有两个缺点:1.图片尺寸如果过大,上传到服务器的时间会较长。2.如果所有图片都在服务端做缩略处理,会加大服务端压力。原创 2017-03-19 19:23:32 · 18402 阅读 · 2 评论 -
使用html5 FileReader获取图片,并异步上传到服务器(不使用iframe)
使用html5 FileReader获取图片,并异步上传到服务器(不使用iframe)原创 2014-07-20 00:37:31 · 65213 阅读 · 28 评论 -
HTML5获取当前地理位置并在百度地图上展示的实例
本文介绍使用HTML5 Geolocation API获取当前地理位置,并在百度地图上展示的实例原创 2016-11-24 19:46:22 · 27806 阅读 · 3 评论 -
html5实现摇一摇功能
使用DeviceMotion实现,通过DeviceMotionEvent,可以获得accelerationIncludingGravity的x,y,z属性,根据x,y,z属性的变化来判断设备是否有摇一摇。原创 2015-11-30 00:17:11 · 10411 阅读 · 0 评论 -
使用FormData对象提交表单及上传图片
FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。原创 2014-08-29 00:25:24 · 163768 阅读 · 17 评论 -
获取图片像素颜色,转换为CSS3 box-shadow显示
原理:1.使用FileReader 读取图片2.使用canvas 的 getImageData 获取图片像素信息3.将像素信息转换为CSS3 box-shadow代码: 获取图片像素颜色,转换为css3 box-shadow body{margin: 0px; background:#f2f2f0;} p{margin:0px原创 2013-12-01 01:20:57 · 16852 阅读 · 0 评论 -
HTML5 localStorage and sessionStorage
HTML5 提供两种web存储方法,localStorage 与 sessionStoragelocalStorage 与 sessionStorage 区别localStorage没有过期时间,只要不clear或remove,数据会一直保存。原创 2014-05-11 22:04:23 · 37914 阅读 · 4 评论 -
HTML5 使用application cache 接口实现离线数据缓存
1.配置缓存文件 cache manifestMIME TYPE:text/cache-manifest文件名称:name.manifest作用:用于配置需要缓存的文件2.使用方法在服务器上添加MIME TYPEAddType text/cache-manifest manifest创建 name.manifestCACHE MANIFEST#VER原创 2013-10-15 00:16:43 · 25346 阅读 · 5 评论 -
HTML5 history API 介绍
HTML5 history API介绍history是个全局变量,即window.history属性和方法如下:length:历史堆栈中的记录数。back(): 返回上一页。foward(): 前进到下一页。go([delta]): delta是数字,如果为0或为空则刷新本页,如果正数则前进[delta]页,如负数则后退[delta]页。HTML5添加了原创 2013-05-14 23:31:33 · 17736 阅读 · 0 评论 -
利用自定义web-font实现数据防采集
本文介绍CSS3新特性web-font的使用,并利用自定义web-font实现数据防采集。web-font是CSS3中的一种标记 @font-face,在@font-face声明里,你可以声明一种字体,指定这种字体字体库文件从网络某个地址下载。原创 2017-03-29 21:55:32 · 22024 阅读 · 4 评论