saiga (saiga)

一个个人任务管理工具

saiga — Tue, 25 Apr 2017 23:05:38 +0800

最近在重新养成使用【番茄工作法】的习惯，想着顺便用 rails 新出的 webpacker 做点什么，结果就花了几天参照使用着的番茄土豆做了一个更适合个人口味的任务管理工具。

技术栈

Rails 5.0
webpacker
Mithril.js
mithril-stream (类似 rxjs 或 xstream)

demo & github

demo 账号密码：test@sample.com 123456

由于 yarn 的关系导致 heroku 部署 demo 有点曲折，就从箱底找出一个垃圾 vps 顶着用，很慢，请见谅。

github

吐槽时间

虽然使用 webpacker，但还是需要使用 assets pipline，也就是要在之前的基础上再加上一句来打包。我还畅想能把 assets pipline 摘掉，结果还是想多了。

./bin/webpack
rails assets:precompile

另外要说的一点是，rails-webpacker 用的是 yaml + js 来配置 wepcak.config。但就个人体验来说，除了啰嗦还是啰嗦，而且还特绕。如果是新手不熟悉 webpack，搜索出的文档你都不知道咋改。

预览图

跟风安利，用 Mithril.js 实现的 Homeland Demo

saiga — Mon, 20 Feb 2017 19:04:06 +0800

最近出现很多使用 vue, react 山寨 ruby-china 的帖子，比如

直到上星期看到 @huacnlee 做了一个 homeland 的 react demo https://ruby-china.org/topics/32303，才决定基于 react demo 的 html 和 css，用 Mithril.js 重写了前端的逻辑，强势跟风来安利一波。

DEMO: http://mithril-ruby-china.herokuapp.com/

GITHUB: https://github.com/aiasfina/mithril-ruby_china

什么是 Mithril.js

Mithril 是一个超轻量（总共 1200 行代码，gzip 之后只有几 kb），无依赖的前端框架，比 React, Vue 出现都要晚。所以早期 0.x 的时候略有模仿 React 的迹象，而到了最近 1.x 之后就完全有了自己的风格。

在这上千行的代码里，Mithril 提供了几个功能：

基于 HyperScript 构建 Virtual DOM
DOM diff
双向绑定
AJAX
路由
兼容 JSX

这里是 Mithril 的 API 文档 http://mithril.js.org/api.html，滚轮滑两下就到底了，学习起来完全没有压力。

Mithril 表现如何

由于相比 react 版本缺了点东西，所以可能数据有点不准。再加上 Mithril 版本的首页字体缺失导致 painting 时间延长，所以可能各自测试的结果略有差别。

其实如果由 turbolinks 版本对比就更好了

下面分别是 `首页`，`列表切换`，`列表到主题` 的数据

React

Mithril

事实上，Mithril 的渲染速度比 react 要慢一点。但得益于本体的大小，所以脚本执行速度略胜一筹。 PS: 由于 React 版本在切换列表时会用一个 loading 的 dom 替换，没有发挥 dom diff 的优势，所以数据差别才会那么大。下面是切换列表时 dom 的变化情况。

React

Mithrl

为什么可以考虑 Mithril

Mithril 本体目前还非常活跃，但周围生态极其贫乏，与 Vue、React 相比处于劣势。如果需要构建重量级 SPA 可能力有不逮。但由于本体非常小，学习成本低，可以接入到任何网页实现部分组件化，所以还是非常值得推荐的。而且也有了生产环境使用案例，像 vimeo，nike，Flarum 都在产品中使用了。

今天要回深圳了，不知道现在还有公司在招人吗？

saiga — Wed, 17 Dec 2014 13:25:12 +0800

今天要回去一趟看看，蹲个一两个星期，不知道现在还有在招人的吗？

自我介绍： 1 年全职 ruby on rails 经验，linux 日常使用 4 年，前端 javascript 和 css 也还可以离职一段时间里专攻了一下 js 和设计，能玩一点 ai 和 ae。

