Monthly Archives: 六月 2014

CoffeeScript飞一样的写javascript

之前看到同事在使用coffeescript写js,当我看到那简介的coffee文件,就深深的被coffescript吸引了,简洁的语法,熟练之后会大大提升javascript的开发速度,写脚本也能像飞一样。

学习资料:
官网: http://coffeescript.org/
中文网: http://coffee-script.org/
推荐资料:
CoffeeScript 详解 https://ruby-china.org/topics/4789

会ruby语言的同学轻松上手,不过coffeescript的语法是相当简单的,看一遍官网,你绝对会有想要试试的冲动,请不要抑制这股冲动,放手去写个demo吧,只有亲自体会过后你会更加喜欢coffeescript。

前人已经介绍了很多coffeescript语法,我这里就不再赘述了,下面说一下自己写完一个demo的感觉。
我用coffeescript写了一个悬浮选择颜色标签的jQuery插件,代码很简单,目的是练习嘛。
demo代码参考: http://runjs.cn/code/v0rmoroh

1.函数返回语句
coffeescript生成的js中,会对每个方法生成returen语句,默认返回函数的最后一行,考虑有的时候并不是每个函数都必须返回,所以这一点有点不习惯,所以我在对不需要返回的函数末行都写了false.
其实返回this最好,但要注意this在上下文的含义,我在写demo时遇到的问题是,为元素绑定点击事件,就是因为 $.each() 返回的是this结果导致事件被触发了多次,最后修正还是返回false踏实一些。

2.函数调用
对于调用有参数的函数还好,直接 functionName arg1,agr2 。 如果是无参数函数,还是需要显示调用,就是加上小括号: functionName()
还有就是嵌套调用,这个也是需要自己显示的加上括号以及传递参数。
例如: offset.top += (parseInt ele.css ‘height’ )+5
—>
offset.top += (parseInt(ele.css(‘height’))) + 5;

链式调用时使用 ‘.’ 点号来进行连接,跟一般链式没有区别

3. 记得编译时加入-w参数
-w 参数的意义在于,你在开发阶段,没保存一次coffee文件就被自动编译成.js文件。

4.注释
coffeescript中的注释是# 如果使用// 或者/**/ 在编译时会报错的
遗憾是,在coffee文件中的注释在编译好的js中注释都被去掉了,所以在阅读js时没有注视的感觉,唉~

目前就这么多,后续有问题在更新上来,继续学习coffee语法。

我相信熟练使用coffeescript后在配合vim 写javascript飞一样的感觉是不会远了。

附上Demo演示

好久没有病一场了

最近老毛病犯了–单曲循环症,几天前去麦当劳吃饭时听到的一首歌曲《有点甜》,男女对唱,节奏鲜明,关键是听起来挺温馨的,依稀记得当时餐厅外面还在下雨,对面不远处有一对小情侣,这首歌还是非常应景儿,所以我就记下了,我承认有点嫉妒那对情侣。

周五晚上听着音乐就睡过去了,半夜冻醒了,拉过被子继续睡,周六5点起啦就奔虹桥火车站,天阴阴的,有风,结果感到杭州,坐在教室里就不停的流鼻涕了。

周六去杭州是参加毕业考试,以及论文装订,看到论文装订成册的那一刻,还真有些成就感,2.5年来的奔波学习,一个月后终于就如愿的获得专科学历了,还是有点小激动的。当然这也没有什么好炫耀的,之前也遇到过自己同龄但人家不是本科就是研究生的,人比人气死人啊。

周六晚上回到家,已经头脑发热,浑身无力了,躺在床上想着,已经有段时间没有感冒了,回忆着上次是什么时候感冒的同时也决定不吃药,准备扛过去。结果周日一整天,直接赖在床上了,喷嚏不断,虚汗涟涟,头疼不已,说实话,生病的感觉真的很差,味觉上市,食欲下降,浑身无力,心情也会差很多,外边晴朗的天儿,心里却是阴云密布的。坚持扛到晚上,实在不行了,毕竟明天就是周一,一对的任务等着开发呢,而且现在请假伤不起了,上次工资条发过后,仔细研究了下扣款,发现自己请了一天假,扣款接近500大洋啊,真心伤不起,想到此处立刻翻出感冒药以及消炎药,完全抛弃了想要锻炼自己抗体的想法,毕竟难受。

到几天下班,烧退了,不过还没好利索,能这么快退烧,也是自己吃的药属于猛药,虽然这些药是之前买的,之前每次感冒,为了快速好起来,我都会去买一些药效强一些的,因为自己开发时间拖不起,带病写代码的感觉很糟糕, 头疼写代码更是难受。

因为这场病,周日去游泳馆锻炼下这身膘肉的计划泡汤了.

周六是高考,也是我4年后专科结业考试的一天,或许是碰巧,还是庆幸自己有机会考试,有精力去奋斗。