Jasin Yip

使用 CoffeeScript 来编写 gulpfile

习惯使用 CoffeeScript 之后,都不怎么想写 Javascript 了,于是在新的项目当中我就试着使用去写 gulpfile,在网上查阅了一下,发现还是挺简单的。

安装 coffee-script

npm install coffee-script --save-dev

编写 gulpfile.js

在 gulpfile.js 中写这两行:

require('coffee-script/register');
require('./gulpfile.coffee');

现在,你就可以新建一个 gulpfile.coffee 来用 CoffeeScript 来编写 gulpfile 了!

包含算法:判断一个矩形是否在圆内的方法

前言

由于最近开发「兔妮妮历险记」,使用或者研究了挺多值得记录及分享的关于图形类的算法,所以打算有时间就整理一下,分享给大家。

个人非常喜欢 CoffeeScript,所以如果需要代码描述的,将会用 CoffeeScript 描述。

由于是第一篇,所以先挑个简单的写了~

算法

其实思路挺简单的,主要是判断矩形的四个点与圆的圆心距离,是否都小于圆的半径。

Group Created with Sketch.

计算两点之间的距离

要算两点之间的距离是非常容易的,设 A(x1, y1)、B(x2, y2),则有

$$ |AB|=\sqrt{(x1-x2)^2+(y1-y2)^2} $$

嗯……其实比较简单,以后继续分享~

关于 SublimeText - Javascript 中那莫名奇妙的"#{}"

Sublime Text 是我最喜欢使用的编辑器,但最近在写 Javascript 的时候却发现,当我输入双引号 "" 后,再输入 # ,居然会出现 "#{}",这让我百思不得其解,不知道是哪个插件出的问题。

于是我开始一个一个插件地卸载——测试——重新安装,终于发现了原来是Better CoffeeScript 这个插件惹的祸。

问题定位到了一个插件上,这就容易解决了。

打开 Sublime 的 Package 文件夹(SublimeText2 -> Preference -> Browser Packages...),然后在 Better CoffeeScript 文件夹中找到了问题的所在:

原来,在 Default.sublime-keymap 里它将 # 绑定了一个自动填充:

[
    { "keys": ["#"], "command": "insert_snippet", "args": {"contents": "#{${1:$SELECTION}}$0"}, "context":
        [
            { "key": "setting.auto_match_enabled", "operator": "equal", "operand": true },
            {
                "operand": "(string.quoted.double | string.interpolated) - string source",
                "operator": "equal",
                "match_all": true,
                "key": "selector"
            }
        ]
    }
]

所以,我们把这里面的东西都删掉,只留下一个 [] ,然后保存,问题就解决了。

解决 Mac 下用使用鼠标时滚轮反向的问题

Mac 的触控板真心太好用,但如果使用机械键盘的话,就不得不放弃触控板而转用鼠标(外围触控板好贵呀……),问题是在 Windows 下习惯了滚轮控制滚动条而不是页面,所以用起来方向是相反的。今天终于发现了一个很好用的小软件,可以用来解决这个问题——Scroll Reverser

- 阅读剩余部分 -