最近

上班，加班，下班，睡觉。多么有规律的生活。
发现来到企鹅村后，上班的时间虽然不长，但是自己个人的时间少了好多，基本上都是摸黑了才出公司，美其名曰，将青春奉献给公司。
仔细想想，的确很多时候都在考虑公司的需求，考虑如何在工作中得到更多的东西，解决更多问题。非常充实。

生活

除了上班，觉得深圳还是有很多值得留恋的东西，比如深圳吃的要比杭州的好点，虽然称之为 “地沟油” ＝，＝ 不过在杭州吃得也不少哇。
工作将近半年，慢慢习惯了这边的生活规律，工作节奏，目前处在慢慢将生活质量提高，比如周末去跑跑步打打球什么，因为这两周听到好多微博上传闻，一些IT民工短暂而脆弱的生命，不禁珍惜自己活着的每一天，珍惜和朋友的每一天。

公司年会

企鹅村的年会着实让我感动了一把，节目真的很棒，虽然没有中大奖，小奖也没有 T__T。

图为达人秀卓君帅哥在表演，好厉害，好腼腆
最后还来了林志炫，唱功果然好厉害，可惜iphone没电了，T__T，后悔没带GF2.

GF2

10月份的时候，为我的GF2收了个二手的大光圈定焦头(1.4)，因为觉得自己的小定焦头光圈不够大(2.8),1.4的头果然效果不一样哇，只是，因为不是lumix的，需要手动对焦着实蛋疼。不过还是能拍出一些好玩好看的东西。
比如片头的配图就是大光圈拍的，效果不错需要一点后期。顺便在点点上申请了个轻博发发片子(萌。大叔の)
接下来抽空就拍点，还是挺好玩的。

英雄联盟

最近在公司上班，除了繁琐的需求，中午饭后还能跟团队同事一起撸一把。感觉还是挺棒的，深刻体会团队合作的重要性。
不过打得不好，一个不小心就啃爹。
最常玩的是妹子 “阿卡利” 我喜欢妹子^__^，我在二区祖安 coda 是我的id。欢迎组团开黑。(coda名字取自我喜欢的 mac 编辑器，个人还是挺推荐的。各种华丽)

关于打牌

大猫最近跟她媳妇经常打牌，各种啃爹，无奈不太会梭哈神马的。于是就各种百度google。
发现有个网站PartyPoker(需代理)提供很完整的新手教程，值得让我觉得神奇的是，PartyGaming早在2005年就在伦敦股票市场上市。打牌没怎么学会，这家公司让我肃然起敬哇。

iOS 开发

发现自己离设计师越来越远了，最近迷上了ios开发，iphone用了也有将近一年，觉得干网络这么多年了，多少也要在这个大蛋糕里分点吃的哈，于是收了几本书准备进军ios，当然不知道自己能走多远哈。

还是那句话，学到老，活到老。还真不知道自己能活多久，木哈哈·～～～

今天就到这里了。

PS：发现最近游客中好多人在留言中发小广告了，其实我不介意啦，不要吧名字起得太显眼我是能接受得啦。
PS2: 好吧上面有一条是軟文，你们懂的^__^
PSP：好想念的我psp哇，小P被妹子抢走了 =,=

您可能还对这些日志感兴趣

• 那些新增的标签 — html5 学习笔记
• 灵巧而不失华丽 mac coda 1.7 使用心得
• AS3-学习笔记-flashdevelop平台-搭建-配置

难度系数：3星。

仔细观察以及分解图层，发现主要难度还是在 光源以及阴暗面的处理，
中间的光圈看起来复杂，其实他就是一个径向渐变效果，要非常有耐心的去调色。
高光部分觉得自己有点没处理好，没有做好那种白白的效果。

PS： 本来想做个教程，但是冷不丁上了下站酷 发现 那些大湿做的icon都华丽丽的不行，觉得自己做得东西还是差距有点大，然后就先丢出个效果图好了啦。
安慰下自己，肿么说我也是个代码仔中做设计还算ok的啦
╮(╯3╰)╭

