前端
文章平均质量分 75
qiao-er
这个作者很懒,什么都没留下…
展开
-
Sass学习指南
Sass是一个CSS预处理器。在Sass中,你可以使用变量,条件语句,循环,函数,继承等其他编程语言所有的特性。只要一条命令,就能把Sass文件编译成浏览器能识别的CSS文件。1. 安装和编译1.1 安装安装Sass需要先安装Ruby,这里假定你已经安装了Ruby。在命令行输入以下命令(Windows系统需要先安装Linux shell)sudo gem install sass1.2 编译假定你已原创 2016-12-13 14:36:39 · 356 阅读 · 0 评论 -
Compass学习指南
Compass是Sass的一个工具库,他们之间的关系就好像JavaScript和jQuery一样。学习Compass之前,你最好有一定的Sass基础。就好像你不会JavaScript一样可以使用jQuery一样,懂得Sass会让你更好的理解Compass。1. 安装和使用1.1 安装跟Sass一样,Compass是基于Ruby的。所以首先,你得安装Ruby。这里我们假定你已经安装了Ruby,接着,在原创 2016-12-13 14:37:43 · 616 阅读 · 0 评论 -
Compass中导入插件(以Normalize为例)
Compass中默认的浏览器重置模块式reset。它会把所有的浏览器默认样式都归零。有时候这不是你所需要的,你可能更想把所有浏览器的默认样式都变得相同,而不是完全抹除,normalize就是这样做的。在Compass中使用normalize而不是使用其默认的reset,有两种做法:直接引入normalize.css,导入到项目中使用Compass的插件机制安装Normalize1. 直接引入n原创 2016-12-13 14:39:27 · 1265 阅读 · 0 评论 -
JavaScript原型继承
JavaScript在所有面向对象的语言中是最独特的,它的独特源于它怪异的原型继承机制。一个JS学习者的抱怨1994年,Brendan Eich在设计JavaScript的那10天里,鬼知道他是怎么想的,恐怕连他也觉得自己在设计一门“玩具语言”,所以不想把它变得这么复杂,于是他大胆的抛弃了C++和Java中类的概念,自创了一个叫原型继承的东西。这绝对是一个设计上的错误。这反而使得JavaScript原创 2016-12-13 14:34:37 · 374 阅读 · 0 评论 -
JavaScript动画1-速度动画
动画实际上就是在一定时间内,改变一个元素的某些属性。这里简单实现一个JavaScript运动的框架。主要包括: 1. 速度动画(改变left、right、width、height、opacity) 2. 缓冲运动 3. 多物体运动 4. 任意属性值改变 5. 链式运动 6. 多属性同时变化速度动画速度动画就是通过改变left、right、width、height、opacity的值来达原创 2017-04-30 12:38:45 · 335 阅读 · 0 评论 -
JavaScript动画2-缓冲运动
缓冲运动上一篇文章中,我们说的动画效果中速度都是恒定的,一直保持不变。但现实生活中,物体运动的速度往往是变化的,比如火车进站的时候,速度原创 2017-06-05 10:22:04 · 359 阅读 · 0 评论 -
jQuery中宽、高、位置和滚动条总结
js中各种宽高令人头疼,相反,jQuery中则精简了不少。宽、高jQuery中获取宽高,最经典的就是width()和height()。因为CSS盒子模型的缘故,元素的宽高分为很多。以下以获取元素的宽为例原创 2017-06-05 11:45:30 · 1346 阅读 · 0 评论