Vue Pikaday

Pikaday 是一个干净小巧不依赖其他库(如 jQuery 等)的日期选择库(只能选日期不能选时间),如果只需要一个简单的日期选择功能,又不想要加载 jQuery 甚至 Bootstrap 这样的大部头可以考虑选择。

最近在使用 Vuejs 做项目,就把这个日期选择库包装了一下,是他可以作为一个组件在项目中使用,组件源代码如下:

使用这个组件以前需要做一点微小的工作,首先安装 pikaday:

然后将所需的 css 文件引入(scsscss);
接着在项目中使用组件:

hava fun!

compass with sass

前段时间将项目里面的css文件全部转换为使用sass(.scss)来管理,迁移工作十分顺滑。其中主要就归功于compass的功劳。

compass是一套基于ruby的,自动化编译sass文件为css文件的工具,使用相对简单:

1. 安装ruby环境(如果你是Mac用户,那么可以忽略此条,windows用户可以参考官方安装文档);
2. 安装sass(同第一条,如果你使用Mac环境,系统就已经内置了sass引擎,如果是其他系统单独安装,请参考官方安装文档);
3. 安装compass,打开终端,运行如下命令

4. 在终端中,将操作路径切换至项目所在目录,运行如下命令创建初始化项目

如果你想在一个已有的项目中启用compass,只需要切换到项目目录,运行

5. 此时终端中会返回一大串的文字,也就是帮助文档了,项目里面会有一个最基本的目录结构,默认情况下,会把sass目录中的.sass/.scss文件编译后以.css文件的方式存放到stylesheets目录下,通过config.rb来修改默认配置。
6. 使用的时候,在终端输入compass compile,会进行一次编译,输入compass watch,会监听sass目录下文件的变化情况,只要文件保存就会编译一次。

Have fun!

PS:有一个很坑爹的问题在于,使用gem的时候,由于源服务器被墙,下载失败的话,请挂全局代理后安装相关软件。

Yosemite 下安装 PIL (Python Imaging Library)

项目里需要导入 pil 包,要不跑不起来,于是在终端输入

提示找不到匹配的安装包,手动到官网下载也无法正常安装。

搜了一圈终于找到了解决方案

问题解决,妈妈再也不用担心我的环境跑不起来了~

Mac 中使用 Sublime Text 编译 Java 文件后自动运行

一看标题一大坨,其实就是实现一个简单的功能,写 Java 程序的时候,按 Command+B 之后,直接在 console 里面显示结果,这样就方便很多,还省了一个终端窗口,有木有?

找了一大圈教程无果(都是简单问题复杂化,并且还无效),最后在 Quora 找到个靠谱的答案,这儿用大白话记录下 Step 吧:

1. 安装 Java 并配置环境(这我就不说了哈,网上一大坨);
2. 打开 Sublime Text,点击 Sublime Text -> Preferences -> Browse Packages,新建文件夹 Java;
3. 新建一个文档,名为 JavaC.sublime-build,其中粘贴如下内容:

4. 将这个文件拖到第二步中新建的那个 Java 文件夹;
5. Command+Q 退出 Sublime Text 后重新打开,随便找个 .java 文件 Command+B 试试。

实际效果如图:

Zen Coding

有幸接触到一种集实用性与逼格于一体的书写代码方式(主要是 HTML 代码了):Zen Coding

Zen Coding 的核心思想是你可以像书写 CSS 选择器那样去简写 HTML 代码,而不需要不停的复制粘贴,这样离搬砖似乎又稍微远了一点。

官网上有一个如此的示例:

然后你按 Tab 之后,它就会被自动填充为这样:

忽然之间就高大上了有木有?这儿有一段操作视频:

目前 Zen Coding 的插件几乎兼容市面上各种主流编辑器,官网上就可以找到对应的,比如我所使用的 Sublime Text 的 package 就在这里可以找到:http://docs.emmet.io/

Have Fun !