刘春龙的博客

    Mac操作系统里面有个好用的东西叫做Dashboard，Windows的桌面小工具就是抄的Dashboard。   Dashboard里面的Widget都是用网页技术做的(HTML, Javascript 等)，Dashboard仅仅是提供一个透明的window来显示widget的网页而已。

    Mac操作系统自带的Widgets里面就有一个叫做“便签”的东西，可以实现类似记事本的功能，但是记录的文本有限，不能超过便签窗口的大小，实际使用起来十分蛋疼。

    我这个小东西的特点是这样的：

• 提供一个白底黑字的文本框显示在dashboard界面
• 文本框使用textarea控件，里面的文字保证没有任何格式
• 理论上可以在里面输入无限制长度的字符
• 关闭dashboard界面的时候，文本框里面的文字内容自动保存到硬盘
• 窗口大小可以自由调节
• 支持添加多个窗口到dashboard

    下载： here    源代码：Github page

完。

某些时候，我们需要用户输入一个日期范围，比较直观的想法是用两个date picker控件。但是两个date picker给用户带来的体验并不好。于是我搞了个jQuery插件，可以实现在一个界面里面选择日期范围，并且将选择的值输出到一个input框中。

• 依赖 jQuery 1.3+, Moment 2.0.0+
• 支持 IE6+, Firefox, Chrome, Safari 等浏览器
• 支持多语言
• 界面完全CSS可控

文档以及代码见我的英文博客：http://jszen.com/jquery-date-range-picker-plugin.4.html

下载：https://github.com/longbill/jquery-date-range-picker

完。

    直到今天才发现一个惊人的事情：iPad3的电池容量是11666mAh，而macbook pro的电池容量才5000多mAh。为什么iPad3那么小的体积内可以装下比mbp更多的电池容量呢？难道采用了什么新的科技？

    于是google了下，又发现一个惊人的事情：一般电池上标的容量单位是mAh，但是学过物理的都知道，电流乘以时间不是一个能量单位，还少了一个电压。相信跟我一样到现在才发现这个问题的同学还有很多，那么我就普及下高中物理知识：

• 电流单位A(安培),  1000mA = 1A
• 电压单位V(福特)
• 功率单位W(瓦特)  
• 能量单位J(焦耳)，但是在电子产品的电池上很少用这个单位。一般用Whr(瓦时)表示能量。

• 能量=功率x时间
• 功率=电压x电流
• 能量=电压x电流x时间

    综上，mAh并不是一个准确的表示电池容量的单位，它的出现应该同时标明电压（大部分手机等电子设备是固定的3.7V）。Whr是能量单位，可以表示电池的容量。

    所以，在比较电池容量的时候，请先确定电压是否一样。如果不一样，就要乘以各自的电压转换成Whr再比较。

    所以，mbp的电池上标明容量是60Whr，电压大约10.95V（算得mAh表示法大约5480mAh）。而iPad3的11666mAh大约工作在3.7V的电压下，算得大约43Whr。所以iPad3的电池是没有比mbp电池容量大的。

完。

很喜欢hollister这个牌子，但是国内貌似只有深圳上海北京有店。这马上就要回成都了，买不到了。于是就去他们官方网站看看。

国内IP访问他们网站会被强制跳转到香港站。衣服的价格是港币，标价跟深圳的店差不多。对比起来网购没什么优势啊，就一个港币汇率8折。于是放大招，通过IP位于日本的代理再次访问他们网站。哇，出来了。美元标价换算成人民币相当于只要六七折啊，而且这圣诞新年打折更便宜啊。在深圳店里面1600不打折的羽绒服，美元只要139刀啊。接近5折了！而且美国版网站跟香港版网站同样支持送货到国内地址的。 

于是选购了两百多刀的各种东西，给了20刀的邮费，感觉就算完事了，坐等收货。看来还是想太简单了。没过几天，fedex给我电话说让我报税。还非得按invoice上的价格来报，20%的税率。折腾了几次打印扫描后总算也把入关手续弄好了。交了310人民币的税。 从美国发货到我收到货大概七八天吧。现在算来，加上邮费加上缴税，还是比实体店便宜不少，甚至比香港人通过网站买还便宜不少。。。

