司徒正美 - 博客园

Windows7 下 Safari 字体模糊 bug

摘要：原贴地址最近在改版一淘专享的过程中再次发现 Windows 7 下的 Safari 5.1.7(以下简称 Safari)出现字体渲染模糊的问题,如下图:NNF上海云路网络科技有限公司NNF上海云路网络科技有限公司案情剖析上图中「他们抢到了红包」后面的文字是绝对定位+JS滚动效果的，开始以为是这两个因素导致的，于是去掉JS,字体依然变形，去掉「position: absolute」后发现文字恢复正常。此问题只在 Windows 7 下的 safari 出现，XP 中测试没有这个问题。最后通过排除法删除页面上不相干的 html，找到了真凶：NNF上海云路网络科技有限公司NNF上海云路网络科技有限公阅读全文

posted @ 2012-11-02 20:36 司徒正美阅读(1558) 评论(2) 推荐(0) 编辑

mass Framework css模块 v4

摘要： CSS模块是专门用于读取或设置元素的样式，尺寸，坐标，可选择性，滚动条的模块。本次升级要点：把变形部分抽取出来独立成另外的模块。移除对怪异模式的支持。重构IE部分的对透明度的读写。重构IE部分的对选择性（userSelect）的设置。增加对backgroundPosition的处理。重构show, hide, toggle方法，全部调用内部的toggelDisplay方法，更方便以后的升级与重构。经过瘦身后，体积减少二分之一。添加大量有用链接，大家可以通过它们来拓展学习。它们也是本模块或与样式相关的其他模块的重构动力与材料。css模块的源码：//======... 阅读全文

posted @ 2012-11-02 09:01 司徒正美阅读(2493) 评论(4) 推荐(1) 编辑

IE10中的互操作性HTML5怪异模式

摘要：微软最新发布的IE10平台预览第四版为了增强对HTML5的支持，使用了一个基于HTML5内部定义的行为，具有互操作性的怪异模式（Quirks Mode），并将这种基于HTML5的怪异模式设为IE10的默认怪异模式。用户和 Web 开发人员希望网站可以兼容不同的浏览器运行，虽然可通过HTML、CSS和JavaScript在各种浏览器版本上以相似的工作方式实现跨平台，不过HTML5可定义部分以前未指定的Web平台，促进跨浏览器的一致性。这很大程度上涉及HTML5语法解析规则，还包括浏览器怪异模式应该如何表现。IE10的HTML5怪异模式适用于没有添加DOCTYPE的页面或者添加了DOCTYPE的传阅读全文

posted @ 2012-10-31 12:15 司徒正美阅读(1268) 评论(0) 推荐(0) 编辑

offsetParent算法分析

摘要： <!DOCTYPE HTML><html id="html"> <head> <title>offsetParent by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="mass.js"> </script> <style type="text/css"& 阅读全文

posted @ 2012-10-30 17:42 司徒正美阅读(3458) 评论(5) 推荐(5) 编辑

一些让元素让看不见的display值

摘要：我们都知道display:none可以让元素看不见，但display还有一些鲜为人知的值可以针对特定的元素起作用，让它们看不见。在table中，有这么几个元素，它只是用于控制排板，但不会占据空间，它们在标准浏览器下各自默认一些特别的display值让它们能这样做。比如col标签，如IE下可以通过控制它对应的这一列的TD或TH元素的文本对齐方式与背景色，它的display值为table-column。colgroup标签与col相仿，但可以控制相邻的几列元素，它的display值为table-column-group。tbody标签是表格布局时代是作用非常大。那时都是table套table。体形阅读全文

posted @ 2012-10-27 15:41 司徒正美阅读(5770) 评论(1) 推荐(3) 编辑

感冒鼻子不通气怎么办？

摘要：当你感冒时不可避免的一个症状就是鼻子不通气，特别是晚上睡觉鼻塞特别难受。感冒不是一天两天就能好的，有什么方法可以解决鼻子不通气呢？小编就教大家几个妙招解决鼻子不通气的难题。蒜塞鼻孔法用大蒜头1瓣，用刀削成与鼻孔相吻合的形状，塞进鼻孔。连续几次，即可治愈。盐水洗鼻法因伤风感冒，鼻塞不通气，可用微温的食盐水，仔细地洗鼻孔，坚持数天，即可治愈，同时还可防止鼻炎。薄荷油闻鼻法用薄荷油闻鼻，即刻可达到鼻孔通畅。此药可反复使用几次。足浴通鼻法鼻塞严重影响睡眠时，用热水洗脚，促使鼻黏膜充血消退。既能解除鼻塞，又能调节大脑皮层的兴奋与抑制，从而促进睡眠。有了以上几个小诀窍... 阅读全文

posted @ 2012-10-25 12:47 司徒正美阅读(2822) 评论(2) 推荐(0) 编辑

onhashchange事件

摘要： onhashchange事件是针对AJAX无缝刷新导致后退键失效而产生的事件，因此属于一个够新的事件，浏览器兼容性如下： Feature Chrome Firefox IE Opera Safari support 5.0 3.6 (1.9.2) 8.0 10.6 5.0 由于chrome引发的版本号竞赛，现在chrome20+,firefox16+,opera12了，因此对于标准浏览器我们不必顾虑支持问题，精力集中在IE678上。IE8在兼容模式下虽然有此事件，但不生效。这个检测也很简单。至于如何产生历史，这也很简单，直接在隐藏iframe中调用document.write方法... 阅读全文

posted @ 2012-10-24 08:49 司徒正美阅读(23247) 评论(12) 推荐(2) 编辑

onvaluechange事件

摘要：这不是一个真实的浏览器事件，不过的确曾经存在这样一个事件满足我们的需求。很多时候，我们需要对文本域的值进行变化检测，不论是这变化是用户通过键盘敲打引发的，或是通过el.setAttribute("value","aaa")引发的，还是el.value = "bbb"引发的，还是用户通过复制粘贴引发的，更恶心的是HTML通过语音输入引发的。只要里面的文字发生变化，我们希望都能比较及时调用相应的程序进行处理。在旧式IE（IE6-8）下，onpropertychange可以满足上述所有需求（由于IE不支持input[speed]），因此不用阅读全文

posted @ 2012-10-19 07:47 司徒正美阅读(7762) 评论(4) 推荐(3) 编辑

当我们点击一个文本域在IE下会发生的事件

摘要： <!DOCTYPE HTML><html> <head> <title>onbeforeactivate by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> window.onload = function(){ function callback(e) { console.log(e.type) ... 阅读全文

posted @ 2012-10-18 13:56 司徒正美阅读(1422) 评论(0) 推荐(0) 编辑

mass Framework event模块 v8

摘要：最近对事件模块进行疯狂升级的成果。define("event", top.dispatchEvent ? ["$node"] : ["$node","$event_fix"],function(){ $.log("已加载event模块v8") var facade = $.event || ($.event = {}); var adapter = $.eventAdapter || ($.eventAdapter = {}) var rhoverHack = /(?:^|\s)hover(\. 阅读全文

posted @ 2012-10-18 13:14 司徒正美阅读(1052) 评论(1) 推荐(0) 编辑

Ruby's Louvre

导航

公告