2015年05月_zhiqiang21

原创【从0到1学Web前端】CSS定位问题三(相对定位,绝对定位)

到这里可以验证当使用`top` `right` `bottom` `left` ***（这四个属性可以设置具体的像素数也可以设置百分比）***这样属性改变元素的位置的时候，不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位

2015-05-29 23:01:19 8079 1

转载 Javascript图片预加载详解

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载实现预加载图片有很多方法，包括使用CSS、

2015-05-29 11:01:42 41914

原创【从0到1学Web前端】CSS定位问题二（float和display的使用）

display 属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。浏览器支持所有主流浏览器都支持 display 属性。注释：任何版本的

2015-05-28 22:03:07 2876 1

原创【从0到1学Web前端】CSS定位问题一(盒模型,浮动,BFC)

引子：在谈到css定位问题的时候先来看一个小问题: 已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.效果如下图: 这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.第一种实现方法,是借助css3的新属性calc,实现代码如下:body { margin: 0; padding: 0;

2015-05-27 22:24:57 3876 1

转载 JavaScript概念之screen/client/offset/scroll/inner/avail的width/left

原文地址：http://caibaojian.com/js-name.htmlJS中获取各种宽度和距离，常常让我们混淆，各种浏览器的不兼容让我们很头疼，现在就在说说js中有哪些宽度和距离。1、名词解释screen：屏幕。这一类取到的是关于屏幕的宽度和距离，与浏览器无关，应该是获取window对象的属性。client：使用区、客户区。指的是客户区，当然是指浏览器区域。offset：偏移。指的是目标甲

2015-05-27 16:42:29 2014

原创【从0到1学Web前端】jQuery中each()和$.each()的使用

引子：最近遇到一个问题，就是在each()函数中怎么模拟for循环中的break和continue的操作。所以就查看了jQuery关于这个函数的文档，并且总结一下。演示代码如下：<div> <ul> <li>你是第1个</li> <li>你是第2个</li> <li>你是第3个</li>

2015-05-25 19:43:14 3262

原创【javascript数据结构】----数组

javascript中对数组的定义数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可以是整数。这些数字索引在内部被转换成字符串类型。这是因为javascript对象中的属性名必须是字符串。数组在javascript中只是一种特殊的对象，效率上没有其它语言数组的效率高。1.1创建数组的方式//初始化数组以下的两种声明方式相同console.log('-----数组的声明方式--

2015-05-24 10:31:11 3214

原创最近生活感悟，我的选择与被选择

选择与被选择今天同学的妹妹不远万里从老家跑过来问我要不要培训，然后进入IT行业。谈了很长时间，最后我给出的建议是“做自己的选择，坚持自己喜欢的事情就是对的。” 回家的路上不禁想起去年自己在临近毕业时所面临选择的问题。当然可能对于我来说我更加的幸运一些，因为我面临着是去哪家公司从事什么工作的问题。记得大三的时候我就有种强烈的愿望，要早点毕业，早点进入社会，到“外面”去感受世界的精彩。从郑州到武汉

2015-05-22 08:35:27 4091 3

原创垂直三列中间元素自动宽度布局

1.最常见的垂直三列布局html代码：<body><div id=""> <div> <div class="left_div"> left </div> <div class="mid_div"> 现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤，就是每次清除浮动的时候都需要增加一个空

2015-05-19 10:41:42 2430

原创 css定位“十字架“之水平垂直居中

1.先看要实现的效果实际的效果图可以看到我的实现过程是先使用一个父级的div来定位水平垂直居中，然后再父级的div中定位出两个十字架的div。看实现代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>

2015-05-18 22:00:30 6531 1

原创兼容IE9以下和非IE浏览器的原生js事件绑定函数

事件绑定函数的demo如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="UTF-8"/> <title>测试事件绑定函数</title> <s

2015-05-12 23:41:14 9799 3

转载 addEventListener和attachEvent的区别

addEventListener共有3个参数，如下所示：element.addEventListener(type,listener,useCapture);参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听函数

2015-05-12 19:03:31 12120

原创 python中使用eval() 和 ast.literal_eval()的区别

eval函数在python中做数据类型的转换还是很有用的。它的作用就是把数据还原成它本身或者是能够转化成的数据类型。那么eval和ast.literal_val()的区别是什么呢？eval在做计算前并不知道需要转化的内容是不是合法的（安全的）python数据类型。只是在调用函数的时候去计算。如果被计算的内容不是合法的python类型就会抛出异常。ast.literal则会判断需要计算的内容计算后是

2015-05-11 15:21:42 27416

转载初学者必知的Python中优雅的用法

本文由伯乐在线 - 淘小米翻译，Daetalus 校稿。未经许可，禁止转载！英文出处：freepythontips.wordpress.com。欢迎加入翻译小组。Hi 朋友们。由于我最近都比较忙，所以已经很长一段时间没有写博客了。在这篇文章中我将和大家分享一些真正有用的技巧和窍门，这些技巧和窍门你们之前可能并不知道。所以不浪费时间了，让我们直接来看看这些内容吧：枚举之前我们这样操作：1234i

2015-05-11 15:02:26 5611

原创 javascript中函数声明和函数表达式的区别

1.js中函数表达式的定义表达式（expression）JavaScript中的一个短语，javascript会将其计算（evaluate）出一个结果。程序中的常量是一个最简单的表达式。变量名也是一种简单的表达式，它的值就是赋值给变量的值。复杂表达式是由简单表达式组成。 ——摘自《javascript权威指南》一个经典的函数表达式的定义方法：//函数表达式的

2015-05-07 21:41:19 8573 1

原创 javascript中的浅拷贝和深拷贝

1.js对象浅拷贝简单的赋值就是浅拷贝。因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。看下面的实例代码：var a = [1,2,3];var b =a ;var test = {name:'xiaohong', age:15};var c = test;console.log(a);console.log(b);console.log(test);console.

2015-05-07 15:29:33 14121 3

原创 javascript闭包获取table中tr的索引

javascript闭包获取table中tr的索引<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"xml:lang="en">

2015-05-04 15:10:31 4696

原创 javascript闭包使用

之前看到一段代码，很是不能理解，然后就查找资料并且找网络上得大牛请教，最后弄懂了这段代码，然后就拿出来总结一下。1.挖坑先来看一段代码：var arrTest = [];for (var i = 0; i < 3; i++) { //注意函数没有传参数进入函数体 arrTest.push(function () { console.log('>>>' + i);

2015-05-01 11:34:07 1578 3

强子的专栏