您可能还对这些日志感兴趣

• 乱翻乱教 – iOS5 通知栏背景制作

google日历

日历是个好东西，不具体解释了，日历的好处有很多，可以共享，可以同步到手机。
将工作的每一个关键桢都记录下来，你懂的，有好处没坏处。

每天的todo list

iphone 给我带来的几个方便，其中有一个就是就是可以记录并同步todo list ，时刻提醒自己。
每天把 接下来一天需要做的事情，特别是必须要做的事情 记录下来。
务必要 做好优先级。因为当事情多了之后就需要安排优先级。
另外下班的时候记录一下第二天要做的事情避免忘记。
比如：我经常会在会议的时候，突然接到一个电话，然后记录下一些关键的需求到手机或者日历，避免最近忘记

目录化需求

新建一个所谓的工作目录，以年月为单位来存放 每个月的需求。
如：每个月建立一个目录 2011，“1104 xxx需求” 来存放。

需求进度表

很多人会在做完需求后将作品交给下游后就认为事情结束了。当同时有几个需求在并行处理的时候一个进度表就能很好的梳理好各个需求的一些关键进度以及相关目录以及文件。
如： 我会按照时间 每周记录 产品安排下来的需求，
用excel 记录这些需求所在的目录，工时，开始时间，是否递交开发，是否提测，是否上线。
这样做一周下来就知道 这周自己做了哪些东西，还有哪些没有做完，哪些正在开发阶段。

各种可以提高效率的软件

日常我比较喜欢轻量级的软件，因为不像把电脑搞得卡卡的。

1. 1.Everything: 轻量级文件搜索器 (开机必备)
2. 2.Launchy: 快捷软件打开器 (开机必备)
3. 3.VirtualBOx: 轻量级虚拟机(调试必备)，牛逼的地方就是可以同时开3个虚拟机。单个虚拟机内存占有量还没有QQ大。
4. 4.Farseer: 轻量级反向代理，类似apache软件。
5. 5.Fiddler: url代理小军刀。不太会用，但是很犀利，可以解决一些疑难杂症。
6. 6.notepad++ : 日常代码必需品，微冲。
7. 7.idea : 坦克。我都不知道怎么形容这个软件，上面的搞不定的这个都能搞得定。唯一的缺点就是打开慢点
8. 8.FSCapture: 日常截图利器。不过慢慢觉得QQ 截图也挺好用。
9. 9.BulkRename: 轻量级批量重命名利器。处理大量图片文件的时候这个很给力。
10. 10.Svn： 版本控制，这个就不介绍了。
11. 11.BCompare: svn 挂件，增强代码对比。
12. 12.CssGaga : 大招，空间高效同步利器。一般人不告诉他。^__^

您可能还对这些日志感兴趣 - 随意

• A Kingdom
• table <col> 标签的妙用
• 有一种美叫洁白– iriver改版好久
• 滚动新闻 – jquery 扩展插件
• zoom:1 引起的bug 一则

Photoshop 制作ios5通知栏背景

制作工具：Adobe Photoshop cs5
作者：飞鱼
iOS5发布后评价都说很棒，于是毫不犹豫的刷了，算是纪念Jobs的临终大作。改进的功能很多，其中一个大功能就是有了一个跟android几乎一样的通知栏，同事看了说：我擦，这功能跟android 的下拉框有啥区别？完全抄袭么… 然后就有人说了：那不是，瞧，对比一下，明显… iOS5的通知栏帅多了，瞧这背景，瞧这细节…。
好吧，仔细看了下的确很酷，细节纹理做得很棒，像一块布。发现做起来也不复杂就几步就可以了^__^。

最终效果

步骤 1

