摘要: 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法:$.camelCase():方法接收一个字符串,将连字符格式的字符串转为驼峰格式的字符串:$.camelCase("login-name"); // ->loginName $... 阅读全文
posted @ 2015-08-10 17:24 贾顺名 阅读(726) 评论(0) 推荐(0) 编辑
摘要: Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 昨天听说了zepto.js,正好最近也比较闲,所以就学习一下这个著名DOM操作库,由于本人刚接触这个,但又不想单纯的说如何使用,所以本人会按照A... 阅读全文
posted @ 2015-08-07 21:39 贾顺名 阅读(2028) 评论(1) 推荐(1) 编辑
摘要: 动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100%... 阅读全文
posted @ 2015-08-03 17:00 贾顺名 阅读(4583) 评论(0) 推荐(1) 编辑
摘要: CSS 过渡(transition), 是CSS3规范的一部分, 用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间,而不是立即生效。比如,将元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 transition 后,将按一个曲线速率变化。这个过程可以自定义。Transit... 阅读全文
posted @ 2015-07-21 14:06 贾顺名 阅读(1277) 评论(1) 推荐(1) 编辑
摘要: 概述:CSS3新添加的Transform可以改变元素在可视化区域的坐标(这种改变不会引起文档的重排,只有重排),以及形状,还有些3D形变.结合Animation(这里以后会有个链接的) 能实现酷炫的动画;旋转(rotate):rotate支持一个参数,一个角度值 0-360deg#demo { ... 阅读全文
posted @ 2015-07-20 17:20 贾顺名 阅读(2988) 评论(0) 推荐(0) 编辑
摘要: CSS3的媒体查询是对CSS2媒体类型的扩展,完善;CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性;media query 与 media type 的区别在于: media query是一个值或一个范围的值,而... 阅读全文
posted @ 2015-07-16 16:58 贾顺名 阅读(2505) 评论(1) 推荐(0) 编辑
摘要: CSS3新增了嗯- -21个选择器,脚本通过控制台在这里运行;~:p ~ p { color : red;/*此条规则将用于p后边所有的p...就是除了第一个p的所有p,规则同p:not(:nth-of-type(1)),但是权重要低于后者*/}[attribute^=value]:选择该属性... 阅读全文
posted @ 2015-07-15 17:23 贾顺名 阅读(1767) 评论(0) 推荐(1) 编辑
摘要: 颜色:CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;hsl():hsl函数:h(色调),s(饱和度),l(亮度);色调:为0-360之间的数值[经实验,可以为小数];饱和度与亮度:均为百分比;下图截自http://www.w3.org/wiki/C... 阅读全文
posted @ 2015-07-14 15:56 贾顺名 阅读(4795) 评论(0) 推荐(1) 编辑
摘要: 本文是一篇翻译文章,原文信息如下:原文:45 Useful JavaScript Tips, Tricks and Best Practices作者:Saad MouslikiJavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、... 阅读全文
posted @ 2015-07-10 17:03 贾顺名 阅读(551) 评论(2) 推荐(0) 编辑
摘要: 什么是calc()?calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;MDN的解释为可以用在任何长度,数值,时间,角度,频率等处;/* property: calc(expression) */width: calc(100% - 80px);可以用 + - * / 符... 阅读全文
posted @ 2015-07-09 17:00 贾顺名 阅读(4488) 评论(5) 推荐(4) 编辑