QbatyBlog

杂项和样式(Miscellaneous & Style)

• 所有的样式规则都在layout/style/quirk.css
• 在怪异模式中，CSS类名是不区分大小写的(case insensitive)，而在标准模式中是大小写敏感的(case sensitive)。
• 当链接进文档的样式表的MINE type是 text/css时候，即便是服务端给出的Content-Type头不是text/css,它也将被当作CSS文件对待。
• CSS解析器接受颜色值不以#号开头。
• CSS解析器将把没有单位的数学默认为其单位为 px（但除了字号（font-size）因为Netscape Navigator 4以前就是这样解析的）和行高(line-height)和任意有严格意义的属性。
  
• HTML的颜色解析的不同(#号不是必须的，缺少的颜色数值将被填充为不同数值)取决于Gecko 1.9.2。
• 背景属性(background属性)为一个空的字符串会把背景的URL设为空，只在怪异模式下生效。
• 系统字体在navquirks mode工作不一样。
  
• HTML(1-7)和CSS（xx-small – xx-large）字体大小计算有轻微的不同（参见bug18136）。
• 在怪异模式下 List bullets 不会继承 List 的字体大小。
• :hover 伪类，只作用于链接，图片，和表单控件，除非 CSS选择器 包含标签名字，id 或 属性。
• 为检测到支持 document.all
  

块和行内布局(Block and Inline layout)
Read More…

最近微博的工作开始多了起来，所以更新blog的速度慢了下来，最近干做关于围裙的项目，碰到有一个地方

上图的文字应该是居中的还是居左的？如果是居左的，假如文字只有1-3个岂不是很难看？
Read More…

现在来看看用canvas来绘制一张已经存在的图片

var canvas = document.getElementById('example2');
var ctx2 = canvas.getContext('2d');
var img = new Image();
img.onload = function(){
canvas.width = img.width;
canvas.height = img.height;
ctx2.drawImage(img,0,0);
}
img.src = "img.jpg";

ctx2.drawImage(img,0,0) 是在画布(0,0)的位置上画出img.jpg这张图像，当img没有完全载入的时候，drawImage已经执行会导致后面的脚本全部停止运行，所以给了img一个onload事件来保证drawImage的时候已经完全载入了img。
Read More…

本周六在北京腾讯举行的 WEB标准化交流会 我整场负责拍照
winter 分享的PPT 和 月影 说的关于协作，给我印象很深刻，里面有很多观点我很认同。
会上没有发言，我就在这里谈谈我的看法吧：
作为一位前端开发工程师，负责的不仅仅是页面HTML的构建，也不仅仅是页面所需要的js交互,或是页面动态的效果。
在我自己的认识中，我觉得前端开发工程师责任重大，一个项目中，需要参与的流程很多。从一个项目初期的策划，技术的评测就需要前端开发工程师参与，在考虑到用户操作习惯，页面性能，再包括将来的页面维护，升级，修改，可扩展来制定页面部署，页面结构，以及开发模式再到后期的页面优化。

和设计，产品经理来沟通整个的页面，设计风格，用户行为习惯，页面表现方式，交互方式等等.
和产品经理，后台工程师沟通整个页面的功能，交互方式，性能优化，页面部署，进行一些可维护升级扩展的计划。

前端是承上启下的，所以在协作中是非常关键的一环。
Read More…