![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5/css3
文章平均质量分 79
H小志
有事心不乱,无事心不空。大事心不畏,小事心不慢。
展开
-
结合使用Canvas API与History API——模拟绘图
大家都对画图软件不陌生吧,可以在画布上随意涂鸦、绘画,还可以为你画的每一步进行撤销和恢复。今天正好得空,便结合Canvas API 与History API做了一个模拟绘图的示例,当然,这里面我主要讲的还是history API的使用。下面的实例中显示一个canvas元素,用户可以在该元素中随意使用鼠标书写文字或绘制图画,当用户单击一次或连续单击浏览器的后退按钮时,可以撤销当前书写或绘制的最后一笔原创 2016-08-03 17:03:27 · 833 阅读 · 0 评论 -
使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
先说些废话,就当放松下心情了。最近几天实在觉着累,不过不是身体累,是心累。总感觉心情很压抑,具体为什么,我一时也说不上来,就是每个人都会偶尔上来一阵神经病。前段时间真是热的要死,搞得我每天都闷闷的,一点动力都没有,不过还好啦,又下雨了,重点是遇到下雨天,温度就能降好几度,你说我能不开心吗? 好啦好啦 ,不说这个了,步入正题吧,努力一点,未来就会比现在好一点。 强大的Ajax通过异原创 2016-08-03 18:20:57 · 11399 阅读 · 1 评论 -
Html5 history API
在html5之前,浏览器的历史记录是不能被操作的,开发者只能调用history对象的几种方法来实现简单的跳转,比如back、go、forward等等。然而,历史总是会被新生事物代替的,html5来了,这一切都将会得到改变。大家在浏览Facebook的相册时有没有发现,页面局部刷新的同时地址栏的地址也改变了,而且不是hash的方式。它使用的就是HTML5 history新增的几个API,作为wind原创 2016-08-02 18:42:10 · 667 阅读 · 0 评论 -
本地存储之WebStorage
HTML5中与本地存储相关的两个重要内容:Web Storage与本地数据库。其中,Web Storage存储机制是对HTML4中cookie存储机制的一个改善。由于cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的Web Storage存储机制。本地数据库是HTML5中新增的一个功能,使用它可以在客户端本地建立一个数据库,原本必须保存在服务器端数据库中的内容现在可以直接保存在原创 2016-09-02 18:16:58 · 2096 阅读 · 1 评论 -
WebStorage示例——记住密码
通常用户在登录一个网站时,浏览器都会提示“是否记住密码?”,如果选择记住密码,下次再从同一个浏览器登录该网站时,便不再需要用户再次输入用户名和密码,而是这些信息已经显示在了输入框内,用户只需要点击“登录”按钮即可;甚至当用户进入网站时,直接让用户处于已登录的状态。这样便省去了用户登录网站时所花费的时间。html5之前这种功能可以用cookie做到,但是cookie的写法冗杂,又有缺陷。如今用htm原创 2016-09-06 17:10:08 · 5094 阅读 · 0 评论