衣服貌似有些是越南产的，有些是中国产的。自己地方产的东西到美国去走一圈，价值就翻了那么多。更可恶的是他们还歧视中国人啊，默认访问的香港版网站卖的价格还更贵。

PS. 喜欢这个牌子是因为无意间逛到了深圳的实体店，店内很有风格，服务员都是帅哥美女尤其是那个收银的小妹。。。。服务员还满口英语，感觉很洋盘的样子。还有店的味道很不错。总的说来就是一次很愉快的经历。让我第一次觉得逛街其实也可以很享受嘛。 

另外，不知道有没有什么办法可以免去这个关税。知道的同学支个招呗。

完。

    记得很久很久以前，主流还是IE6。开发前端页面的时候，修改一行CSS或者JS，就要回到浏览器刷新看下效果。调试Javascript更是只能用alert来判断是哪行代码出问题了。那个时候，Javascript还有个竞争对手叫VBScript，声明script标签的时候还建议声明language="javascript"。那个时候网页脚本还被认为是仅仅能给网页增加一些跑马灯等的特效而存在的。

    那都是05年的事了。现在前端的各种环境各种工具都迈入了一个崭新的时代。感谢Google推动了浏览器的发展，感谢W3C制定各种有用没用的标准，鄙视微软万恶的IE6。现在我们开发前端页面已经逐渐变得优雅/文艺了起来。这让我这个经历过当年艰苦岁月的前端er不禁感叹终于熬出头了。。。

    这里我像各位同学介绍下我长期使用的各种前端开发工具，主要是提升效率。欢迎补充留言。

Chrome developer tools

    不知道什么时候，Chrome developer tools强大到超过了Firebug，成为了我主要的debug工具。查看浏览器发起的所有请求、查看页面引用的js/css代码、查看/修改页面DOM结构、在页面上修改css/js然后直接看到效果、Javascript Console等等各种基本功能都做到非常好用。强烈建议各位找找深入介绍Chrome developer tools的文章，相信有很多高级的功能很多同学都还没用过。

Sublime Text 2

    这是一个文本编辑器。也是不知道什么时候就强大到超过Textmate，成为我主要的编辑器。更重要的是，它居然是跨平台的。用Windows的同学有福了。

Zen Coding

    这是一个编辑器插件，支持各种编辑器。这里有篇介绍文章。这个插件的牛逼之处在于可以大大提高写HTML的效率。比如我要写一个html table。输入 table#list-table.table>tr.row*3>td.cell*3 然后按定义的Zen Cod ing快捷键，就会马上生成:

	<table id="list-table" class="table">
		<tr class="row">
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
		<tr class="row">
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
		<tr class="row">
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
	</table>

Twitter Bootstrap

    这是twitter发布的一套前端整体框架。也就是预先定义了很多css和一些Js代码。写页面的时候，按照规范写class，就可以实现用户体验很好的页面。这里是项目主页。现在很多很多网站都基于bootstrap来开发。的确可以为开发者节省很多宝贵的时间，更重要的是，这些页面元素都是twitter经过研究后，觉得是用户体验最好的设计。而且，基于bootstrap，页面还可以很轻松的做到mobile friendly。我的一个小项目就是基于bootstrap，实现了使用同一个页面，支持各种尺寸的浏览器。尤其在iOS浏览器上表现非常好。精选文章

Devtools Autosave

    这才是最牛逼的神器。项目地址在这里。这个东西实现了可以在Chrome developer tools里面修改css属性或者js代码，然后直接同步保存到本地或者服务器。比如以前我们先大概写好css，然后用firebug进行微调，调整好后，复制css代码，进入编辑器粘贴代码然后保存，然后刷新浏览器看效果。而现在，在Chrome devtools里面，修改的css可以自动保存了。而且不仅仅是css属性，还可以直接修改css源文件、javascript源文件。现在的开发方式可以简化到，先写好HTML骨架，定义好各个class名字，然后打开chrome devtools，在css源文件里面直接添加新的class。边写边可以看到效果哦。牛逼指数10颗星啊。