博客：http://catlog.info/ 邮箱：aiasfina#hotmail.com 正在运行的作品： http://web-colle.herokuapp.com/

新写了一个网站，收集各种好看的网页

saiga — Fri, 12 Dec 2014 18:00:35 +0800

http://web-colle.herokuapp.com/

这个网站主要是接受前台提交的网址，后台使用 PhantomJS 截图并且分析颜色构成。用户可以根据标签和颜色进行浏览（就是想仿 dribbble）

但是，我发这个贴的目的其实是想讨论一下颜色搜索这个功能...

目前颜色搜索（点击详情页右边的色条）是对颜色参数加权平均进行的范围查询，然后通过 color rank 排序。但如你所见，很多时候效果都非常差，虽然目前有个备选方案，但是实现起来有点麻烦。

不知道大伙有啥想法？

大家怎么看待 trailblazer 这个 gem？

saiga — Sat, 29 Nov 2014 23:33:12 +0800

https://github.com/apotonick/trailblazer

Trailblazer is a thin layer on top of Rails. It gently enforces encapsulation, an intuitive code structure and gives you an object-oriented architecture.

目前我看到的功能：

将 model 改成贫血模型
将持久化操作从 controller 抽取出来，放到内部类中
解决全局 helper 问题，action 和 helper 都放到 cell 里面了（类似 volt 的 controller）
校验放到 form object 里面（与 reform 和 cell 同一个作者）

我的理解就是集成了 reform 和 cell，然后自己实现了一套 service 层。

btw，关于 service 层和 rails model 过分充血好像之前也有争论，不知道大伙对这个 gem 有什么看法？

AngularJS 2.0 正在路上..

saiga — Sun, 09 Nov 2014 04:02:49 +0800

AngularJS 作为最前沿的 JavaScript 框架之一，版本号的改变肯定不是简单的 1 + 1，所以 2.0 不负众望地带来了非常大的改变：

从模板到代码都有改动，完全不向下兼容 1.x...

变成一个叫 angularjs2 的新框架...

是的，你在 1.x 所学的大部分知识都要过时了。

模板语法改变

新的模板语法将更严格区分 property 和 attribute，不再采用指令统一语法，而使用 [] 和 () 来区分数据和事件行为：

<div>
  <input type="text" [value]="newTodoTitle">
  <button (click)="addTodo()">+</button>

  <ul>
    <li [ng-repeat|todo]="todosof('goods')">{{todo.title}}</li>
  </ul>
<div>

从代码可以看到，ng-model 将被中括号替代，ng-click 则变成小括号。

controllers 和 $scope 没了

新版本更强调组件化，不再使用 controllers 控制 view，而是使用 component directvie 声明组件，在组件内管理状态，这有点类似 reactjs 的写法：

@ComponentDirective
class TodoApp {
  constructor() {
    this.newTodoTitle = '';
  }
  addTodo: function() { ... }
  todosof: function(filter) { ... }
}

Directive 还在，但概念上更复杂，而 DDO (Directive Defined Object) 则被取消了

2.0 中 Directive 还在，但在视频中我们可以看到 Directive 暂时被分为了三种：

Component Directive
Template Directive
Decorator Directive

代码示例：

@ComponentDirective({...})
class Todo {}

@TemplateDirective({ ... })
class NgRepeat { ... }

@DecoratorDirective({ ... })
class NgClass { ... }

其中组件指令应该对应被砍掉的 contollers，而关注 dom 变化的被归类为模板指令，装饰指令则对应样式变化和动画。

参考以上的代码你可以看到，由于采用了面向对象的写法，以前写的 directive 将不能在 2.0 中使用...

去掉 jqLite

2.0 追求更现代的浏览器和 ECMAScript6 规范，鼓励直接使用原生 api 操作，也就没有必要使用 jQuery 来兼容各浏览器差异。

至于 IE 能兼容到什么版本，我个人猜测 IE10 应该是没问题的。

框架本身采用了 AtScript 开发

AtScript 是 TypeScript 的超集，除了拥有类型之外，她还在 TypeScript 的基础上加入了注解。

