html5
文章平均质量分 79
new_codeer
前端小白~~
展开
-
html5 本地存储 localStorage
localstorage实现本地存储方法:localStorage.getItem(key):获取指定key本地存储的值localStorage.setItem(key,value):将value存储到key字段localStorage.removeItem(key):删除指定key本地存储的值代码实现://添加数据 function SSsetVal(key, val){ if(windo原创 2016-01-05 21:50:29 · 388 阅读 · 0 评论 -
html5 + css 学习小结
我最喜欢的一段话是这么说的,我们今天的生活由昨天的选择决定的,我们今天的选择决定我们明天的生活。所以,少年,为了明天的生活,奋斗吧! 这是最近写静态页面遇到的一些问题以及解决方法。 1.div 的hover显示边框图片会向右下方移动的问题 现在的网页上经常会需要把鼠标移动到图片上图片显示边框的效果,但是因为标准盒模型下div的margin,border,padding,content是向外渲染原创 2016-08-11 17:33:58 · 428 阅读 · 0 评论 -
Canvas
canvas 是html5新出的标签,js可以调用他的方法进行绘图。1. 浏览器支持 2. 基础知识 3. 画布坐标 4. 画线 5. 画矩形 6. 画圆 7. 贝赛尔曲线 8. 清除画布 9. 绘制文字 10. 绘制阴影 11.图像组合 12.图像处理 13.其他方法1.浏览器支持除IE6,7,8以外,其他浏览器没什么问题。2.基础知识canvas基原创 2016-10-30 20:06:05 · 620 阅读 · 0 评论 -
用canvas画一个时钟
昨天过了一遍canvas的基本用法,今天来写个小小的案例练练手吧。用canvas 画一个时钟,效果图如下:额。。。。配色好像有点丑,那个不是重点,,,嘻嘻~在开始写之前,我们先来考虑一下总共分为几个步骤:1.首先要先画一个背景作为钟表的表盘。比较简单。。 2.背景图画好之后,我们开始画钟表的刻度线,刻度线又分为分刻度和时刻度。 3.刻度线和表盘都是不动的,画完精止的部分接下来就是动态改变的部分,原创 2016-10-31 17:31:26 · 1080 阅读 · 0 评论