新建psd，大小800*600，填充背景色(#45454c)。如下图。飞鱼：填充神马的不用我教了吧 XD

步骤 2

新建图层, 填充黑色(#000000)，选择 滤镜-杂色-添加杂色，杂色数量20%左右。然后将图层模式改为：滤色。如下图。

步骤 3

分别选择 滤镜-模糊-动感模糊，角度90，距离30左右。然后选择 滤镜-锐化-锐化，如下图：
这个时候基本有点感觉了吧^__^ 继续。

步骤 4

接下来只要做横向的效果就差不多了，新建一个图层，按照步骤2，只是角度变为45度。结果如下图：
这里其实还有另外一个办法就是复制一层，ctrl+t 旋转一下就可以了，不过长度会不够。

步骤 5

到这里效果基本都出来了，只要加个图层，做一下内阴影，或者黑白渐变，然后叠加一下就有效果了。

总结

可以发现，做这个东西只要几种滤镜就可以轻松达到效果，具体细节需要仔细去调，比如颜色，阴影等。
个人觉得主要的难点在于如何做成可以平铺的图案，抽空研究一下。^__^

您可能还对这些日志感兴趣

• 仿制品 – apple icon – camera
• 乱翻乱教 – 制作可爱的小鸟勃起图标
• 乱翻乱教 – 小鸡快跑 – Photoshop 超级可爱小鸡
• 乱翻乱教-编号004-用photoshop制作绚丽的星球
• 设计部培训第二课

最近接触了许多 关于图片文字水平对齐的需求，然后发现如果单单将vertical-align 设置为middle 的话，不同浏览器下居中对齐的位置有偏移，让人好不蛋疼~ =，=
网上搜了下好像也没有搜到相关的分析，大部分都是垂直居中的案例
于是专门针对vertical-align 做了次分析，功夫不负有心人，分析结果还是挺好玩的，对vertical-align 又有了一次深入的了解。给力~~~

demo 传送门： vertical-align 各属性分析 有错误欢迎回复纠正哦 ^__^

一些心得体会：

vertical-align 定义

最初我认为的vertical-align 解释 跟text-align 一样，是容器内部的非block 元素居中对齐，但~~ 我理解错了
从w3c 官方对 vertical-align 各属性的解释来看，vertical-align 是定义当前节点，跟外围内容的对齐方式，跟text-align 的解释是不一样的。

vertical-align:baseline 基线对齐

分析所得，发现baseline不是在中文字的可见部分最下方，而是在英文字的可见部分最下方。
然后发现图片对齐的时候是以图片的最下方同相邻文字的 baseline 对齐。一直觉得为啥图片下方会有4像素的空白，现在明白了

不同字体会有不同效果

我这个demo 用的Tahoma 字体，发现如果使用类似 Yahei 等中文字体，在IE低版本下会有出现一些奇怪的现象，详细可以看demo。

vertical-align 最好不要混用

从定义来理解，就发现这个vertical-align 最好不要混用。因为本身不同属性会产生各种各样的兼容问题，如果混用，估计会出现更复杂的现象。虽然我也没有深入研究，但我觉得混用不太靠谱。

vertical-align: px 定位最稳定

这个属性一直都没怎么用，原先一直用middle 来实现水平对齐，在一次偶尔的项目代码里发现的。
相对定位是相对于baseline的偏差定位，负值代表图片相对baseline往下移。
在研究中发现使用相对定位兼容性最好，只有IE7会有2px的偏差，但基本可以无视，因为目前IE7的用户可以忽略不计。
不过这种方法也不是万能的，
因为是相对于baseline的相对定位，如果文字变大后，图片的对齐位置 看起来就不会跟着移动区别于middle属性，不过个人觉得这样的情况出现概率不大，并且字大了再针对调整也没问题。
另外图片大小不一样大相应的负值也不相同，详细见demo。

高潮：vertical-align 最佳兼容方案

前面说了这次研究没有白费，个人推荐的vertical-align 用法如下：
1. 尽量保持主内容的 vertical-align 是baseline 即默认的，不要把vertical-align 当text-align 来理解使用。
2. 针对 内部需要调整位置的 图片等 进行 px 定位。
优点：保证外围的vertical-align 是默认值，不产生混用现象。
缺点：针对不同尺寸的图片要针对进行定位，不过一般ico 大小差不多大，可以统一调整。

下一步研究方向：表单元素的vertical-align: px 是否同样适用 ？

您可能还对这些日志感兴趣

• position:absolute 的一些兼容心得。
• IE6 reflow bug 经验因素收集
• zoom:1 引起的bug 一则
• css心得之善用 position:relative
• IE8 不定尺寸图片垂直居中引起的 bug

好了 切入主题，讲讲心得：

section 是有语义的div

很多人很费解 为什么html5 放着div 那么短小精干的东西不用，非要用section呢？
我的理解是div 依然有用，只是它可以代表无语义的东西。section像是一个沙盒子，将不同的部分，区块，模块，区分开。

header 不是一定要唯一

首先要说的就是这个header标签，之前看了好多关于html5的杂文，给人的感觉就像是 header 标签是 网站头部进化过来的，其实不然，就像以前很多人认为 h1只允许有一个一样。
因为 header 可以包含在 article 里作为 文章的头部标签。见(49页)

hgroup 在header 标签中充当目录指引作用

原先一直很不明白hgroup 的作用，因为w3cschool 上表现的例子中hgroup中都是些h* 标签集合，这种东西在实际应用中的应用场景非常狭隘。但当发现 article 里可以丢header 标签后 这个问题就解决了。
其实个人觉得这个标签的重心在目录指引，在内容为王的时代，hgroup标签会给seo带来一定贡献。

有了沙箱后，网站结构变得不是那么虎头蛇尾

很多人认为 一个web 中 只能用一个h1 不能用太多 h2，以及少量h3， 甚至都找不到 h4的踪迹。
事实告诉我们，我们甚至可以在 nav 标签中使用h1。
那么这样写不但不会混淆seo 抓重点。而且能让web 看着更加婀娜多姿，凹凸有致。

顺便普及一下html5 标志中的一些寓意以及新特性：HTML5标志

您可能还对这些日志感兴趣

• 壹周一嘀咕: 2011/12/20
• html5 新思路的开始 – web标准化交流会 (杭州站第三期)
• AS3-学习笔记-flashdevelop平台-搭建-配置

总的来说Coda的一些特性符合我在windows 下notepad++ 的习惯。

1. 站点应用

这个功能，在一些大型IDE里都有，之前都没有去使用这个功能，最近因为经常切换站点，所以这个功能还是挺好用的。
切换的时候还能保留上次打开的文件，细节做得很好。

2. 侧边栏关键帧 列表

喜欢Coda的一个很好的点是侧边栏，有对当前编辑页面中的关键点列出，比如：html 页面中的id，h1 等关键的位置索引。编辑javascript 的时候 侧边栏会列出当前文档中 所有的function，找代码找方法的时候非常方便。

3. 实时预览

Coda 的preview 模式 还是挺好的 可以省去你切换窗口刷新的操作，有的时候很大一部分调试时间是消耗在切换预览效果的过程上了。

4. 多窗口并显

这个功能原先纠结了好久。因为一开始用的时候发现多窗口并显的时候，不知道怎么实现左边 html，右边css的效果。
我目前在npp(notepad++)下写代码就是这样来写的，左边html 右边css 可以提高很大效率。
因为当你在点多窗口的时候发现只是复制了一份。后来给coda官方写来份英文邮件求助，他们很快给我回复了方法。
真是大大加深了我对coda的喜爱。^___^
方法如下：
打开html页面，点击多窗口panel，然后从左侧目录中将css文件拖动到右侧panel就可以实现了。效果还是很棒的，如果你有2显示屏，那么你只要另外拖一个html页面出来(新窗口打开)，放到副显示器上就可以显示了，这个甚至刷新都不用非常赞。

5. 快捷又帅气的Clips

写代码写多了无非想更懒一些，希望用一些快捷键就能自动补全，于是就出了类似zencoding 等插件，不过coda中的zencoding插件没有npp上那么快捷，(其实我在npp上zencoding 用得很少。我目前都是用 Notepad++插件WebEdit使用心得 (之前写的一篇心得)

然后我发现coda 中也有一个这么销魂的功能就是Clips。跟npp 上的webedit 插件一样，其实它也就是个类似宏命令，通过快捷键去自动输入然后停留在自己想要的位置。 相比之下Clips更帅气一点，它是通过tab来触发的，并且快捷键自定义非常灵活，这个我超级喜欢。

例如：当平常写得比较多的panel 代码块，我只要将这段代码在Clips中新建，然后定义一个快捷键(apa)前面的a是避免冲突快捷键加的， 那么下次只要输入apa 然后tab 就可以自动完成了，理论上应该会比zencoding 还快。

<div class="panel">
  <div class="hd">
    <h2>标题</h2>
  </div>
  <div class="bd">
    内容
  </div>
</div>

其他类似代码块还有好多。并且这个东西还可以导出来分享。^___^ 你懂的。想要的话留言哇～ 我邮件发你～

6. 配色系统

coda的配色系统跟npp差不多，最近也给coda重新配了一套颜色，感觉还是挺舒服的。当然这个配色也能导出的，不过设置稍微有些麻烦。

好了就到这里了，如果你有其他coda 的小技巧 欢迎沟通呢。

您可能还对这些日志感兴趣

• 壹周一嘀咕: 2011/12/20
• Coding 的那些银荡事 – Notepad++插件WebEdit使用心得

技术文，看不懂可以提问哇，实在看不懂就挑好玩的看^__^ 很湿~
此文章堆在后台好久了，一直都没找到配图，思路也没理清楚，于是都快臭了~

好吧进入正文~~
=========================华丽的吐槽线======================
可能是个人习惯吧，我个人在写css 样式的时候 position:relative 都很少用。不到逼不得已不用，因为这东西在面对IE大叔的时候总是会各种被推到，比如多个positon 嵌套的的时候 会产生 类似 z-index 优先级的失控，不知道其他coder们碰到过这个问题没？反正我是碰到不下1次了。

举个栗子如下：html 代码 节略写法，你懂的

ul.pp
    li 大宝   span 大宝的屁屁
    li 二宝   span 二宝的屁屁
    li 三宝   span 三宝的屁屁

从上面 的代码 本来没啥问题，问题在于给他穿上衣服(css)之后，因为一些需求，你讲li 的css position:relative 了，
那么li 就傻逼了，这个时候你怎么设置li 的z-index 为多大 都盖不过 之后下一个li 的内容。
不理解上面表达的意思可以见下图。

css代码

.pp{
	width:300px;
	margin:50px auto;
	background:#fff;
	height:300px;
	padding:10px;
}
.pp li{
	border:1px solid #ccc;
	margin-bottom:10px;
	height:30px;
	position:relative;
	background:#fff;
	z-index:9;
}

.pp span{
	display:block;
	width:40px;
	height:40px;
	background:#f09;
	position:absolute;
	right:10px;
	bottom: -20px;
	z-index:10;
}

如图，左边是chrome 下的效果，右侧是IE6的效果，可见，当给li 设置positon:relative 后无论 里面的 元素设置z-index 为多大，都改不过之后的li 内容。(爷的我又把上面的字重新打了一遍 = =)

解决方案

从视觉上面理解，这样的情况就像 AI(Illustrator)里的图层一样，一层比一层高，也像个沙箱，内部的z-index 是怎么也不能超越下一层的z-index。
最好不要给列表型的li 或者 div 添加 position:relative，一直以来针对IE这样头疼的bug，都是以避开这样的情况来解决。(其实应该不算bug，应该是浏览器开发者理解性上的不同)。

当然还有一种办法，由于是因为下一个li 设置了position 盖住了前一个position 的 li，那么只要避免position盖住position就可以勉强实现这样的情况。所以你只需要在position:absolute的dom外面套一层div，做到不盖住前一个li中的 position:absolute就可以。

另外一种方法是在特定的情况下如hover事件，如触发式 弹出浮窗(显示更多信息)，
这个时候我是这样来实现， 当hover的时候 给 li 添加一个class “hover”， 然后只要定义hover 的时候是position:relative就可以了，这样的好处是hover 的时候其他 li 没有position:relative ，那么就没有之前的bug了。
对于高级浏览器 可以直接写:hover 甚至都可以脱离 js 效率会更高

position:relative 在:hover 上的妙用

先看下图，左侧这样的按钮不知道应该会在一些效果里接触过吧？类似向左向右的按钮，

仔细观察发现按钮中间的线是共享的，但是按下去的时候颜色会变深。
实现办法很多，我一般是对其中一个按钮使用负边距，然后在:hover效果上动手脚(由于IE6只支持a上的hover，所以一般都是使用a)，其实很简单就是在hover 的时候，给它设置position:relative，然后将z-index 设置一个数字就可实现。

以此类推，上图中apple 的导航也可以使用这样的办法来实现效果。是不是挺带感^__^

好了，要是有更好的idea 可以留言评论。

您可能还对这些日志感兴趣

• position:absolute 的一些兼容心得。
• IE6 reflow bug 经验因素收集
• zoom:1 引起的bug 一则
• vertical-align 图片文字水平对齐分析
• IE8 不定尺寸图片垂直居中引起的 bug

5月份的杭州区w3c标准化交流会

带着感冒 去了口碑做了次分享，分享的内容是最近刚接触到的并且用的比较爽快的《闭包式js架构》
顺便吐槽一下，这次来的人不多，不知道是不是不太好意思来交流还是怎么了，是不屑么~？，就当交朋友么~ 其实我也很菜的，听了就知道。

以下是我最近在做新系统的时候用到的一种 闭包式js架构 书写方法，大家慢慢看，有些地方似曾相识，说不定有你想要的东西，仅仅是分享，也许又更好的实现方法。

1. 说说闭包

因为这样的架构思想又一些类似 javascript 的闭包概念。所以我在分享的时候做了下闭包的引导。
分享前做PPT的时候特意去百度娘那里看了下关于闭包的知识补习一下。百科
分享的时候因为主要讲的不是闭包所以顺便带过一下，不过会后，似乎有人反而对闭包感兴趣，嘎嘎。真是指哪哪不响哇。

回来又抽空查了下 《javascript 高级程序设计》中的闭包解释，似乎比百度娘上面的更浅显一些，百科上的是一种比较极端的闭包，(有空朋友可以翻阅一下：p56)。 最简单的闭包 就是全局变量。

2. 利用匿名函数解决$冲突

很多朋友应该会碰到过 一个老系统页面里好多js库的情况吧。神嘛 prototype jQuery mootools 会时不时暂用$符号，导致各种冲突。
记得jquery 有个方法是把$让出来。
这里给出一个比较好用的匿名函数 来形成 封闭作用域来实现。 很多jquery 插件就是这样来书写的

(function($){

/***
 * make $ in Closed Scope
*/
$(function(){
    //do something on dom ready
});

})(jQuery);

利用匿名函数把，jQuery 引入匿名函数，这样在匿名函数的作用域里，你就可以自由的使用$了，并且这样也同样试用与其他库。

3. 怎样不污染命名空间

这个问题曾经困扰我挺久的，因为原现公司老系统里遍地都是 全局变量 全局fun，命名空间污染的让人蛋疼菊紧。 =，=

那么经过我哥的教导，就是利用 变量类形式 只占用 一个全局变量。如下：

(function($){

$.namespace('Platform.tms.home');

})(jQuery);

上面的namespace是一个jquery插件用来方便建立命名空间。
其实它就等同于下面这段代码。是不是用插件看起来简单多了。

var Platform = {}
    Platform.tms = {}
    Platform.tms.home = {}

4. 所谓 闭包式 js 架构 前端书写

以上其实都是铺垫啦。
有了命名空间不污染全局变量，有了封闭空间匿名函数不会产生js库间的冲突，两者问题都良好解决。
现在要把两者结合起来，形成现在的 架构形式。代码如下：

/**
 * @ TMS Package
 *
 * @author qilei.weiql
 */
(function($, TMS) {

var util = TMS.util;

})(jQuery, Platform.tms);

从代码里可以看出，我将独立的全局变量类Platform 和 jQuery 引入 匿名函数。
这样做的好处显而易见，就是利用 Platform 搭建桥梁，让 匿名函数内的 资源可以通过 Platform 访问到 其他匿名函数的资源。
简单的说就是类似：一个应用 当它需要用到某组件，那么只要包含某组件js文件进来就可以。

5. 说明下这样书写的好处

好处除了前面说的，避免 命名空间污染，不产生库冲突，同时在封闭作用域内，你可以通过引用将全局变量类冗长的名字简化。如上面的代码中就用TMS 代表 Platform.tms，然后直接使用 TMS.util 来访问 Platform.tms.util，这样看起来是不是就简洁许多。这个就是要懒得有风度的表现^_^
甚至可以直接缓存你需要的组件，如：

var util = TMS.util;

var dialog= TMS.widgets.dialog;

6. 从一个栗子 表现书写心得

(function($, TMS) {

/*************************
 *  Header 头部控制类
 */
var Header = {
	init : function(){
		this._initHover();
	},
	_initHover : function(){
		//do something
	}
}

TMS.home.header   = Header ;

})(jQuery, Platform.tms);

先丢一块代码给大家。上面的代码是渲染一个应用的头部js 文件。
外围代码跟上面差不多。
我的书写方法是 先 新建一个 Header 变量类，里面有一些子方法，如启动方法， 还有其他一切跟header 相关的方法都在里面。
然后将 header 跟 TMS.home.header 对接，便于被其他组件引用， 当然(如果你不像被外接影响，可以不用对接，这样就完全不受影响)

7. 方便的启动函数便于调试

看了上面的那么多是不是发现写了那么多怎么启动。。。 现在就跟你说怎么启动，
上面栗子中header 不是 init() 方法么，这个就是 启动函数用来初始化一些数据以及启动专用。
那么一个应用里又很多区域需要启动那么代码就可以这样写。

(function($, TMS) {

$(function(){
TMS.home.header.init();
TMS.home.cate.init();
TMS.home.slider.init();
});

})(jQuery, Platform.tms);

上面就是对3个模块进行启动操作，就像开关一样，有些人会习惯在 启动函数上添加一些参数神嘛的（类似插件那样），但是这就像是开关一样，开关追求的是一种简洁，讲复杂的东西都放在init()里去吧，会让代码更又层次。
同时 当你需要只对一个模块进行调试的时候，你就只需要注释掉其他两行代码就可以不启动了。是不是很方便。

8. 闭包式的由来

说了这么多，这样的书写方法以及优点，闭包式 的名字 是因为 它的两个特性跟闭包有点相似，一个是 封闭的作用域，另外一个是有一个全局变量类， 从一个封闭的作用域中 能够访问到 外部 全局资源，这个就是类似闭包的概念。

当然这个名字还是我YY出来的，也许它已经又它的学名了，如果又谁知道的话就不要吝啬 分享一下哇^__^

9. 其他一些可以扩展的东西

上面的那么多心得都是在 我哥(笨笨) 虚心教导下产生的，
本来这次分享是直接邀请他来分享的，不过似乎他更忙些。
之后还会分享一些 进阶内容

• a. 目录配置规范，为了让组件更规范，必须又它的目录规范
• b. namespace 命名空间 的命名规范，一套好的命名规范能让整个架构非常又调理
• c. Js 调试，合并方案，因为各个功能应用组件等都是分布在各个js 文件内的，在发布的时候需要又个合并方案，类似YUI

好了这次分享就到这里了，又更好的idea 欢迎 留言 交流学习呢 ^__^

您可能还对这些日志感兴趣

• 乱翻乱教- jQuery 制作N级导航菜单
• 菜鸟级: 标签切换效果 – JQuery实现
• 滚动新闻 – jquery 扩展插件
• 三元运算符 使用小技巧一则 – javascript
• 神经特长 – lazy hover 延迟激活jquery 插件

一周月 使用心得

跟大部分入手给iphone娘的主人一样. iphone娘妖娆的身材,以及 几近魅惑的容貌, 一般人都挡不住几下诱惑.
1. 手感: 4.9分,
当然赤果果的拿着未免觉得会有些危险, 一个不小心跟大地轻吻一下, 心都能碎掉, 所以必须配个手感还不错的壳才能弥补. (入手一个月 哥已经破了一个壳. 上图音量键边上就断掉了,=,=)

2. 电量: 4 分,
比起八妹 以及 持久的黑白机( nokia 2100 待机一周 ), 爱疯娘 还是经不起折腾, 基本上每天睡前要插上屁屁, 一天一插. 外出的话,就要另外购个 外置电池了.

3. 速度 5.0 分,
这个没得说,目前觉得她是满分的, 因为真得感觉不到很卡,有点小卡也是在 理想等待范围内.

4. 应用: 4.9分,
刚入手第二天就果断越狱男淫, 不为别的, 就为越狱, 起初会很好奇的装N多 应用, N多破解, 但是慢慢沉淀下来的也就那么几个. 有人会说,都买iphone4 了还差那么几个收费的软件么? 呵呵, 是真米钱~~ ^___^ ,
当然什么时候app store 上也有自己的应用的时候, 估计就会慢慢去改过来吧.毕竟 要尊重作者的劳动成果.
app store 上应用很多,但是真正好的, 自己想用的也就这些, 而且感觉还是有些没有满足自己的需求, 比如 “记账的应用” , “随手记” 用不习惯, 感觉怪怪的.

5. 相机: 5分,
又一个满分, 目前手机相机觉得最流畅的一款了吧, 虽然我用的相机不多, 但是已经满足我的拍照需求了, 无论相机打开速度(这个很重要,很多时候, 抓拍一定要这个. 不然等你半天打开,最好的感觉就没了.心情也没了), 拍照速度.

6. 上网: 4.5分
上周还被同事鄙视说 都iphone4了, 还用ucweb 上网, 额, 说实话我还是不习惯 用手机 safari 上网, 因为一个流量大, 还有一个我还得放大, 如果说用wifi 上还是ok 的, 但是如果是户外的话. 我还是比较倾向于uc, 不过慢慢的发现用ucweb 的机会也越来越少,因为针对各个上网需求都有对应的app应用了. 唯一麻烦的是你得关关开开,时不时捏一下 iphone娘的肚肚.

7. 信号: 4分
联通版的iphone 有一点好就是流量大, 还3G 上网速度很快. 但是联通信号不给力啊, 反正一到比较底层的商场内部,KTV 包厢 , 神嘛的 信号就没了, 只剩下移动信号. 很杯具的. 这个很纠结的. 虽然在其他地方上网速度很快, 而且进这样的地方也少, 但是要是去地铁这样的地方要是没信号不久蛋疼死啦~~ 等车啊大哥, 显得蛋疼啊大哥~~!!! 好吧收敛点

好吧, 一个月的使用心得就这样啦.
就这样跟咱们家八妹告别了, 不过我还是会疼你的. 一个月一次, ^__^
不过最近听到iphone4 猛掉价 囧啊 囧啊~~
无所谓啦无所谓啦~~

今天就到这里了. 好久没更新了,最近还是挺忙的, 后台堆了好多文章的题目, 挤了几行字.
好吧少玩游戏少加班 多写文章 灭哈哈`~~ ^__^

您可能还对这些日志感兴趣

• iphone ipad,itouch添加到主屏幕后自定义屏幕图标的方法
• iPhone GUI PSD Version 4