
前端技术
laomu1988
这个作者很懒,什么都没留下…
展开
-
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 · 4183 阅读 · 0 评论 -
多个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 · 2584 阅读 · 0 评论 -
JavaScript模拟C输入
方法1:执行前先把数据输入上去,执行时自动提取数据。http://ideone.com/,采用此种方法方法2:执行到输入函数时,停止执行后面代码,当输入后,继续执行。此种方法,难点在于中断程序的执行,过一段时间后,再次跳入程序中间继续执行。要保存继续执行前的状态在不考虑界面要求情况下,可以调用系统函数:prompt(“请输入:”)此时,会弹出一个输入对话框,输入后才原创 2014-01-09 09:54:53 · 782 阅读 · 0 评论 -
高效CSS选择符 - 这也许会颠覆你书写CSS的习惯
转载自:http://www.iamhoubiao.com/detail.php?i=19关于前端性能一说,绝大多数的人都知道JS优化,DOM优化,但是你有没有考虑过CSS选择符优化?殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰,借助前人铺垫好的道路我们来补习一下。首先,对于CSS的性能有一些最佳的实践,1.把样式表放在HEAD标签中以提升页面的逐步转载 2014-01-10 11:22:31 · 674 阅读 · 0 评论 -
IE6重复字符BUG
IE6重复字符BUGIE6重复字符BUG好久没遇到如此有趣的BUG了,有多有趣呢?看下面的图~在IE6里多出了几个字符?是的,很诡异吧~但是绝对是同样的源代码哦~!你可以下载下面的HTML文档,在IE6中查看一下效果。 后面的注释是4种解决方法,可以一一删掉注释查看。下载测试出现这个BUG的“机遇“其实并不大,要满足以下一个或者多个条件:1.父元素的内部有多转载 2014-01-10 12:27:54 · 767 阅读 · 0 评论 -
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 · 521 阅读 · 0 评论 -
打开页面有源文件但页面空白问题的解决方法
打开页面有源文件但页面空白问题的解决方法问题: 我页面编码开始是gb2312的,后来换成了utf-8,结果用IETester测试,打开ie6,7,8页面是一片空白,但查看源文件又是完整的。在ie6和firefox下都正常,但是在ie7下偶尔会出现这样的情况。 在网上找了找,发现问题原因及解决方法如下: 解决: 页面 交换一下顺序 木油的春天 原因:转载 2014-01-10 11:28:07 · 1064 阅读 · 0 评论 -
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 · 670 阅读 · 0 评论 -
主流浏览器CSS兼容性解决方案汇总
转载自:http://www.pc6.com/infoview/Article_48702.html首先介绍一个通用且方便的解决的方案,由于目前IE6.0还是最主流的浏览器(早已过时),我们可以用一段JS调用解决IE6-IE8的兼容性问题,这是调用的一个在GoogleCode上的项目,速度快又不占用您的带宽。如果是IE7以下是代码片段: 如果是IE8转载 2014-01-09 14:26:54 · 745 阅读 · 0 评论 -
Javascript 多浏览器兼容性问题及解决方案
转载自:http://ligaosong.iteye.com/blog/1839889不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.i转载 2014-01-09 14:17:31 · 522 阅读 · 0 评论 -
解决“引入JS文件IE6报错”的问题
转载自:http://blog.163.com/cdf_2008/blog/static/760647782009923514500/解决“引入JS文件IE6报错”的问题问题描述:页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报“语法错误”或“缺少对象”。在IE6+或者IE7却运行正常。问题分析:这个对象在引入的JS文件中是存在的,转载 2014-01-09 11:49:07 · 1183 阅读 · 0 评论 -
向前端迈进
第一阶段入门,打基础同时能参与到项目中去。HMTL & XHTMLCSS基础知识JavaScript基础知识DOMJSONAJAXJavaScript Frameworks编辑器第二阶段掌握前端核心技术,可以独立干活。HTML5标签,TML标签语义化CSS Sprite浏览器兼容性IE HasLayout和Block Format ContentCSS3精通原创 2014-02-18 19:02:03 · 594 阅读 · 0 评论