虽然框架并不一定需要搭配 AtScript 进行开发，但 AtScript 并不像 CoffeeScript，而且目前还没看到使用原生 JavaScript 的示例。

不再采用 angular.module

或许是因为 AtScript 提供了更好的模块管理功能，2.0 将不再支持 angular.module 方式管理模块，而是采用类似 python 的方式：

import {TodoService} form './todo_service';

1.3 是否还会维护

根据 Brad Green 的回答，距离 2.0 发布大约还需要一年半到两年的时间，在这段时间内还会为 1.3 提供补丁....

最后

目前 2.0 还在快速迭代中，很多东西并没有最终定下来。不过我认为后面会为平滑升级做文章应该不太可能了，因为 2.0 弱化了 MVVM 而强调了组件化的概念，这个概念在 polymer 和 react 中已经得到了证明： 前端组件化是趋势

相关文章：AngularJS 2.0 细节披露

相关视频：油管

入坑 Elixir，想做一个关于 Elixir 的论坛有人感兴趣吗？

saiga — Wed, 17 Sep 2014 22:20:57 +0800

这两天开始看 Elixir，顺便想用 @rei 的 campo 改一个 Elixir 的论坛，图都已经画好了，不知道有没有人感兴趣？虽然感觉直接在 ruby china 上讨论应该也可以...

图.....

Ruby 2.2 的可回收 symbol

saiga — Fri, 12 Sep 2014 10:53:53 +0800

Q: 请描述一下 Symbol 可能引起的内存泄露？

A: Symbol 不会被 GC 回收，如果频繁调用 #to_sym 方法将字符串转换成 Symbol 的话，会耗费大量内存。

这个是我比较喜欢的一道面试题，不过你已经不用记这个问题了，因为它将在 Ruby 2.2 得到解决。

进入正题

六个月前，Narihiro Nakamura 放出了一个补丁，这个补丁可以让 Ruby GC 对 Symbol 进行回收，而这个特性将会与 Ruby 2.2 一同发布。

Ruby 语言规定了 Symbol 是不可回收的单例对象，为什么会在这个时候才成为 GC 的目标呢？

这是因为 Ruby 在定义 Symbol 时过于粗暴了，让所有 symbol 都不可回收，而在日常开发中大部分的 Symbol 都是可以回收的。

动态 symbol

在 Ruby 2.2 中，Narihiro Nakamura 并没有过多地改动原有的 symbol，而是定义了一个新的类型 dynamic symbol。

这个类型在 C 里面是一个 RSymbol，与 RString, RArray 等一样是 RVALUE，这样 GC 就可以针对该 structs 进行回收。

于是乎 Symbol 就被分为静态和动态两种：

静态 symbol
1. 由 rb_intern() 生成的
2. 跟原来一样有一个全局唯一的编号
3. 不可回收
4. LSB = 1 (最低有效位等于 1)
5. 保留 ID 在 147 以下的例外
动态 symbol
1. 在 Ruby 中调用 #to_sym, #intern 生成的
2. 在 C 中是一个 RVALUE
3. 可以回收
4. LSB = 0
5. 当它通过 SYM2ID 或 rb_intern 转换成一个 ID 时会变成受限状态
6. 受限状态的 symbol 不会被回收

### Ruby 的改动

无论 symbol 是动态还是静态，对于 Ruby 都是透明的。这里是实现清单：