Markman

    马克鳗是一个Design to HTML神器。很多时候我们需要根据设计图片文件来开发成网页代码。这时需要精确测量各种距离、各种宽度、各种颜色。马克鳗可以优雅的完成这个任务。项目地址在这里。下面是我截的图：

    先写这么多吧。

完。

    Mac OS系统里面的应用程序都是文件夹形式。只不过是内部有一定规则的文件夹而已。在应用程序上右键，选择查看包内容就可以查看应用程序里面的东西了。应用程序的图标文件也在里面。一般是一个.icns文件。替换这个文件，就可以更换app的图标。不过这个方法跟我要讲的方法闭起来弱爆了。首先不说找到那个.icns文件很麻烦，光是把图片转换成.icns格式就够折腾。

    其实Mac OS操作系统是很简单的。不就是换个图标么。复制粘贴就可以了！请看：

1. 找到目标APP，比如迅雷：
   
   
    
2. 到网上随便找个png图片，当然，要足够大。然后右键，复制图片。比如这只黑猫：
   
   
    
3. 转到Finder，选中迅雷APP，然后按Command+I或者右键菜单里面选择“显示简介”也可以。 然后选中左上角红色按钮和黄色按钮下面的那个图标。选中之后图标边缘会变成蓝色：
   
   
    
4. 点击Command+V粘贴。搞定！
   
   
   
    
5. 如果想使用本地的图片文件来当icon。那可以先使用系统自带的“预览”工具打开该图片。然后全选（或者选择一部分也可以）。然后按Command+C复制。
   
   
    
6. 然后就跟第四步一样Command+V粘贴:
   
   
    
7. 其实不用复制粘贴，直接拖动网页上的图片到简介上的那个图标上也可以。不过要先组织下窗口位置：
   

    其实就是这么简单。

完。

    我去年9月份入手了一台一汽大众高尔夫6 1.4TSI+DSG车子。今年3月份大众公司说可以升级DSG控制程序，于是我就去升级了。后来越开越觉得换挡不平顺，于是又去升级了一次DSG程序，但是问题更严重了。后来在网上看了好多人都遇到这个问题。 再后来我把车开到了深圳，在深圳这边的4s店问了下，告诉我需要重置DSG参数，然后用手动模式在高速上跑一下，让DSG程序重新学习车子的发动机性能。我这才明白原来我之前升级过DSG程序之后，都没有这么做过，DSG程序没学习好，所以出现了顿挫感。这也解释了为什么网上关于升级DSG程序后的各种不同评价，有的人说升级了感觉很好，有的人则觉得不如以前了。

    按4s技师说的，重置了DSG参数后，应该立即上高速，用手动模式在5档、6档让发动机在2000-4000转每隔500转停留至少10秒以上。也就是说挂5档，6档,让发动机转速在2000-2500,2500-3000,3000-3500,3500-4000这四个区间分别停留10秒以上。我的DSG经过这样的重新学习之后，顿挫抖动问题都得到了很大的缓解，驾驶起来平顺多了。不过还是比不上新车时候的感觉。网上说这很可能是因为离合片磨损造成的。

    不过7速DSG的问题确实很多人都遇到了。我成都一个朋友甚至还更换了DSG总成，还是问题依旧，最后不得不自己掏钱换了个6速湿式DSG。因为很多人投诉大众的DSG有设计缺陷，国家质监总局采取了一些行动：《国家质检总局缺陷产品管理中心向社会公开征集大众汽车DSG变速器相关故障信息》 希望遇到DSG问题的朋友都去投诉一下，好让大众公司尽快解决DSG问题。

