
Web前端
文章平均质量分 56
iteye_15311
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ie下的bug
1、ie6下,如果margin是负值的话,需要设置position:relative2、ie下要设置display:inline-block,需要这样写,*display:inline;zoom:1原创 2011-05-24 14:31:44 · 113 阅读 · 0 评论 -
圣杯布局的实践
原文地址:http://www.alistapart.com/articles/holygrail实践了一下;[code="HTML"] [/code]CSS:[code="HTML"] body{min-width:550px;margin:0px;padding:0px} #container{ ...原创 2011-05-06 15:24:14 · 108 阅读 · 0 评论 -
使用HTML5的语义标签
看了文章Using HTML5 semantic elements today,做了一点翻译原文地址:[url]http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nczon...2011-04-29 11:06:29 · 160 阅读 · 0 评论 -
前端知识天天学(4)
position:absolute的时候它相对于整个window,需要设置它的父级元素position:relative.这样设置left的值的时候,是相对于父级元素而言。---------------------------------------------------------------display属性----------------------------------...原创 2011-04-19 23:08:30 · 179 阅读 · 0 评论 -
[转]ie6下CSS存在的BUG
A 双倍MARGIN設置float的位于行首的元素[如div, ul中的li等],使用margin后,横向margin值会加倍div {float:left;margin-left:10px;display:inline; /*解决方法*/width:420px;height:150px;border:1px solid red}浮动元素上的{displ...原创 2011-04-13 13:42:20 · 105 阅读 · 0 评论 -
加快网站速度的最佳做法_(4)避免使用css表达式
CSS表达式是一个强大的方法,可以使得CSS属性动态的改变。在IE5.0的版后得到支持,但是在IE8中被剔除了。作为一个例子,背景色可以用CSS表达式设置成每隔一个小时改变。[code="java"] /*code里面没有cs只有用java代替,见谅见谅*/ background-color:expression( (new Date()).getHours()%2 ? "...原创 2011-04-06 14:46:51 · 137 阅读 · 0 评论 -
web前端知识天天学(3)
(1)ECMAScript中的所有参数传递的都是值,不可能通过引用传递参数。(2)没有重载。只能通过检查传入函数中参数的类型和数量并作出不同的反应,可以模仿方法的重载。[code="js"]function doAdd(){ if(arguments.length == 1){ alert(arguments[0]+10); } else ...原创 2011-04-06 14:13:48 · 133 阅读 · 0 评论 -
YUI的全局对象
原文:[url]http://developer.yahoo.com/yui/3/yui/index.html#start[/url]使用YUI的全局对象(1)使用use方法 use方法可以使你加载需要的模块到YUI的实例中。你可以选择需要的模块而不必加载所有的模块。 例如: YUI().use('node','anim',function(Y){});...原创 2011-04-02 16:55:02 · 210 阅读 · 0 评论 -
前端知识天天学(2)
1、javascript由三个部分组成;(1)ECMAScript(2)DOM文档对象模型(3)BOM浏览器对象模型2、元素中 属性defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。 [color=red]这个属性有时候很有用的哈。[/color]3、元素有hash属性,当页面有垂直滚动条时,点击元素会回到页面的顶端。 hash:属性...原创 2011-04-02 11:34:43 · 104 阅读 · 0 评论 -
前端知识天天学(1)
(1)块元素的居中方式:margin:0 auto(2)IE8用IE7方式渲染:[code="html"][/code](3)a元素的几种方式 a,a:visited,a:hover,a:link,a:active':link':适用于未被用户访问过的链接。':visited':适用于已被用户访问过的链接。':hover':在可视化客户端上,适用于光标(鼠标指针)指向一个元...原创 2011-03-29 17:20:01 · 119 阅读 · 0 评论 -
【转】javascript判断浏览器是不是IE
一个项目中要判断浏览器是不是IE6,用jQuery的utility里面的方法$.browser.version判断居然总是显示是IE6,但我用的明明是IE7(我的操作系统是server2003,$.browser.version在window6.0的系统上总是返回6.0,算是bug吧),最后没有办法只好用下面蹩脚的方法判断了,把下面的代码加在页面里就可以判断是不是IE6,当然稍加修改也可以用来判断...原创 2011-03-29 14:14:09 · 99 阅读 · 0 评论 -
加快网站速度的最佳做法_(3)script脚本放在底部
脚本的问题是它会阻止并行的下载。HTTP/1.1规定,浏览器在同一个主站不能并行同时下载超过两个组件。如果你把图片放在多个站点上,就可以同时下载多个图片。但是,当在下载脚本的时候,浏览器不能同时进行其他的下载,就算是利用不同的站点。 在某些情况下很难把脚本移到底部。例如,如果脚本中有document.write在页面中插入内容,这时脚本就不能移动到页面的底部。当然...原创 2011-03-24 15:30:12 · 152 阅读 · 0 评论 -
加速网站速度的最佳做法_(2)把样式表放在顶部
在雅虎性能的研究中,我们发现把样式表放在HEAD中使得页面看起来加载比较快。因为把样式表放在HEAD使得页面能够逐步呈现。 前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示内容。这对拥有很多内容的页面来说是很重要的,对那些网络比较慢的用户来说也是重要的。给用户提供可视化的回馈是很重要的,比说进度指标,这些都得到了很好的研究也有相应的文档[url]htt...原创 2011-03-23 10:23:34 · 133 阅读 · 0 评论 -
加快网站速度的最佳做法_(1)最小化http请求
原文地址:[url]http://developer.yahoo.com/performance/rules.html[/url]自己做了点翻译:最小化HTTP请求80%的用户响应时间是花在前端。大多数时间用来下载需要的组件,例如,图片,样式,脚本,FLASH等。为了达到渲染页面的目的,减少下载组件的数量,从而减少HTTP请求的时间。这就是加快页面的关键。一种减少下载组件的方法就是...原创 2011-03-22 17:58:23 · 245 阅读 · 0 评论 -
关于highslide的一点学习
一个开源的JS,关于图片,视屏等的显示,很cool。[url]主页:http://highslide.com/[/url][url]参考:http://highslide.com/ref/[/url]可视化编辑器:[url]http://highslide.com/editor/[/url]可以用一下这个编辑器,体验一下。很不错。研究了一下它的代码:只是有关gallery的。...2011-03-16 22:07:45 · 149 阅读 · 0 评论 -
利用YQL制作自己的小工具
YQL服务可以实现对网上不同数据源的query,filter,combine(查询,过滤,合并)。YQL说明类似SQL。下面的例子就是用YQL说明实现从Flickr上得到一系列text为cat的图片。SELECT * FROM flickr.photos.search WHERE text = "cat"为了使用YQL服务,需要使用HTTP GET,把YQL说明作为URL的...原创 2011-03-16 21:56:44 · 431 阅读 · 0 评论 -
[笔记二]Essential JavaScript Design Patterns For Beginners
[size=large]二、 构造模式[/size]利用prototype 来构造自己的函数。[code="js"]function Car(model,year,miles){ this.model = model; this.year = year; this.miles = miles;}Car.prototype.toString = function(){...2011-07-14 16:02:24 · 146 阅读 · 0 评论 -
[笔记一]Essential JavaScript Design Patterns For Beginners
最近在看Essential JavaScript Design Patterns For Beginners原文地址:http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/自己做了点笔记;摘录如下1、一个设计模式必要的部分:(1)名称和描述Pattern Name and description...2011-07-13 17:27:16 · 217 阅读 · 0 评论 -
js事件
事件:DOM事件:firefox, opera, safari 和 chrome专有事件:ieDOM事件流:document -> html -> body (捕获阶段)-> div(目标,事件发生) ->body -> html ->document(冒泡阶段)包括HTML事件处理程序,DOM0级事件处理程序,DOM2级事件处理程序DOM2级事件处理程序,两个方法ad...原创 2011-05-17 10:54:59 · 102 阅读 · 0 评论