aizhe1517-优快云博客

转载 sass中@keyframes后变量无效的问题

定义动画用@keyframes，为了保证兼容性，一般在sass中会写成@mixin keyframes($a) { @-webkit-keyframes $a { @content; } @-moz-keyframes $a { @content; } @keyframes $a { @content; }}...

2016-02-13 21:06:00 1515

转载汉堡按钮的实现

汉堡按钮的实现思想是：button内包含一个span，设置span为绝对定位，并设置背景颜色，使之成为汉堡按钮的夹心，同理，再用span:before、span:after，创造一上一下两片面包，具体实现如下：<body><button class="hamburger"> <span>menu</span&g...

2016-01-27 11:36:00 345

转载 JavaScript事件理解

1、事件流当单击页面上的一个按钮时，实际上也相当于单击了按钮的button的父容器，也单击了body，甚至也单击了整个页面。事件流描述了从页面接受事件的顺序。事件流有两种：事件冒泡、事件捕获例：<html><head></head><body> <div> &lt...

2016-01-20 15:59:00 124

转载 JS原型链与几种继承方法的对比

继承的方式有两种：接口继承、实现继承接口继承：即虚函数，父类只定义接口，不具体实现子类继承接口，自己负责实现这个方法，运行时动态决定调用哪个实现。实现继承：父类实现的方法，子类可以直接调用JS中只支持实现继承，以原型链来实现。回顾一下构造函数、原型、实例的关系：每个构造函数都有一个原型对象，原型对象又都包含一个constructor指针指向构造函数，实例包含一个_proto_内部...

2016-01-16 17:31:00 128

转载赋值语句中||与&&的理解与妙用

一、声明变量aa = 1 || 100;a = 0 || 100;1、上述代码在JavaScript（弱类型的解释型语言）中，结果如下：a = 1 || 100;　　//1a = 0 || 100;　　//1002、上述代码在C、Java等(强类型编译型语言)中，结果如下：a = 1 || 100;　　//1a = 0 || 100;　　//0以 a = b || c为例：在...

2016-01-15 12:18:00 235

转载 JS对象的理解

《JavaScript高级程序设计》是一本好书，下面总结一下书中关于原型链的讲解。本文从对象的创建开始，逐渐引出原型链的背景、作用以及ECMA对原型链的定义1、理解对象两种常用的创建对象的方法之一是new一个Object对象，并为它添加属性和事件var person = new Object(); person.name = "wzk"; person.a...

2016-01-14 23:25:00 129

转载父容器为inline-block的导航栏

常见的水平导航栏实现方法有：1、li {display:inline}缺点：内联元素，无法设置长与宽2、li {float:left}缺点：需要清除浮动3、li {display:inline-block}缺点：每个inline-block之间有4px的空白本文介绍的方法是：将父元素设置为inline-block，子元素浮动<ul>...

2016-01-11 22:16:00 139

转载 inline-block垂直居中的方法

vetical-align的功能是设置行内元素垂直方向上的对齐方式。可能的值baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此...

2016-01-05 21:03:00 1873

转载利用负值的margin-bottom固定页脚

以下面为例：<body>　　<div class="main">主体内容<div>　　<div class="footer">footer</div></body>1、首先添加，html,body{　　height:100%;}使页面充满整个浏览器窗口2、为Lo...

2016-01-05 16:21:00 150

转载 CSS选择器的优先级

CSS样式表的优先级从高到低为：1、内联样式（html元素内）2、内部样式表（head标签内）3、外部样式表（link标签指向的样式表）4、浏览器/用户代理的缺省设置!important关键字标记的样式，将拥有最高优先级同一元素，被多个规则设定样式，则根据选择器的特殊性决定规则的优先级，更特殊的选择器的优先级高于一般选择器，如果两个选择器的特殊性相同，则后定义的生效。选择器的...

2016-01-05 11:02:00 133

aizhe1517的博客