2012年11月29日更新

    前不久去做保养，顺便跟客服提了下二档抖动的问题，故意夸大了一下。没想到过几天客服打电话给我说索赔成功，更换离合片。然后11月十几号的时候我去换了，搞了五六个小时。 换的时候我大概看了下，新离合片貌似是德国货。论坛里有同学说是新的离合片用新的材料制造，避免了高温变形的问题。现在开了半个月，感觉跟新车差不多，换挡很平顺。

    在去换离合片的当天，有个同学在这篇日志留言说抖动的解决办法：

DSG低速抖动有效处理方法：怠速时，首先右脚踩住刹车，挂D档，左脚加油门到三分之二处，保持1分钟；然后松开油门挂倒档，同样加油门三分之二处保持1分钟，同样方法，操作2一3次即可解决低速抖动问题；此方法让两个离合器重新磨合到最新控制状态，有效解决低速抖动问题。

    我在去换离合片之前特意试了下。果然有效唉！不过我估计开不了多久，还是会抖动，还需要这样做。所以，还是换离合片感觉好些。

完。

首先要讲一下Mac操作系统跟windows操作系统的不同，以及一些基本知识：

引导程序

苹果电脑采用EFI来引导系统，而不是BIOS。EFI比BIOS简单好用的多。EFI支持从U盘、外置硬盘、光盘、硬盘的某个分区启动。选择用那种方式启动只需开机的时候按住alt(option)键不放就可以了。

安装盘

Mac系统的安装盘可以在网上下载，一般是dmg格式。dmg是mac的压缩打包格式，类似于iso格式。下载回来之后，可以用Mac系统自带的“磁盘工具”软件将dmg文件恢复到某个硬盘分区，或者刻录到某DVD光盘中。不过建议恢复到硬盘里面，这样安装系统的时候速度会快很多。

序列号

Mac系统只能装在苹果电脑上（经过破解之后也能装在PC上），所以操作系统的价格在你买苹果电脑的时候就算交过了。之后只要你能得到dmg格式的系统镜像，就可以随便在电脑上安装而不需要任何激活码或者序列号。

Timemachine

时间机器是Mac自带的系统备份恢复软件。通过差量备份将系统不同时候的状态全部记录下来，可以随时找回之前的文件。也可以将资料从一台电脑恢复到另外一台。 我们将会使用Timemachine来备份当前电脑的所有资料（超大的文件貌似不会被备份，例如虚拟机文件），然后等新系统装好后，再从Timemachine里面把资料还原回来。这里说的“资料”不仅仅包含个人文档，而是计算机的所有人为改变，包括你下载的程序，你的浏览器看过的网站记录，甚至你桌面上图标的位置。

备份磁盘分区

系统自带的“磁盘工具”的功能十分强大。它支持在开机状态下把系统盘完整拷贝到另外的分区或者外置磁盘分区。同样，新系统装好后，也可以从这个拷贝恢复个人数据。而且备份整个系统分区貌似要比使用Timemachine备份要快一些（如果你是第一次使用Timemachine的话）。

迁移助理

“迁移助理”是Mac系统自带的系统恢复软件。支持网络迁移、从Timemachine或者磁盘恢复。在新系统刚刚装好的时候，建立任何用户之前，系统会提示是否需要迁移。如果错过了这次机会也没关系，任何时候都可以启动“迁移助理”来进行迁移。

系统分区

一般情况下，苹果电脑的内置硬盘只需要1个分区。并且请保证磁盘的分区图方案是GUID分区表。否则会影响启动速度。格式化在苹果系统里面叫做“抹掉”。苹果的分区抹掉的时候要选则格式为“Mac OS 扩展（日志式）”。

修复权限

Mac系统是基于BSD的，跟Linux很像。系统对文件权限的控制非常严格，这点跟windows很不像。想像一下windows下面，你不小心双击了一个病毒文件，然后。。。然后就没有然后了。。。而Mac下面就算你运行了一个病毒文件，在你输入密码之前，它是没有权限修改系统文件的，顶多就是把你的个人文件删了。  而且很多系统问题都是由于权限错误造成的。所以一般在完成迁移之后都会做一次“修复磁盘权限”操作，以保证系统的稳定运行。这个功能可以在“磁盘工具”的“急救”选项卡里面找到。

