星期三 晴朗 7～18℃

不变的精神，改一个方向

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

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

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

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

友吧今天

场馆列表重构完成。

星期二 晴朗 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。

星期一 晴 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.9 的 zip包（zip package），注意，不是 Installer，是 zip package，解压后找到：\npp.5.9.bin\unicode\plugins\Config\tidy，在这个目录里有 libTidy.dll 和 TIDYCFG.INI 两个文件，或者直接把 tidy 这个目录拷贝到你的 notepad++ 相应目录下。

参考：

• SourceForge.net
• 天下文章一大抄

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

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

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

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

今天你喝燕麦片了吗？

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

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

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

友吧今天

重构场馆列表第四晚。

星期六 上午多云转阴，下午阴转多云 1～9℃

友吧今天

重构场馆列表第三晚。

星期五 阴 1～8℃

notepad++ 的 JSMin 插件

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

友吧今天

继续重构场馆列表。

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

星期四 中雨（傍晚雨夹小冰粒） 2～6℃

友吧今天

重构场馆列表。

星期三 小雨 3～6℃

掌机复出

买来没用几天就一直雪藏着，今晚 LP 突然想用来听歌，说手机有辐射，掌机没有（至少比手机小得多吧，没信号的）。

没白买啊。

MeYoung

今天起不再把工作日志记在blog了。

友吧今天

套场馆列表页。

星期二 上午阴，下午阴转小雨 5～11℃

一个相当好的励志视频

今天中午有位网友（localblog）发给我一个视频地址，看了之后觉得相当不错，相信看过的人也都一定能从视频中得到不小的收获。

感谢 localblog 分享：)

视频观看：《我和世界不一样》无手无脚无烦恼——力克·胡哲（难得中文字幕版）

CSS属性书写顺序及命名规则

网上关于css属性书写顺序的文章比较零散，流传的比较多的是“Mozilla的推荐”和“淘宝的规范”。

这一篇（CSS属性书写顺序及命名规则）总结得比较详细，主要提到的是 fantasai 和 Andy Ford 的 css 书写顺序，以及 css 命名规则，大体如下：

CSS属性书写顺序：

显示属性 -> 自身属性 -> 文本属性

1、影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）
2、自身盒模型的属性（比如：width, height, margin, padding, border等）
3、排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）
4、装饰性属性（比如：color, background, opacity, cursor等）
5、生成内容的属性（比如：content, list-style, quotes等）

例：

el {
 display: ;
 visibility: ;
 float: ;
 clear: ;

 position: ;
 top: ;
 right: ;
 bottom: ;
 left: ;
 z-index: ;

 width: ;
 min-width: ;
 max-width: ;
 height: ;
 min-height: ;
 max-height: ;
 overflow: ;

 margin: ;
 margin-top: ;
 margin-right: ;
 margin-bottom: ;
 margin-left: ;

 padding: ;
 padding-top: ;
 padding-right: ;
 padding-bottom: ;
 padding-left: ;

 border: ;
 border-top: ;
 border-right: ;
 border-bottom: ;
 border-left: ;

 border-width: ;
 border-top-width: ;
 border-right-width: ;
 border-bottom-width: ;
 border-left-width: ;

 border-style: ;
 border-top-style: ;
 border-right-style: ;
 border-bottom-style: ;
 border-left-style: ;

 border-color: ;
 border-top-color: ;
 border-right-color: ;
 border-bottom-color: ;
 border-left-color: ;

 outline: ;
 list-style: ;

 table-layout: ;
 caption-side: ;
 border-collapse: ;
 border-spacing: ;
 empty-cells: ;

 font: ;
 font-family: ;
 font-size: ;
 line-height: ;
 font-weight: ;
 text-align: ;
 text-indent: ;
 text-transform: ;
 text-decoration: ;
 letter-spacing: ;
 word-spacing: ;
 white-space: ;
 vertical-align: ;
 color: ;

 background: ;
 background-color: ;
 background-image: ;
 background-repeat: ;
 background-position: ;

 opacity: ;
 cursor: ;
 content: ;
 quotes: ;
}

CSS命名规则：

[ 模块前缀 ] _ 类型 _ ( 作用 | 状态 ) n _ [ 位置 n ]

图例说明：
　* ( 必选 )：必需存在
　* [ 可选 ]：可根据需要选择
　* |：多选一
　* n：可有多个

名词说明：

模块前缀
　模块定义时使用的前缀。

类型
　定义类的内容类型。如输入框、文本、段落等等。

作用
　定义类的作用，用于对类型的补充。

状态
　定义类的状态，用于对类型的补充。

位置
　定义类所使用的位置，如首页、导航等等，不排除使用左、右这样的词，但应尽量避免。

　* 每项都可有自己的一个缩写表，同一名称的缩写尽量统一。
　* 所选用的单词应选择不过于具体表示某一状态（如颜色、大小等）的单词，以避免当状态改变时名称失去意义。
　* 由不以数字开头的小写字母（a-z）、数字（0-9）组成。
　* 确保类(.class)的重用性与对象(#id)的唯一性，id避免使用保留字。

例：

模块前缀：

　* 弹出 pop
　* 公共 global,gb
　* 标题 title,tit
　* 提示 hint
　* 菜单 menu
　* 信息 info
　* 预览 pvw
　* Tips tips
　* 导航 nav

类型：

　* 按钮 bt
　* 文本 tx
　* 段落 p
　* 图标 icon
　* input input
　* 颜色 color,c
　* 背景 bg
　* 边框 bor

作用：

　* 设置 set
　* 添加 add
　* 删除 del
　* 操作 op
　* 密码 pw
　* 导入 inc

状态：

　* 成功 suc
　* 失败 lost
　* 透明 tran

位置：

　* 公共 gb
　* 边框 bor
　* 段落 p
　* 弹出 pop
　* 标题 title,tit
　* 菜单 menu
　* 内容 cont
　* 导航 nav

参考：http://kevinpeng.iteye.com/blog/677599

MeYoung

• 优化“货物跟踪”页面（by wy）；
• 解冻按钮做成全局（by wy）；
• 消费明细修改（by wy）；
• 其他修改。

友吧今天

• 参考上面的“CSS属性书写顺序”，再次优化css。现在只有首页的css，趁早优化一下，后面的页面都按这样的规范来写。
• 开始套场馆列表页。

星期一 小雨 3～7℃

MeYoung

• 优化“我的好友”js；
• 优化home页面；
• 零碎修改（by wy）。

友吧今天

css优化。