parse.y: support Symbol GC. [ruby-trunk Feature #9634] See this ticket about Symbol GC.
include/ruby/ruby.h: Declare few functions.
- rb_sym2id: almost same as old SYM2ID but support dynamic symbols.
- rb_id2sym: almost same as old ID2SYM but support dynamic symbols.
- rb_sym2str: almost same as rb_id2str(SYM2ID(sym)) but not pin down a dynamic symbol. Declare a new struct.
- struct RSymbol: represents a dynamic symbol as object in Ruby's heaps. Add few macros.
- STATIC_SYM_P: check a static symbol.
- DYNAMIC_SYM_P: check a dynamic symbol.
- RSYMBOL: cast to RSymbol
gc.c: declare RSymbol. support T_SYMBOL.
internal.h: Declare few functions.
- rb_gc_free_dsymbol: free up a dynamic symbol. GC call this function at a sweep phase.
- rb_str_dynamic_intern: convert a string to a dynamic symbol.
- rb_check_id_without_pindown: not pinning function.
- rb_sym2id_without_pindown: ditto.
- rb_check_id_cstr_without_pindown: ditto.
string.c (Init_String): String#intern and String#to_sym use rb_str_dynamic_intern.
template/id.h.tmpl: use LSB of ID as a flag for determining a static symbol, so we shift left other ruby_id_types.
string.c: use rb_sym2str instead rb_id2str(SYM2ID(sym)) to avoid pinning.
load.c: use xx_without_pindown function at creating temporary ID to avoid pinning.
object.c: ditto.
sprintf.c: ditto.
struct.c: ditto.
thread.c: ditto.
variable.c: ditto.
vm_method.c: ditto.

可以看出，很多改动都是针对新的 RSymbol，而 string.c 中改为调用 rb_str_dynamic_intern 使得我们可以通过 String#intern 和 String#to_sym 获得动态 symbol。

Benchmark

# /tmp/a.rb
obj = Object.new
100_000.times do |i|
  obj.respond_to?("sym#{i}".to_sym)
end
GC.start
puts"symbol : #{Symbol.all_symbols.size}"

% time RBENV_VERSION=ruby-r45059 ruby -v /tmp/a.rb
ruby 2.2.0dev (2014-02-20 trunk 45059) [x86_64-linux]
symbol : 102416
0.24s user 0.01s system 91% cpu 0.272 total

% time RBENV_VERSION=symgc ruby -v /tmp/a.rb
ruby 2.2.0dev (2014-02-20 trunk 45059) [x86_64-linux]
symbol : 2833
0.21s user 0.01s system 90% cpu 0.247 total

symgc 的 symbols 对象的数量大量减少了
由于 Full GC 减少，使得 symgc 总耗时更少

这里有一份更详尽的性能测试清单，可以看出性能并没有明显下降 https://gist.github.com/authorNari/9359704

【传教向】LiveScript，不仅仅是 JavaScript

saiga — Thu, 21 Aug 2014 20:11:17 +0800

最近在充实一下贫瘠的博客好在面试时加点分，刚好撸完这篇顺道传教来了... 另外博客里面还有好几篇关于 LiveScript 的:)

如果你还不知道 LiveScript，可以看看这里：从 CoffeeScript 转到 LiveScript 的 10 个理由

脱离 <- 回调嵌套

<- 这是直接引诱我从 CoffeeScript 转到 LiveScript 的符号，他可以扁平化嵌套回调

# CoffeeScript
$ ->
  $(document).on 'click', '#btn', (e) ->
    $.get '', (resp) ->
      console.log resp

# LiveScript
<-! $
e <- $ document .on \click \#btn
resp <- $ .get ''
resp |> console .log

上面这两段代码是等价的，但是 LiveScript 明显少了很多缩进

不过，如果中间夹杂着顺序逻辑，这或许会给你造成困扰...

# CoffeeScript
$ ->
  $(document).on 'click', '#btn1', (e) ->
  $(document).on 'click', '#btn2', (e) ->

这时候可以使用 do 来摆脱嵌套

<-! $
do
  e <- $ document .on \click \#btn1
do
  e <- $ document .on \click \#btn2

多才多能的 do

在 CoffeeScript 中，do 可以立即调用函数。而在 LiveScript...

调用函数

foo = ->
do foo # CoffeeScript 也有
foo! # LiveScript推荐的无参调用

参数包装

# CoffeeScript
foo = (int, obj) ->
foo 123,
  bar: 1

LiveScript 并不支持换行 + 缩进调用，但可以使用 do 关键字来实现真正的多行参数，这在用表达式作为参数时非常有用

