代码改变世界

[置顶]常见的CSS问题与技巧汇总

2012-02-18 18:48 by iBlog, 380 阅读, 1 推荐, 收藏, 编辑
摘要:本帖为项目开发中遇到的CSS问题及解决方案的汇总目录,便于以后查阅。两个css样式解决方案:alice和css share常见问题一、元素(水平、垂直)居中垂直居中的几种实现方法css水平居中和垂直居中的几种解决方案CSS制作水平垂直居中对齐vertical-align表单元素垂直对齐 二、元素清除浮动清除浮动的全家三、外边距合并css外边距合并CSS 外边距(margin)重叠及防止方法 阅读全文

IO - 同步,异步,阻塞,非阻塞

2012-05-04 15:57 by iBlog, 871 阅读, 1 推荐, 收藏, 编辑
摘要:读了林昊的书,有如下关于IO模式的描述:很早之前就想弄清楚关于IO的一些概念跟原理,今日有时间不妨在网上搜罗了一番,有如下收获:1、这篇文章《IO - 同步,异步,阻塞,非阻塞 (亡羊补牢篇)》细致的讲解了同步,异步,阻塞,非阻塞(其实是Richard Stevens的文章),图文并茂+作者的错误认知经验,值得阅读;看这篇文章的评论,发现还是有很多争议的点存在的。首先我们来看几个socket相关的函数I/O模型1. Blocking I/O 模型这个模型是最普通和常见的, 以recvfrom为例. 这个函数在返回之前有两个过程 1). 等待数据到来. 2). 从内核空间copy数据到用户空间. 阅读全文

log4j可视化日志监控配置工具-log4jwebtracker

2012-05-03 17:32 by iBlog, 3249 阅读, 0 推荐, 收藏, 编辑
摘要:官方网站:http://www.log4jwebtracker.com 阅读全文

点是否在面内算法(Point-In-Polygon Algorithm)

2012-05-03 15:34 by iBlog, 2411 阅读, 1 推荐, 收藏, 编辑
摘要:本文源自:http://alienryderflex.com/polygon/© 1998,2006,2007 Darel Rex Finley. This complete article, unmodified, may be freely distributed for educational purposes.Visit thenew pagewhich adds spline curves to this technique! Also visit theshortest-path-through-polygon page!Figure 1Figure 1 demonstr 阅读全文

google map bug: dragend事件被触发时,click也被触发

2012-04-19 14:21 by iBlog, 1385 阅读, 0 推荐, 收藏, 编辑
摘要:在IE浏览器下,google地图上触发dragend事件时click也会被触发,在FIREFOX,CHROME上均不会出现这样的情况。gmaps-api-issues上有人报BUGIssue4072:Bug: Dragend Event also trigger Click Event in IE在stackoverflow上有一个解决方法:http://stackoverflow.com/questions/10099961/google-map-bug-dragend-event-also-trigger-click-event-in-ie我呢,外打正着,在dragend事件处理函数中,加 阅读全文

谷歌地图图标大全

2012-04-05 12:19 by iBlog, 9735 阅读, 0 推荐, 收藏, 编辑
摘要:http://blog.sina.com.cn/s/blog_55b765670100i4i0.htmlhttp://blog.sina.com.cn/s/blog_55b765670100i4i3.htmlhttp://blog.sina.com.cn/s/blog_55b765670100i4i6.htmlhttp://blog.sina.com.cn/s/blog_55b765670100i4i7.html 阅读全文

动态重置google地图尺寸(Resize a Google Map Dynamically)

2012-04-04 19:53 by iBlog, 746 阅读, 0 推荐, 收藏, 编辑
摘要:FROMhttp://techxplorer.com/2011/10/04/resize-a-google-map-dynamically/Last year Igrappled with the issueof how to resize a google map dynamically. With my work on theMARQues projectI’ve needed to work through the same issue again, although this time a little differently.My user interface design for 阅读全文

优化浏览器渲染[修正版]

2012-03-16 17:56 by iBlog, 677 阅读, 1 推荐, 收藏, 编辑
摘要:对大布和裁纸刀下(补充)的版本合并后进行了修正 原文:Optimize browser rendering资源被下载到客户端后,浏览器仍需加载,解释,并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简单地编排你的代码和页面,就可以提升客户端的性能。使用高效率的CSS选择器避免CSS expressions将样式表放在页面顶部指定图像尺寸尽早指定文档的字符编码使用高效率的CSS选择器 概述避免低效的匹配大量元素的关键选择器 可以加快页面渲染。【译者注:参看高效渲染CSS学习写高效的CSS选择器】详细信息当浏览器解析HTML时首先构造一个内部文档树(document tr 阅读全文

高效渲染CSS

2012-03-14 15:43 by iBlog, 3361 阅读, 3 推荐, 收藏, 编辑
摘要:译自:http://css-tricks.com/efficiently-rendering-css/无可否认我并不经常考虑这个问题… 我们书写的CSS的效率如何,浏览器渲染它的速度如何?浏览器的开发者肯定关心这个问题(页面加载越快,人们用着越开心)。Mozilla有篇文章 about best practices。Google同样致力于让web更快,他们也有篇文章article about it。先来了解一下他们提出的主要想法,然后讨论其实用性。#从右至左#弄明白浏览器是怎样解读CSS选择器的重要一件事情是:浏览器按“从右向左”读取。意味着在选择器 ul > li a[title=&q 阅读全文

CSS选择器漫谈

2012-03-12 15:44 by iBlog, 489 阅读, 0 推荐, 收藏, 编辑
摘要:本文主要漫谈从CSS1.0到CSS3.0的选择器相关内容,在漫谈之前,还是需要简要了解一下CSS的发展历程。#CSS发展史#1994年哈坤·利提出了CSS的最初建议1996年12月CSS第一个版本被出版 主要定义了网页的基本属性,如字体、颜色、空白边等。第一版规范最新文档REC-CSS1-200804111998年5月CSS第二版出版 添加了一些高级功能,如浮动和定位以及一些高级的选择器,如子选择器、相邻选择器和通用选择器等。当前最新版本CSS 2.1CSS3 于1999年已开始制订,以模块的形式进行开发 2001年5月23日,W3C完成了CSS 3的工作草案,主要包括盒子模型、列表 阅读全文

chrome浏览器下“多余”的2px

2012-03-07 21:39 by iBlog, 1576 阅读, 4 推荐, 收藏, 编辑
摘要:箭头在调试页面的时候,发现select,input等元素在chrome浏览器下莫名的多了margin:2px,具体看图吧!stackoverflow上的提问中也类似的(应该是margin,好想提问的时候被说成了padding),如下:Firefox 4.0.1:adds no padding to the elementsChrome 11.0.696.68:adds 2px padding to top and left on input fields, but only 2px to top on select-elementsSafari 5.0.3:adds 2px paddin... 阅读全文