-
html5中的canvas绘图属性
<canvas>标签是html5新增的专门用来绘制图像的元素，通过canvas技术可以在web中绘制各种图形。canvas元素本身是一块无色透明的区域，只是一个容器，我们通过javascript脚本在区域上绘制图形。一、添加canvas元素<canvas width="300" height="300"> 您的浏览器不支持canvas元素，请更新或更换您的浏览器 </canvas> 元素的宽和高未指定则默认为300,应该在标签内指定宽和高，在css中指定宽和高的话会产生一些错误的行为。当这两个值有任何一个改变时，...
2017-08-21 -
CSS3中的动画
CSS3中的动画中使用的属性在各个浏览器中的支持是不一定兼容的，我们在属性钱添加前缀来实现各个浏览器的兼容-ms-兼容IE9 -webkit-兼容Safari和Chrome -o-兼容Opera -moz-兼容Firefox 为了节省篇幅，下面仅出现一次兼容性的语句，之后都不做兼容，在实际使用中自行添加兼容性语句。一、2D转换，通过transform属性实现transform-origin: x y; //设置转换时的相对中心，默认为元素的中心 transform-origin: bottom left; 1、translate()方法位移div { transform: tra...
2017-08-20 -
data-*数据的获取和设置
在jquery中，使用data()方法可以方便的获取和设置data-*属性。.data(key, value) :设置一个已存在的data-key属性或添加一个新的data-key属性 .data( key ) ：获取指定的data-key属性的值 .data( obj ) ：使用带有名称/值对的对象向被选元素添加数据，可以一次添加多个data-*属性。 .data() ：不带参数将以 JavaScript 对象的形式获取所有数据 .removeData(key) ： 移除指定的data-key属性 .removeData() ：如果没有定义key，将从被选元素中删除所有已存储的数据。 ...
2017-02-22 -
Google推荐的html/css规范
介绍一下Google推荐的HTML和CSS编写格式规范，以建立良好的个人编码习惯通用样式规范省略图片、样式、脚本以及其他媒体文件URL的协议部分(http:,https:)，除非文件在两种协议下都不可用这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> .example {backgroun...
2017-02-21 -
html5中a标签中的href种类
一、普通链接<a href="http://www.baidu.com">百度</a> 六、执行js代码通过"jsvascript:"作为前缀表示要执行js代码<a href="javascript:alert('弹出提示')">执行js代码</a> 我们经常使用一个分号(;)来屏蔽超链接的默认事件 <a href="javascript:;">点击不会触发a标签的默认事件</a> 三、锚链接通过点击链接文本跳转到页面指定的位置<a...
2017-02-06