Rainaxin的小屋

    今天参加了一门套餐课程，主要分为3门课程，xhtml、css以及网站重构，说实话这些将的内容本省就是平时工作中经常接触的，也已经熟悉的不能再熟悉了，但是还是想很好的听一下，也觉得在别人的口中描述的肯定会和自己的理解有那么一些偏差，而自己平时用到的也可能会有点狭隘。

    在xhtml这门课程中，自己印象比较深刻是table的标签，其实之前自己用table写结构的时候根本没有考虑到这么全面，只是简单的实现了表现，没有过多的去考虑语义上的东西，所以在这个过程中也思考了很多，觉得不管是用的比较多div，p或者列表标签，针对内容选择标签，table的使用也是一样，不能只是根据表现完成基本的书写，也需要真正理解每一个标签的实际意义，虽然table很多时候表现的不是很灵活，但是要尽量做到位每种情况可以预留接口，让一切都变的比较和谐。

    近期随着yahoo网站中的栅格化设计，大家对栅格化系统设计越来越追捧，开始关注它的趋势，也开始专注于研究这种设计的优势，纵观技术的发展，每一种新的产品或者是技术总会有它的潮流，不管是好的还是坏的，总会吸引大部分人群去深入的研究它，对于栅格化系统设计，其实也是这样，有利有弊。

    这种固定的设计在本质上说是人们在某个时候厌倦了网页的不规则设计，就像印刷业的兴起，文字的设计，在经历一些艺术的洗礼后，必定想将一切都规则化，让一切看起来更加的和谐，更加的受大众化控制，一切都回归到原始，针对那些比较复杂的大型网站，类似于门户型网站，栅格化设计确实有很多好处，因为这种网站很多时候是固定宽度，模块化也更加的明显，而自己本省的内容也需要更加清晰的结构展示，所以获利颇多。相反对于一些宽度自适应或者高度随意化的网站，栅格话设计或许的优势就不是很明显。

    今天在公司没有事情，又整了一下自己的网站，顺着之前整的，把网站的一些小细节又优化了一下，其实也没有太大的变化，在之前的基础稍加雕饰，大部分也换成了英文，标题也调整了一下，重新对文章进行了分类，这些其实都是无关痛痒的，只是为了看起来舒服一些吧。

    本身自己的想法，网站主要是写内容的，希望通过这里伴随着自己技术的提升！

    优化有待继续，希望大家也继续关注raina的小屋，希望能够在这里找到大家所需要的，^_^！

    工作效率的问题我相信不只是自己的思考，相信每一位工作的人都会进行思考，只是处理的方式不同而已，因为每天的事情太多了，不仅仅是计划的事情，此外还有好多计划之外的事情，但是如何更加合理的去安排，如何让计划外的事情也能够排入自己的实际计划中，也是值得去思考的，也许不能够一次就做到位，但毕竟有一种是比较适合自己的。

    在自己看来，可以改善工作效率的主要需要通过以下几个方面去进行思考：

    1、对于计划内需求的梳理，让这些需求通过简单有效的沟通达到明晰的效果，这样的好处就是减少重复工作的机会，同时也给自己后续的工作提供一个清晰的思路。

    2、使用一些快捷的小工具提升工作的效率，相信没一人都有自己的秘密武器，同时多跟大家进行分享，也许你的秘密武器会更多。

    今天的心情感觉就像自己网站上线的那天，很多开心的事情都挤在一天了，自己不开心都没有办法了，^_^！

    第一件事情。工作上的，今天自己一直忙活着的wiki系统终于上线了，而且大部分功能也已经完善，经过学习，模板都建立ok，想想在建wiki之前，自己几乎没有玩过这个平台，里面的东西真的是很多，自己也学到了很多，平台的维护，每次遇到一个疑难问题，都很认真的解除，同时这个过程也特别要感谢一直帮我的人，蓝理iwege以及caspar，感谢他们对于我技术上的指导，这个系统才能顺利搭建起来，以后在这个基础上自己再不断完善，希望这个平台真的能够给组员带来利益，让文档利于维护。

    第二件事情，是自己的事情，自己一直期待的电脑终于拿到了，这几天就可以寄过来了，好开心啊，这段没有电脑的日子简直是太难熬了，真的没有办法想象没有电脑的日子是什么样子的，好期待哦，听他们给我描述的，电脑很不错，很小巧，看到它就想要好好 呵护它，所以拿到手我会好好对待它，初步给它取名“小黑”，因为是黑色的，跟苹果的相反，嘿嘿！等吧，就要看到了。

    今天发现了一个问题，给span标签定义了一个title属性值，但是在ie6下竟然不能显示，但是试试其它的地方，确都是正常，因为这个属性值是程序自动填入数值，所以刚开始以为是因为程序的问题，但是后面通过浏览器调试，发现定位有点偏差，这个bug是由于span标签的父集元素引起的。

    这个父集元素的特别之处就是引用了一张半透明的png图片，在ie6下使用滤镜实现半透明的效果，但是确导致了内置标签title属性值在ie6下不能正常显示，所以比较恼火。但是这个title值又必须要显示，因为在页面中占据了比较重要的地位，所以最后的解决办法就是对ie重写滤镜。解决办法是这样的：

    在ie6下，不使用png图片，给ie6使用白背景色，然后使用滤镜，但是这样父集元素内部的所有元素都会半透明显示，文字显示不真，这个时候再给内部每个元素运用position:relative;属性值，就可以令文字透过透明背景而显示出来，不用修改结构，只进行一些css属性的修改解决这个bug。

    时间过的真快，转眼间来Tencent已经3个月时间，虽然相对于大学四年的时间来说很短，但是对我来说却很珍贵，因为在这段时间里我学习了很多东西，而这些是在大学里面是根本学习不到，也认识了很多人，包括同行上的技术很强的人还有新的朋友，所以我很珍惜现在自己所拥有的，希望以后自己能够继续自己在重构上的探索。

    记得自己之前是一次很偶然的机会接触到了设计，当时自己就简单的画一些可以拿得出手的作品，自己觉得很开心，因为终于有人可以欣赏到自己的劳动成果，之后也是通过自己的争取，自己加入了一个自己一直觉得都很自豪的一个团队组织，也就是从那个时候开始，自己开始疯狂进行学习，同时自己也在这个过程中不断成长，慢慢的自己开始了设计和代码的双重工作，也知道重构这个神圣的名词，记得自己第一次参加一个完整的项目合作，很怕自己做不好，但是最后证明自己那次真正学习了很多，也成长了很多。之后自己也慢慢开始了自己艰难找工作的旅程。

    最近好惨，网站里面真的是一团糟，评论功能失效了很久，有时候编辑框也会出现问题，搞的网站几乎快一个月都没有更新过，也欺骗了大家的感情，但是没有办法，刚刚上线不久的网站，也存在很多问题，希望以后慢慢改善，也希望大家能够继续支持我，支持raina的网站，也给raina的网站提一些建议！

    在此先感谢各界朋友了，^_^！

    之前在蓝理上面看到过一篇关于此的文章，主要是将由于浮动元素导致在ie6下多了一只猪的问题。这个只是一个原因，在代码中频繁的使用注释偶尔也会产生这个问题。具体为什么会产生这个问题，我也不是很清楚，只是实现的时候遇到了，知道该怎么解决，而且在ff和ie7下面都是好的，只有ie6会重现这个bug。

    这个bug的解决也很简单，只要你去掉页面中的注释，那只多出的“猪”就会消失，而关联这个问题的根源是浮动。文字的溢出也是由浮动造成的。去掉浮动样式，bug也会瞬间消失，比较奇特。很多解决办法。

    具体的实例可以参考：www.u6u8.net/blog/article.asp

    之前在蓝理看到的多了2只“猪”，也是由于浮动问题造成的，主要的情景就是浮动中间添加了非浮动元素，导致文字溢出，解决的办法原则上也是清浮动，或者是隔离两种元素，详细的可以参考下蓝理的例子：www.blueidea.com/tech/web/2008/5359.asp

九月二日

九月四日 14%

九月八日 10%