步骤：

好了，现在来说说怎样升级或者重装Mac系统。

首先，从网上找到需要的系统镜像文件。下载下来。 

找一个usb硬盘，分一个10GB左右的分区。（或者使用本机的硬盘，新增加一个分区）。

打开磁盘工具软件，将这个分区抹掉（注意选择格式）。

点击“恢复”选项卡点击“源磁盘”后面的“映像”按钮，找到刚刚下载的dmg系统文件。将左侧刚刚抹掉的10GB分区拖入“目的磁盘”的空白框内。然后点击“恢复”按钮。

坐等完成。

如果你想保留你的个人文件的话，在安装新系统之前请用Timemachine备份一次或者用磁盘工具把系统盘备份到外置硬盘（外置硬盘的分区需要比系统盘稍大）。

完成了之后你就可以重启，“当”一声之前按住alt不放，进入启动选择界面，选择安装盘分区启动。

进入安装盘系统之后，最好不要着急安装。先打开磁盘工具（对，安装盘里面也自带了磁盘工具软件），然后抹掉系统分区。如果是用外置磁盘安装，甚至可以抹掉整个系统磁盘。

抹掉之后就可以继续系统安装步骤了。没什么特别的，一直点“继续”就是了。完了之后建议先建立一个临时账号（不要跟老系统的用户名一样），进入系统看看。看看新系统满不满意，运行起来卡不卡。

如果没问题就启动“迁移助理”，把之前备份的个人资料迁移到新系统中来。

迁移完成之后注销或者重启，进入之前的用户，再进入“系统偏好设置”把刚刚的临时账号删除。然后再进行“修复权限”操作。完成之后重启。

好了，现在你的系统已经升级，并且保留了你所有的文件（注意Timemachine不会备份超大文件，.hosts文件，请自行备份）。 

另外，貌似Lion系统支持直接升级安装，直接从App Store下载Lion系统，然后直接运行就可以了。不过我还是建议在安装之前先备份一下，否则万一。。。就一切都完了。

完。

    之前的版本：http://php.js.cn/blog/itunes-geci-lrc-widget-for-mac-os-dashboard/

    这次在此基础上修改了下界面。修复了一些bug。 去掉了歌名和歌手一直显示的功能。只在歌曲开始的时候显示歌名。

    看截图：

    点击这里下载。解压后直接双击就可以了。

    注：这是个Mac OS 操作系统的Dashboard小工具！Windows用户请无视之。

完。

    用Titanium做iOS的APP挺简单的。完全不需要Object-C的知识，看官方的API文档基本就可以了。我最近做了个应用准备发布。不过遇到了个问题，就是app name不能设置成中文。 想了下，貌似App Name也有语言问题，不同语言环境下应该显示不同的名字才对。 后来网上找了一大圈，终于搞定。 下面是步骤：

    环境: Titanium Studio, build: 1.0.9, Titanium Mobile SDK 2.0.1 , Mac OS Snow Leopard

1. 首先在你的项目根目录下新建一个文件夹，i18n，这个是国际化文件夹，下面应该放各种语言的语言文件
2. i18n下面新建en文件夹用于英文，zh_CN文件夹用于中文，ja 日文 ... 
3. 在每个语言文件夹下面新建app.xml文件
4. app.xml文件里面写：
   
   

   <?xml version="1.0" encoding="UTF-8"?>
<resources>
    <string name="appname">APP NAME</string>
</resources>

5. 不同语言文件夹下的app.xml写不同的APP NAME就可以了。
6. 如果没效果可以试试先clean再run

搞定。

另外，推荐一个可以下载免费icon素材的网站，http://www.softicons.com/ 里面好多开源免费的icon！！

完。