自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 向前端迈进

第一阶段入门,打基础同时能参与到项目中去。HMTL & XHTMLCSS基础知识JavaScript基础知识DOMJSONAJAXJavaScript Frameworks编辑器第二阶段掌握前端核心技术,可以独立干活。HTML5标签,TML标签语义化CSS Sprite浏览器兼容性IE HasLayout和Block Format ContentCSS3精通

2014-02-18 19:02:03 562

原创 每日任务

2014.02.18chrome浏览器console命令汇总:http://blog.csdn.net/laomu1988/article/details/19396427前端工具汇总个人主页框架 laomu1988.sinnapp.com尝试使用php提交建立数据库

2014-02-18 09:50:28 724

原创 chrome浏览器console命令集合

原网页:https://developers.google.com/chrome-developer-tools/docs/consoleconsole.assert(expression, object) 根据条件判断,决定是否输出错误消息console.clear()   清理窗口console.count(label) 计数器console.debug(objec

2014-02-18 09:47:15 4102

原创 前端开发测试工具汇总

1.js框架2.css技术3.浏览器测试工具

2014-02-18 08:54:09 688

原创 多个div在同一行显示

多个div在同一行显示 1.使用float属性,2使用display inline-block,3.修复inline-block在IE6下的bug使用float属性,IE6+,需要清理浮动部分div1div2div3清理浮动部分后面文字内容2.使用display inline-block IE8+div1div2div3后

2014-02-17 11:01:01 2539

原创 常用CSS效果

文字围绕图片: 图片float:left,或float:right文字和图片同一行时,让文字局中或顶部显示:设置图片vertical-align:middle/top

2014-02-11 10:01:22 615

转载 IE6重复字符BUG

IE6重复字符BUGIE6重复字符BUG好久没遇到如此有趣的BUG了,有多有趣呢?看下面的图~在IE6里多出了几个字符?是的,很诡异吧~但是绝对是同样的源代码哦~!你可以下载下面的HTML文档,在IE6中查看一下效果。 后面的注释是4种解决方法,可以一一删掉注释查看。下载测试出现这个BUG的“机遇“其实并不大,要满足以下一个或者多个条件:1.父元素的内部有多

2014-01-10 12:27:54 733

原创 CSS first-chjld属性实践

该属性的作用:first-child伪类用于匹配一个序列的第一个元素。我们经常用它来实现一个序列的第一个元素或最后一个元素的上(下)边框,如:ul:nth-last-of-type(3) { border: 1px solid black; } 但是我要选择的是页面的第一个div,其他的div忽略,那该怎么办呢?body>div:first-child{

2014-01-10 12:20:50 619

转载 30个最常用css选择器解析

转载自:http://mozilla.com.cn/post/21668/你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. ** { margin: 0; padding:

2014-01-10 11:33:11 497

转载 打开页面有源文件但页面空白问题的解决方法

打开页面有源文件但页面空白问题的解决方法问题: 我页面编码开始是gb2312的,后来换成了utf-8,结果用IETester测试,打开ie6,7,8页面是一片空白,但查看源文件又是完整的。在ie6和firefox下都正常,但是在ie7下偶尔会出现这样的情况。 在网上找了找,发现问题原因及解决方法如下: 解决: 页面  交换一下顺序  木油的春天 原因: 

2014-01-10 11:28:07 994

转载 高效CSS选择符 - 这也许会颠覆你书写CSS的习惯

转载自:http://www.iamhoubiao.com/detail.php?i=19关于前端性能一说,绝大多数的人都知道JS优化,DOM优化,但是你有没有考虑过CSS选择符优化?殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰,借助前人铺垫好的道路我们来补习一下。首先,对于CSS的性能有一些最佳的实践,1.把样式表放在HEAD标签中以提升页面的逐步

2014-01-10 11:22:31 643

原创 CSS后代选择器和子元素选择器

后代元素:该节点所有的内部节点,CSS例如 h1 strong{color:#0F0;}子元素:该节点的第一层内部节点,CSS例如 h1 > strong {color:red;}  (IE6不支持!)两种选择器具有相同的优先级,即哪一个放在后面的就其作用h1 strong{color:#0F0;}h1 > strong {color:red;}This is ve

2014-01-10 10:34:40 721

原创 Javascript疑问及实践

1.取数组最后一个元素a = [1,2,3];假如要删除最后一个元素,使用a.pop(),length为0时,输出undefined假如不删除最后一个元素,使用a[a.length-1].这样,当length为0时,会不会有bug呢?不要紧,实验下。打开google console 输入var a = [];a[a.length -1 ];结果为undefined。没有提示

2014-01-10 09:26:02 524

转载 主流浏览器CSS兼容性解决方案汇总

转载自:http://www.pc6.com/infoview/Article_48702.html首先介绍一个通用且方便的解决的方案,由于目前IE6.0还是最主流的浏览器(早已过时),我们可以用一段JS调用解决IE6-IE8的兼容性问题,这是调用的一个在GoogleCode上的项目,速度快又不占用您的带宽。如果是IE7以下是代码片段:  如果是IE8

2014-01-09 14:26:54 700

转载 Javascript 多浏览器兼容性问题及解决方案

转载自:http://ligaosong.iteye.com/blog/1839889不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题  问题说明:IE下,可以使用 document.formName.i

2014-01-09 14:17:31 496

转载 解决“引入JS文件IE6报错”的问题

转载自:http://blog.163.com/cdf_2008/blog/static/760647782009923514500/解决“引入JS文件IE6报错”的问题问题描述:页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报“语法错误”或“缺少对象”。在IE6+或者IE7却运行正常。问题分析:这个对象在引入的JS文件中是存在的,

2014-01-09 11:49:07 1139

原创 JavaScript模拟C输入

方法1:执行前先把数据输入上去,执行时自动提取数据。http://ideone.com/,采用此种方法方法2:执行到输入函数时,停止执行后面代码,当输入后,继续执行。此种方法,难点在于中断程序的执行,过一段时间后,再次跳入程序中间继续执行。要保存继续执行前的状态在不考虑界面要求情况下,可以调用系统函数:prompt(“请输入:”)此时,会弹出一个输入对话框,输入后才

2014-01-09 09:54:53 746

原创 JavaScript的浮点数计算问题

在JavaScript中执行 0.1 + 0.2 == 0.3,结果为false,为什么呢?之前总认为浮点数运算是因为位数不够,所以不能精确,但0.1和0.2明显位数不多呀?浮点数 123.11 用浮点表示就是 1.2311*10^2,即1.2311向坐移动两位那么0.1 不就可以表示成1*10^(-1)么,基数是1,偏移量是-1,只要用二进制的浮点数的基数和偏移量分别表示出来

2014-01-08 17:48:12 843

原创 使用函数创建JavaScript的类和对象

JavaScript的函数可以作为对象来使用。/**使用函数创建类*/function Class1() {}Class1.prototype.a = 100;/**使用对象*/var Class2 = { a: 100};function T1() { var c = new Class1();}function T2() { var c = {}

2014-01-08 15:22:25 514

原创 javascript的switch和if..else..速度有多大差异

javascript的switch和if..else..速度有多大差异Date1.getTime()-Date2.getTime();得出来的是毫秒数.var a = 10,i = 0;var t1 = new Date();while (i++<1000000) { switch (a) { case 1: break; case 2:

2014-01-07 18:27:33 1980

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除