摘要：
本文源自：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 阅读全文
随笔分类 - 01-编程实践
google map bug: dragend事件被触发时，click也被触发
2012-04-19 14:21 by iBlog, 1384 阅读, 收藏, 编辑
摘要：
在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事件处理函数中，加 阅读全文
动态重置google地图尺寸(Resize a Google Map Dynamically)
2012-04-04 19:53 by iBlog, 746 阅读, 收藏, 编辑
摘要：
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 阅读全文
chrome浏览器下“多余”的2px
2012-03-07 21:39 by iBlog, 1576 阅读, 收藏, 编辑
摘要：
箭头在调试页面的时候，发现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... 阅读全文
fieldset在ie8下的margin\padding bug规避
2012-03-05 15:31 by iBlog, 3300 阅读, 收藏, 编辑
摘要：
写在前面的话 其实我不推荐使用fieldset这个标签，正如我们常常议论的那样这东西在不同的浏览器下确实操蛋，但是在一些老的项目中大量使用，所以还是有必要分析一下，fieldset到底有哪些怪毛病，如何规避！我承认我闲的蛋疼，不喜请绕路！fieldset margin 测试 环境说明：win7 + ie 8.0 +chrome 16.0 +firefox 10<!DOCTYPE HTML><html><body><fieldset style="margin:100px auto;width:600px;height:100px"& 阅读全文
<select>在chrome浏览器下背景透明问题
2012-03-02 16:10 by iBlog, 8166 阅读, 收藏, 编辑
摘要：
在上篇文章《只用CSS美化选择框》运用了背景透明的技巧来美化选择框，但在chrome浏览器下遇到了跟ie、ff不一样的透明效果，下面重现一下： 在一个大的div(背景红色)内放置一个select元素（背景透明）。在线查看（可在不同浏览器中查看效果） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ... 阅读全文
只用CSS美化选择框
2012-03-02 11:04 by iBlog, 107405 阅读, 收藏, 编辑
摘要：
<本文译自Style a Select Box Using Only CSS>当我需要用下拉列表拼凑自定义表单时，我常常不得不使用下拉框（select），由于某些部分是浏览器特定的，如下拉箭头，我花了一段时间去搞清楚如何只使用css轻松地美化下拉框。下面是一个默认样式的下拉框的长相：HTML code：<select> <option>Here is the first option</option> <option>The second option</option></select>一个选择框的某些部分我们 阅读全文
盒子模型简单测试
2012-02-29 16:36 by iBlog, 1273 阅读, 收藏, 编辑
摘要：
本文旨在通过浏览器提供的开发人员工具来分析一下盒子模型的构成要素。主要使用3种浏览器：ie 8（自带开发人员工具）、firefox 10（firebug插件）、chrome 16（自带开发人员工具）， 这里要特别提到ie8的开发人员工具的“布局”显示跟其他浏览器有差别（参看此文）二话不说直接上代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">< 阅读全文
正确使用DOCTYPE
2012-02-29 11:10 by iBlog, 17571 阅读, 收藏, 编辑
摘要：
您是否遇到过，团队里总是有些人乱声明doctype甚至没有声明它，甚至还反问你，要着干嘛？有啥鸟用，没声明也没报错呀！我只能说一个字：靠！Doctype是啥? <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。Document Type 文档类型，缩写成DOCTYPE，在html中它就是个标签：<!DOCTYPE>，它有自己的声明格式，不是在html标签前加上它就完事了的，查看qq.com页面源码可见如下声明： 1: <!DOCTYPE html PUBLI 阅读全文
关于CSS RESET
2012-02-28 14:17 by iBlog, 2263 阅读, 收藏, 编辑
摘要：
只要您的客户存在使用不同浏览器（ie,firefox,chrome等）的可能，那你就不得不从完美的理想状态回到现实，因为不同核心的浏览器对CSS的解析效果呈现各异，导致您所期望的效果跟浏览器的“理解”效果有偏差，今天提到的css reset就是用来重置（复位）元素在不同核心浏览器下的默认值，尽量保证元素在不同浏览器下的同一“起跑线”，仅此而已，它不是万能的！在不同核心浏览器下，对于css 属性对某些元素的作用呈现出来的偏差，不是CSS reset所能解决的，它只是解决或部分解决元素的默认初始值问题（约定起跑线而已），至于比赛开始后，运动员们使用什么规则（直线、曲线？），什么步调跑，它就管不着. 阅读全文
常见的CSS问题与技巧汇总
2012-02-18 18:48 by iBlog, 380 阅读, 收藏, 编辑
摘要：
本帖为项目开发中遇到的CSS问题及解决方案的汇总目录，便于以后查阅。两个css样式解决方案:alice和css share常见问题一、元素（水平、垂直）居中垂直居中的几种实现方法css水平居中和垂直居中的几种解决方案CSS制作水平垂直居中对齐vertical-align表单元素垂直对齐 二、元素清除浮动清除浮动的全家三、外边距合并css外边距合并CSS 外边距(margin)重叠及防止方法 阅读全文
[字符编码]Invalid byte 1 of 1-byte UTF-8 sequence终极解决方案
2011-12-28 21:25 by iBlog, 47479 阅读, 收藏, 编辑
摘要：
今天在eclipse中编写pom.xml文件时，注释中的中文被eclipse识别到错误：Invalid byte 1 of 1-byte UTF-8 sequence，曾多次遇到该问题，问题的根源是：The cause of this is a file that is not UTF-8 is being parsed as UTF-8. It is likely that the parser is encountering a byte value in the range FE-FF. These values are invalid in the UTF-8 encoding.但这. 阅读全文