星期六 阴霾 13~19℃

css reset 处理不好也有弊端

下面这个是比较流行的 css reset:

* { margin:0; padding:0; border:none; outline:0; font-family:inherit; font-style:inherit; font-size:100%; font-weight:inherit; vertical-align:baseline; }

今天发现 mapbar 气泡的关闭按钮错位了,经排查,原来是受 css reset 的 vertical-align:baseline 的影响。

另外,前几天还遇到一个问题,border:none 影响了 select 在 ff 下的显示。

css 不要盲目对所有元素进行 reset,它可能反而会引起意想不到的问题。可分别对不同元素组进行 reset。


友吧今天

map api 优化。

第1396天:setTimeout() 详解

星期五 上午多云转阴,下午阴 12~19℃

setTimeout() 详解

看了这篇文章,对 setTimeout() 会有更深的理解。


友吧今天

早上在公交上想到一个栏目“游戏规则”。

继续优化 map js。

第1395天:阻止事件冒泡方法

星期四 中雨 9~14℃

阻止事件冒泡方法

昨晚遇到一个冒泡问题:

<div onclick="alert(‘第2个触发’)">
 <a id="test" href="#@第3个触发" onclick="alert(‘第1个触发’)">点我</a>
</div>

本意是希望点击 <a> 时不要执行它父级的 <div> 的 onclick,而是直接跳转页面。想了个方法,在 click 子元素时 removeAttr 父级的 onclick  :

$("#test").click(function(){
 $(this).parent().removeAttr("onclick");
})

今天早上来公司查一下,原来 jquery 有提供阻止冒泡的方法 stopPropagation() :

$("#test").click(function(event){
 event.stopPropagation();
})

参考:http://justcoding.iteye.com/blog/587876

又查一下,如果用原生 js 来写,需要用到 stopPropagationcancelBubble

function stopBubble(event) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if (event.stopPropagation)
  //因此它支持W3C的 stopPropagation()方法
  event.stopPropagation();
 } else {
  //否则,我们需要使用IE的方式来取消事件冒泡
  event.cancelBubble = true;
 }
}

参考:http://hi.baidu.com/daijun2007/blog/item/bb0bf431e511b6a45edf0ec8.html

再看一下 jquery-1.4.4_source.js,里面定义了一个同样是名为 stopPropagation 的方法,所以使用 jquery 的 stopPropagation() 就不用考虑浏览器兼容的问题了。


removeClass() 比 removeAttr() 效率高

有同学进行了测试


友吧今天

优化地图传参。

星期三 晴朗 7~18℃

不变的精神,改一个方向

昨天和老张交流时的一些感想。

“坚持”是不变的精神,方向改一下,跳出“内容更新”观念的束缚,专注“产品开发”。

1、与其每天花那么多时间去更新那些微不足道的几篇内容,不如踏踏实实的做好产品让用户来用,让用户来产出内容,那才是靠谱的事情。

2、做用户体验,真的还要会前端技术,要不然真的是只会说不会做,有很多东西都是在做的过程中想到的。做一个会想会说会做的人。


友吧今天

场馆列表重构完成。

第1393天:html5 VS flash

星期二 晴朗 3~14℃

html5 VS flash

看了这 10 个 html5 游戏,真是叫人为 flash 捏把汗。

更多资讯:google百度


友吧今天

  • 今晚花很长时间解决一个 ie6 hack,叫人悲催的 ie6。
    本来直接这样就可以:
            a.arrow_1.hover { }
            a.arrow_2.hover { }
    结果硬是要写成不同的样式名:
            a.arrow_1.hover { }
            a.arrow_2.hover_2 { }

    2012-3-19 更新(感谢老秋指点)
    上面的写法应该改成这样:
            a.hover { }
            a.arrow_1 { }
            a.arrow_2 { }
     

  • 处理展开收缩地图js。

第1392天:notepad++ 的 JSLint 插件

星期一 晴 0~8℃

notepad++ 的 JSLint 插件

一款 js 验证工具,可以扫描 js 源代码来查找问题。编码约定相当严格,能促使养成好的 js 编码习惯。

详细介绍:http://www.oschina.net/p/jslint


友吧今天

重构场馆列表第五晚,初步完成。

星期日 上午多云,下午阴霾(今天风大) 1~11℃

notepad++ 缺少 libtidy.dll 和 TIDYCFG.INI 的处理

notepad++ 的 TextFX 插件的 HTML Tidy 功能很强大,但是总是提示缺少 libtidy.dll。

这里有一篇文章记录得比较详细。

处理方法:

去官网下载 v5.9zip包(zip package),注意,不是 Installer,是 zip package,解压后找到:\npp.5.9.bin\unicode\plugins\Config\tidy,在这个目录里有 libTidy.dll 和 TIDYCFG.INI 两个文件,或者直接把 tidy 这个目录拷贝到你的 notepad++ 相应目录下。

参考:


复发性口腔溃疡的食疗经验

试过很多方法,也买过维生素 B2 来吃,都不理想。

后来听烟色水袖说吃西红柿有好处。试了确实有好处,我通常吃小西红柿(也叫圣女果)。不过也不宜吃太多,否则可能拉肚子,一周吃两三次即可,每次几颗到十几颗。

今年开始吃燕麦片,效果相当不错,比吃西红柿效果好。燕麦片含有很多维生素B。


今天你喝燕麦片了吗?

燕麦片是价廉物美的好东西,除了对口腔溃疡有好处,还有其他很多好处,上网搜一下就知道,应该养成每天早上喝一杯的习惯。

购买时推荐桂格的牌子。超市里桂格的燕麦片我看过三种,一种是内有小袋包装的复合麦片,一种是快熟的纯麦片,一种是即食的纯麦片。快熟的没吃过(要煮,觉得比较麻烦),其他两种都吃过,主要是吃即食的,纯的比复合的好,没太多添加剂。

每天早上起来泡一杯,等洗漱完,正好就可以吃早餐了,两个小面包加一杯燕麦片,三五分钟解决,营养又实惠。千万不要以为营养的早餐就一定要贵的,我从前也这么错误的认为。


友吧今天

重构场馆列表第四晚。

第1390天:周末,重构场馆列表(3)

星期六 上午多云转阴,下午阴转多云 1~9℃

友吧今天

重构场馆列表第三晚。

第1389天:notepad++ 的 JSMin 插件

星期五 阴 1~8℃

notepad++ 的 JSMin 插件

今天发现这个插件还挺不错,用来 压缩 / 格式化 js。


友吧今天

继续重构场馆列表。

这次重构发现上一版本的前端代码写得真的很糟糕。

第1388天:重构场馆列表

星期四 中雨(傍晚雨夹小冰粒) 2~6℃

友吧今天

重构场馆列表。