- 博客(27)
- 收藏
- 关注
RSS订阅原创 块级元素垂直居中
文档流中div{ margin:0 auto;}绝对定位或固定定位后div{ position: absolute; width: 400px; left: 50%; margin-left: -200px; /*此处的负值是宽度的一半*/}js方法如下$('#box').css('left' , ($(window).width() -$('#b
2016-06-24 13:25:12
415
转载 IE兼容
在项目中遇到的IE兼容问题，度娘后庆幸早已有许多大神做了总结，我在这里收集了一些链接，方便随时查看IE6,IE7上设置body{overflow:hidden;}失效BugCSS: IE中的BUG之margin-bottom失效CSS 多浏览器兼容性问题及解决方案IE7 z-indexIE7 float:right 出错
2016-06-24 13:11:55
312
原创 img 'vertical-align:middle;'
img{ vertical-align:middle;}意为设置图片与其它同级行内元素middle对齐例子如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{
2016-06-06 00:59:02
1225
原创 'border:none' or 'border:0'
去除img的边框border:none;border:0;有什么区别？具体问题和答案见下，我总结一下答案 http://stackoverflow.com/questions/2922909/should-i-use-border-none-or-border-0img{ border:0; //等同于 border-width:0; border:none; //等用于
2016-06-05 21:55:36
379
原创 Array类型（重排序方法）
一.直接反转reverse() 方法： 无参数，直接作用于原数组var values = [1,2,3,4,5];values.reverse();alert(values); //5,4,3,2,1二.排序sort() 方法： 直接作用于原数组无参数时—–调用 toString() 方法转换数组项值为string,比较首字符的ASCII码参数
2016-04-22 22:52:42
533
原创 Array类型（迭代与归并方法）
Array类型传送门： 声明与属性 添加与删除 数组项操作和位置查找 重排序 迭代与归并一. 迭代1.用于判断（返回Boolean类型）every(函数) 方法: 参数为判断函数，直接对原数组操作，顾名思义，操作每一项都为true，结果才为 truesome(函数) 方法: 同上，不同的是只要某一项返回true，结果就返回truefilter(函数) 方法：根据条件返回数组v
2016-04-22 22:51:13
416
原创 简单的CSS图片动画（鼠标悬浮效果）
效果如下： 素材：一张宽 400px , 高 250px 的图片，一个宽 200px , 高 125px块级容器 原理：设置块级容器的background-image + animation设置帧动画 + 鼠标hover实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu
2016-04-22 21:17:14
6462
原创 Array类型（数组项操作和位置查找）
一. 复制数组1. concat()方法会创建新的副本操作并返回。无参数时复制数组并返回副本var colors = ["red","green","blue"];var colors1 = colors.concat();alert(colors1); //red,green,blue有参数时将参数依次添加到数组末尾，参数可以是值或数组var color
2016-04-20 23:31:44
1749
原创 JS中Number类型的NaN值
NaN,即非数值(Not a Number),有点奇怪的是：alert(NaN == NaN); //falsealert(NaN != NaN); //true为什么呢？首先，NaN的主要职能是作为返回值，当一个本来要返回数值的操作数未返回数值时（如0除以0），在其他编程语言中，程序会报错，而在JS中，系统会返回NaN其次，问题原因就是ES规定的NaN的两个特点（规范设定）
2016-04-20 13:37:01
6156
原创 Array类型(数组项的添加和删除)
转换方法（转换为字符串显示）查看数组里面的值，可以调用toString()或valueOf()方法转换为字符串显示，默认为每个字符串之间以逗号分隔，也可以直接输出对象数组名进行查看栈方法栈是LIFO(Last-In-First-Out 后进先出)的数据结构,最新添加的项最早被移除push()方法从栈顶推入数据，pop()方法从栈顶移除数据 push():可接收任意
2016-04-12 20:24:05
3701
原创 Array类型（声明与属性）
Array()类型：在ECMAScript中数组Array()的每一项可以保存任何类型的数据。例如，可以用数组的第一个位置表示字符串，用第二位置来保存数值，用第三位置来保存对象等ECMAScript中数组大小自动调整，即可以随着数据的添加自动增长创建：1. 使用Array()构造函数var colors1 = new Array(); //空数
2016-04-07 23:04:29
2021
原创 JS引用类型Object
创建：1.使用new操作符后跟Object构造函数2.使用对象字面量标识法（注意：逗号隔开，最后一个为空）访问：通常用点表示法
2016-04-06 23:24:38
276
原创 JS执行环境与作用域
JS中没有块级作用域，只有函数执行环境和全局执行环境window没进入一个新环境就会创建一个用于搜索变量和函数的作用域链局部环境可以访问其包含（父）环境，全局环境或父环境不能访问局部环境执行环境（execution context）：定义了变量或函数有权访问的数据每个执行环境都有一个与之关联的变量对象(variable object)，环境中定义的变量和函数都保存在这个
2016-04-06 23:21:30
326
原创 JS数据类型(二)typeof操作符
typeof操作符：ECMAScript的变量是松散类型的，而typeof操作符可以检测变量的数据类型typeof是一个操作符，不是函数typeof操作符返回值为字符串，比如当值未定义时，返回"undefined"当值为布尔时，返回"boolean"当值是字符串时，返回"string"当值是数值时，返回"number"当值是对象或null时，返回"object"当值
2016-04-04 16:40:28
396
原创 JS数据类型（一）
ECMAScript中有5种简单数据类型（即基本数据类型）：Undefined、Null、Boolean、Number、String和1种复杂数据类型--ObjectUndefined类型：只有一个值，即Undefined在使用var声明变量后但未对其进行初始化时，这个变量的值就是Undefined对于未声明的变量只能执行一项操作，即使用typeof操作符检测其数据类型，返回值
2016-04-04 15:50:57
455
原创 JS没有重载(读书笔记)
ES为什么没有重载：首先Function类型：通俗概念可以理解为“函数是对象，函数名是指针”。函数是对象:ES中的数据分为5种基本类型和引用类型，引用类型即是由值构成的对象，保存在堆内存中。既然函数是对象，那么作为对象的函数就和其它引用类型一样具有属性和方法。函数名是指针：指针指向函数对象，不会与某个函数绑定，换句话说，函数可能有多个名字，这些不
2016-04-01 22:49:15
529
原创 常见问题之加法操作符（读书笔记）
加法操作符执行时会在后台转换不同的数据类型。1.如果两个操作符都是数值，则执行常规的加法计算，然后根据规则返回结果。(具体规则见P48)2.如果有一个操作数是字符串，那么规则如下如果两个操作数都是字符串，则将第二个操作数与第一个操作数拼接起来。如果只有一个操作数是字符串，则将另一个操作数转换为字符串，然后再将两个字符串拼接起来。忽略加法操作中的数据类型是编程中最常见的一
2016-03-31 15:39:57
308
原创 前置（后置）递增（递减）（读书笔记）
一元操作符：只操作一个值得操作符，包括递增递减操作符和一元加减操作符。递增和递减操作符又分为前置性和后置性，通俗来说前置性：操作在 包含它们的语句被解析 前执行后置性：操作在 包含它们的语句被解析 后执行注意执行后的结果是一致的两者在单独操作时如就是递增或递减结果没什么区别，因为递增（递减）是这条语句的唯一操作，如下var age1 = 29;age1++;
2016-03-31 13:33:21
670
原创 二级菜单总结
原理：在一个列表的列表项中嵌入另一个（第二级）列表代码 Document *{ margin: 0; padding: 0; } ul li{float: left;list-style: none;}.secNav li{float: none;}ul.secNav{display: none;}.secNav a{b
2016-03-31 12:33:33
538
原创 常见错误之浮点数问题（读书笔记）
浮点数值的最高精度是17位小数，但在计算时其精度却不如整数。例如，浮点类型0.1加上0.2结果是0.30000000000000004。因此绝对不能进行浮点数的运算判断。if(a+b == 0.3){ alert("you got 0.3"); } else{ alert("error answer!") }结果是显示"error answer!"
2016-03-28 11:14:26
1261
原创 关于导航栏
1.用ul和li的结构，在li中嵌套a标签 首页 新闻 动态 帮助 2.竖向：设置display的值为block 横向：inline-block(横向)，这样做是为了使行内元素a变为块级元素从而设置其的高度和宽度,宽度也决定了每个导航链 接的间距3.设置ul中的li向左浮动，如果有父级包含块的问题，记住在父级包含块中设置overflo
2016-03-27 22:43:01
361
原创 按钮式链接
1..a{ display:block; }将链接从行内元素转换为块级元素，从而可以设置宽高度和背景2.大多数浏览器的默认字号是16像素，所以6.6em=16*6.6=105.6px同时1.4em=22.4px3..a{ /* ...*/ height: 1.4em; line-height: 1.4em; }将height
2016-03-25 00:06:46
806
原创 总体布局积累（3列）
关键：1.根包含块：固定宽度width,并设置左右外边距为auto2.3列块级元素：全部向左浮动，流式布局用%设置宽度，并根据情况设置外边距效果：大于根包含块固定宽度自动居中，小于根包含块布局不会缩放 Document .left,.middle,.right{ float: left; width: 30%; height:500px; mar
2016-03-22 22:46:15
337
原创 基本图片与文字布局（浮动，包含块）
正常流中：1.块级元素（ ...）：换行，独自占一行显示，就算有足够的空间并排，也会在下一行显示，可以设置width宽度2.行内元素（ ...）：若有足够的空间并排，就会并排显示3.定位为relative仍在流中脱离正常流：1.设置宽度width并浮动2.定位为absolute 或 fixed浮动父级元素：错误原因：规定若父级包含块的元素都是浮动元素，
2016-03-22 09:59:21
4478
1
原创 text悬停改变背景颜色（选择器）
利用无序列表的结构创建了五个text文本框和一个按钮，鼠标悬停text文本框的背景颜色会改变，选择器使用了伪类选择器:hover和属性选择器。 formTextHover input[type="text"]:hover{ background:#D4E6ED; }
2016-03-20 21:40:57
769
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人