foo = (int, obj) ->
foo do
  if true then 1 else 2
  bar: 1

代码块，相当于 (...)

fn = (arg1, arg2) ->
do
  e <- doAsync!
do 
  fn do
    do
      foo!
      bar!
    123

双向管道

管道是 LiveScript 非常炫的语法，管道前的结果将会作为管道后函数的参数被调用

[1 2 3] |> map (* 2) |> sum #=> 12

也支持反向，但只是代码反转，结果是一样的

sum <| map (* 2) <| [1 2 3]

有了正反向管道，就出现了双向管道了。LiveScript 在处理双向管道时会先计算右管道，再计算左管道

sum <| [1 2 3] |> map (* 2)

以上三段代码代码转译结果等价

占位符

LiveScript 的占位符提供了部分应用函数的特性

plus = (a, b) ->
  a + b
plus5 = plus 5, _
plus5 1 #=> 6

也可以应用到管道上，与上面不同的是，下面的代码不会生成 partialize$ 函数

1 |> plus 5, _

如果你熟悉 Scala，或许会像我一样写过这样的代码

new Date |> _.get-year! # 错误！

这是因为 LiveScript 的占位符只能用在参数位置，管道并不会推导成调用者本身

new Date |> -> it.get-year! # 正解

使用 let 改变上下文

立即执行函数 (Immediate Functions) 在 JavaScript 到处可见，这是因为 JavaScript 搞笑的变量声明，如果在全局环境下声明会默认成为全局变量

在 CoffeeScript 和 LiveScript 会把每个 script 文件内的代码都编译在立即执行函数中，所以并不常见。但有时侯我们会想改变上下文

let this = {}
  @a = 1

请注意 this 赋值一定要在最前面

let this = window, $ = jQuery
  $.do-something!

神奇的括号

LiveScript 的括号很神奇，不同的位置有着不同的效果

当括号里是变量时，会转译成函数调用

(foo 1) #== lisp 方式的函数调用
(foo (bar (cf 1))) #== 同上

当括号里是点 + 变量，转译成函数定义

(.join '')

当括号里是操作符时，转译成函数定义

plus1 = (+ 1)
plus 1 #=> 2

绑定流

LiveScript 支持多层级流式调用，跟 jQuery 搭配时可以忘掉 ends() 了

$ \.content .parent!
  ..find \.sidebar
    ..append newContent
    ..addClass \highlight
  ..toggleClass \dark
  ..prepend newHeader

这段代码会被翻译为

var x$, y$;
x$ = $('.content').parent();
y$ = x$.find('.sidebar');
y$.append(newContent);
y$.addClass('highlight');
x$.toggleClass('dark');
x$.prepend(newHeader);

有时候，我们会需要流间的结果

$ \.content .parent!
  sidebar = ..find \.sidebar
    ..append newContent
    ..addClass \highlight
  ..toggleClass \dark
  ..prepend newHeader

sidebar

函数复合

函数复合可以将几个操作合并在一起，调用顺序与箭头方向一致

plus1 = (+ 1)
div2  = (/ 2)
div2-then-plus1 = plus1 << div2
plus1-then-div2 = plus1 >> div2

需要注意的是函数复合不能用在方法上！因此局限很大

多样的箭头

-> 定义函数

<- 定义回调函数

!-> 无返回值函数

<-! 无返回值回调函数

~> 绑定上下文的函数，等同于 CoffeeScript 的 fat arrow

--> 柯里化函数

~~> 绑定上下文的柯里化函数

除了箭头，LiveScript 也支持 function 关键字的函数声明

总结：

LiveScript 的语法糖非常非常的多，在 CoffeeScript 的语法基础上进一步向 FP 靠拢，并提供了 prelude.ls 标准库。

入门相比 CoffeeScript 要困难，不过如果你是 FP 的爱好者，不妨一试 :)

