![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 82
daisy_Hawen
身体和灵魂都需要奔跑 欢迎关注我的Githttps://github.com/daisyHawen
展开
-
HTML5 Canvas之填充样式
这一节主要讨论fillstyle()的其他设置线性渐变var grd=context.createLinearGradient(xstart,ystart,xend,yend) 两个点(xstart,ystart)(xend,yend) 渐变线 grd.addColorStop(stop,color) stop:浮点值,决定关键色的位置 color:决定关键色是什么颜色window.onlo原创 2016-02-09 17:11:26 · 1235 阅读 · 0 评论 -
HTML5学习——worker对象
我的碎碎念,以前吧,觉得前端这玩意儿很复杂,有好多东西要学。后来学了一段时间之后发现不过如此,就是用html+css写写页面,然后为了使页面有动态的数据,就加了ajax和js。然后不知道为什么前端越来越复杂。nodejs的出现之后,很多工具的出现,webpack、browserify…现在我用的是webpack。 之前觉得,天啊,这是要命啊,本来js就基础不扎实,又要整这些东西,然后后来发现,其实原创 2017-07-07 17:55:18 · 1106 阅读 · 0 评论 -
HTML5——离线应用程序
浏览器与服务器的交互过程首先一个http://www.daisy.com的网站,假设以index.html为主页,该主页使用index.manifest文件作为manifest文件。在该文件中缓存index.html 、hello.js、hello.jpg、hello2.jpg这几个文件。首次访问http://www.daisy.com网站时,他们的交互过程如下: 1 浏览器请求访问http://原创 2016-07-25 11:10:19 · 486 阅读 · 0 评论 -
HTML5网页编排规范
前言:虽说自己一直在用H5,但是写代码的风格还是div+div+div,根本没有把H5的新元素用进来。这一篇做一个小结,总结H5的新元素,以及如何优雅的排版,从此抛弃div…..新增元素主体结构元素articlesectionnavasidetime 具体就不说了,懂英文的应该就懂了。 就说一下time <time datetime="2016-5-7">2016年5月原创 2016-03-30 08:07:22 · 1270 阅读 · 0 评论 -
session Storage、local Storage和IndexedDB的区别
session Storage会话存储,只有在浏览器被关闭前使用,创建另一个页面的时候使用,是临时保存,一旦关闭浏览器就会失效。local Storage本地存储,可以长期存储数据,没有时间限制 目前支持local Storage的浏览器有: Chrome 4+ safari 4+ Firefox 1.5+ Opera 10.5+ IE8+以及IE7的兼容模式IndexedDB相对于Local原创 2016-05-14 10:13:46 · 1950 阅读 · 0 评论 -
HTML5 Canvas学习笔记之详解弧线的绘制
Canvas翻译过来呢就是画布 所以Canvas的作用就是把网页当成一张画布,在其中画画——说实话H5中最令我感兴趣的就是Canvas了。在html中引入canvas<canvas id="canvas" style="height:100%"> 当前浏览器不支持Canvas,请更换浏览器后再试</canvas>绘制一条线、矩形与圆弧这里先说Canvas的几个属性:绘制一条线绘制矩形原创 2016-02-09 10:54:56 · 5719 阅读 · 1 评论 -
Html5——本地数据库
本地存储sessionStoragelocalStorage sessionStorage.setItem(‘key’,’value’) 变量=sessionStorage.getItem(‘key’,’value’) 或者 sessionStorage.key=’value’ 变量=sessionStorage.keylocalStorage.setItem(‘key’,’value’原创 2016-05-10 10:08:10 · 1446 阅读 · 0 评论 -
HTML-indexedDB数据库
indexedDB,顾名思义,就是带有索引的数据库,是在HTML5中新增的数据库,改数据库是一种存储在客户端本地的NoSQL数据库,目前Chrome11+版本,Firefox4+版本,IE10版本的浏览器对其提供支持。连接数据库//连接数据库var dbName='indexedDBTest';var dbVersion=20120603;var dbConnect=indexedDB.open原创 2016-05-12 09:20:35 · 766 阅读 · 0 评论 -
HTML5 Canvas绘图之文字的渲染
文字渲染基础context.font=”bold 40px Arial” font属性可以接受css的font属性context.fillText(string,x,y,[maxlen]) string指定位置,(x,y)指定位置 context的fillestyle属性设置字体属性 maxlen可选,表示绘制这段文字最长的宽度window.onload=function(){ v原创 2016-02-09 11:44:22 · 16551 阅读 · 0 评论 -
跨域解决方案之postMessage
所谓跨域无外乎有几种: - 浏览器与服务器之间的跨域; - 页面和其打开的新窗口的数据传递 - 多窗口间的消息传递 - 页面和嵌套的iframe的消息传递这里我们只讲一种跨域解决方案postMessage,并讨论它的利弊。HTML5的出现,引入了很多新东西,比如前面介绍的web Worker,localstorage,sesionStorage,canvas…..但是这些的引入却也引入了大量原创 2017-07-13 11:52:49 · 2081 阅读 · 0 评论