ps: 这里是我用 liveScript 写的 express4 的 demo: (https://github.com/aiasfina/express4-livescript-sample)

类似花瓣那种采集插件如何获得图片来源地址

saiga — Wed, 23 Jul 2014 00:39:47 +0800

目前在写一个日式漫画绘画素材收集的网站，图片采用浏览器插件和用户上传两种。

插件通过用户在图片上右键点击，程序发送图片地址和当前标签地址。

插件在百度，pixiv，dribbble，花瓣这些网站上下载成功，部分出现 403。

但是即使采集到图片，记录的来源地址依旧不可用。举个例子： 用户进入 pixiv 小图页面 -> 大图页面 -> 采集 -> 程序记录来源地址（大图地址），如下图

红框地址是大图地址，也就是抓图的标签地址，但直接访问会 403，因为少了 referer。

神奇的是花瓣会去到小图的地址，这个可以直接访问，比如这张： http://huaban.com/pins/192691958/

我想知道他是怎么做到的...或者说有什么比较靠谱的思路？

Rails 死活连不上 Postgresql

saiga — Thu, 06 Mar 2014 20:21:04 +0800

环境：cubieboard，cubian，postgresql9.3.3

SSH 上去可以用 psql，PC 可以用 pgadmin 远程连接。

但是 cb 里面的 rails 会报错：

could not connect to server: Connection timed out
        Is the server running on host "localhost" (127.0.0.1) and accepting
        TCP/IP connections on port 5432?

postgresql 只改了这俩地方：

postgresql.conf

listen_address = "*"  //CB上这里不设置成*，pg会启动不了

pg_hba.conf

host    all             all             127.0.0.1/32            trust

改为

host    all             all             0.0.0.0/0            md5

rails 的 database.yml

default: &default
  adapter: postgresql
  host: localhost
  port: 5432
  encoding: utf-8
  pool: 5
  username: ***
  password: ***
  timeout: 5000

其中 host 也试过 127.0.0.1 和 10.0.0.5，后者可以在 pgadmin 上登录。

模仿 Rails 的 Erlang Web 框架 --- Chicago Boss

saiga — Sat, 28 Dec 2013 18:29:26 +0800

跟风一下..

Chicago Boss

一个模仿 Rails 的 Erlang Web 框架。

官网上的介绍：

100% 异步 IO
默认支持 WebSocket 和长连接
支持 Elixir
支持缓存 (only memcache)
NoSQL && SQL
内置 email 服务

PS: 基于 Erlang 带来的优点，坛里搜搜就有，这里就不一一说了。

内建模块

Chicago Boss 主要由以下七个部分组成：

BossDb：对数据库操作，模仿 AR
Models: 定义数据模型
ModelNew: 模型事件监听
WebController: 控制器
BossMq: 内建的消息队列
session
template

模型在 CB 里定义模型是非常简单的，创建 src/model/article.erl：

%% src/model/article.erl
-module(article, [Id, Title]).
-compile(export_all).

运行 ./init-dev.sh，Chicago Boss 会启动服务，并送你一个 console，免费的

在命令行里键入：

Article = article:new('id', "This is a title").
{ok, SavedArticle} = Article:save().

SavedArticle:title().

ok.到此结束

PS: Chicago Boss 会对 src/model/*.erl 进行特殊处理，所以不是操作数据库的模型不能放到里面。

服务器別关了，下面轮到控制器...

控制器 创建 src/controller/example_hello_controller.erl:

-module(example_hello_controller, [Req]).
-compile([export_all]).

index('GET', []) ->
    {output, "Hello, world."}.

打开 http://0.0.0.08003/hello/index：

我要输出 html!

将 output 改成 ok，创建 /src/view/hello/index.html

ok.到此结束

Template {ignore, "不说也罢"}.

是拙劣的模仿者吗？

模仿 Rails 注定干不过 Rails，CB 明白了这一点。所以他也在尽全力放大 Erlang 的优点。

long-poll

首先请让我吼一句： “实现得 TM 太完美了”

实际上，CB 并没有刻意对 long-poll 做额外的工作，而是 BossMq 带来的彩蛋。

BossMq 主要有两个方法 push/pull 。一个异步一个同步，也就是说 pull 会堵塞进程。性质跟 long-pull 非常类似，所以写起来非常简单

%% controller action
receive_chat('GET', []) ->
  {ok, Timestamp, Messages} = boss_mq:pull("my-channel", now)
  {output, Messages}.

%% Send Message
boss_mq:push("my-channel", <<"Secret Message">>)

客户端只要请求 /receive_chat，boss_mq:pull 就会堵塞直到 boss_mq:push。

BossNews

一个可插拔的模型事件监听模块，结合 model hook 和 mq 的产物。

场景：一个耗时的操作，比如在用户注册后发一封邮件。

通常做法是在 save hook 里面推到 MQ 来发送，但是在 CB 我们可以利用 BossNews 来完成这一需要。

来，骚年，打开你的 terminal

{ok, WatchId} = boss_news:watch("articles", fun(_, _) ->
  error_logger:info_msg("Did you see that??~n") end).

创建一个新的 Article，控制台打印 "Did ...."

BN 支持 create/update/delete 事件，支持单个记录的某个字段监听，也支持动态取消监听。

boss_news:cancel_watch(WatchId).

结语

Chicago Boss 是能吸引我动手写东西的 Erlang web framework，功能比不过大而全的 Rails，Erlang 是他最大的亮点，模板是他最大的硬伤，个人认为适合做小型站点、web app 或者 web server。虽然用的人不多但是文档齐全，github 上目前还很活跃。而且官方说已经可以进入生产阶段。

ajax post 出现 InvalidAuthenticityToken

saiga — Fri, 08 Nov 2013 16:35:12 +0800

用的是 $.post，已经引入 jquery_ujs

prom = $.post '/capvalid', value: value, key: $('#captcha_key').val()
prom.done (resp) =>
  if resp.pass
    @cCaptcha.addClass 'has-success'
    @enable()
  else
    @cCaptcha.addClass 'has-error'

正常进入页面是正常的。

但是，关掉 chrome 再用还原标签页那个功能，post 带的那个 token 对不上。

send_file 时，Unicorn 出现 "X-Accel-Mapping header missing" 错误

saiga — Fri, 25 Oct 2013 18:41:26 +0800

环境：Rails4，Unicorn，Nginx，Ubuntu 12.04

目的：通过 nginx 实现下载

参考了 Rack doc 和 Rails 在 nginx 和 passenger 环境下的 X-Accel-Redirect 配置和使用，应该是 nginx.conf 缺少了 X-Accel-Mapping。

但是，根据前面两篇文章设置

proxy_set_header   X-Sendfile-Type     X-Accel-Redirect
proxy_set_header   X-Accel-Mapping     /download/=/railsroot/tmp/

nginx access.log 直接报 404 了。

另外，如果没有 X-Accel-Mapping ，程序正常，但文件是不是就由 Unicorn 来发了？

自己写了个东西，终于找到地方部署了。

saiga — Sat, 23 Feb 2013 17:50:38 +0800

大概是 12 年 12 月前就已经完成的这一版，一直没时间也没地方放上来。基于 Rails 和 MongodDB。

由于 OpenShift 是目前为止对 Rails 和 MongoDB 支持比较不错的免费云服务，只能挂在上面了，服务器在 AWS，需要翻墙

简单介绍一下：

docatapp 是个人使用的在线 Markdown 编辑，管理，分享应用，基于 Rails3.2.11 和 AngularJS 1.02，支持即时预览，分组管理，文档分享，文档内嵌。（大概 =_ =||）

地址：http://docatapp-aias.rhcloud.com

测试帐号:test@gmail.com 密码：123456

吐槽：编辑器实在不好用，BUG 也多，locatstorage 基本用不了，大概下一版会换了的。另，文档列表那个大黑块绝对会改的，如果觉得很怪异那灰常正常，因为只有 1366X768 分辨率才比较正常。总之，前端什么的下一版会重写，嗯，大概....

PS:请使用 Firefox 和 Chrome，Opera 也可以。个人奉行无色无图无兼容，所以也不打算做其他兼容的了。

最后，这是第一个网站，个人的下一个网站已经基本可以上线，只是找不到好用的 VPS，高富帅的用不起，求推荐便宜点的。数据库是 postgresql，基础数据 1.2G，10G 图片.，爬虫站。

再最后，求份 rails 工作，地点不限，资薪不作要求。如果觉得我还可以的话，请联系一下。如果觉得可以塑造的话，其他语言也可以，会 Scala，不过 Java 语法忘了，可以实习。

[已解决] 生产环境下 cache fragment 如何响应多格式请求？

saiga — Fri, 14 Dec 2012 21:48:42 +0800

譬如 views 下有 _part.html.erb 、show.js.coffee 和 show.html.erb

show.js.coffee：

console.log "<%= render :partial => 'part' %>"

show.html.erb

<%= render :partial => 'part' %>

_part.html.erb

<% cache do %>
...
<% end %>

在开发环境（已开缓存）下能够正确返回，但生产环境下 js 渲染的还是 show.html.erb，而且只返回 part的内容。

一开始以为是 cache key 的原因，后来加上 cache @format do 还是一样的结果。求助！

关于 markdown 转换效能问题.

saiga — Sat, 10 Nov 2012 19:11:14 +0800

自己写了一个在线 markdown 编写分享的网站，在 markdown 处理上是沿用 ruby-china 的方法，每次更新 content 的时候生成 content_html。但是现在有个问题：redcarpet 在对稍微长点的文章处理要花费 2s 甚至更多的时间。论坛还好说，但是对于在线写作这类保存频率较高的网站有点不能接受。我记得社区里面好像有好几人做过这类应用，能不能给点建议或意见？谢谢。

asset pipline 怎么关闭混淆器？

saiga — Mon, 05 Nov 2012 18:44:24 +0800

asset pipline 混淆器把函数参数全改成短名了，有没有什么方法可以只压缩不混淆？

saiga (saiga)

一个个人任务管理工具

技术栈

demo & github

吐槽时间

预览图

跟风安利，用 Mithril.js 实现的 Homeland Demo

什么是 Mithril.js

Mithril 表现如何

下面分别是 首页，列表切换，列表到主题 的数据

React

Mithril

React

Mithrl

为什么可以考虑 Mithril

今天要回深圳了，不知道现在还有公司在招人吗？

新写了一个网站，收集各种好看的网页

大家怎么看待 trailblazer 这个 gem？

AngularJS 2.0 正在路上..

模板语法改变

controllers 和 $scope 没了

Directive 还在，但概念上更复杂，而 DDO (Directive Defined Object) 则被取消了

代码示例：

去掉 jqLite

框架本身采用了 AtScript 开发

不再采用 angular.module

1.3 是否还会维护

最后

入坑 Elixir， 想做一个关于 Elixir 的论坛有人感兴趣吗？

Ruby 2.2 的 可回收 symbol

进入正题

动态 symbol

Benchmark

【传教向】LiveScript，不仅仅是 JavaScript

脱离 <- 回调嵌套

多才多能的 do

双向管道

占位符

使用 let 改变上下文

神奇的括号

绑定流

函数复合

多样的箭头

类似花瓣那种采集插件如何获得图片来源地址

Rails 死活连不上 Postgresql

模仿 Rails 的 Erlang Web 框架 --- Chicago Boss

Chicago Boss

内建模块

是拙劣的模仿者吗？

结语

ajax post 出现 InvalidAuthenticityToken

send_file 时，Unicorn 出现 "X-Accel-Mapping header missing" 错误

自己写了个东西，终于找到地方部署了。

[已解决] 生产环境下 cache fragment 如何响应多格式请求？

关于 markdown 转换效能问题.

asset pipline 怎么关闭混淆器？

下面分别是 `首页`，`列表切换`，`列表到主题` 的数据

入坑 Elixir，想做一个关于 Elixir 的论坛有人感兴趣吗？

Ruby 2.2 的可回收 symbol