dothide (DotHide)

你的 Safari 会出现这个问题么？

dothide — Sat, 10 Dec 2016 11:00:47 +0800

【谨慎】建议大家保存内容，然后重新打开 Safari 尝试

在 Safari 浏览器中输入内容，就比如新开一个帖子，然后编辑吧
接下来按住 CapsLock，然后鼠标随便点几下或者键盘上下左右敲几下，3 秒钟后浏览器必死！

发现这个问题，是原本想按住 Shift 选中某行文字的，结果按到 CapsLock 上去了，按错后发现浏览器死了，然后再试还是死，由此发现！不知是否为操作系统 BUG？是否有人遇到过同样的问题？

Rails 5 中每个订单都有自己的 CSRF Token

dothide — Fri, 05 Aug 2016 15:52:58 +0800

这篇博客是我们《Rails 5 系列文章》中的一篇。

我们曾写过一篇博客介绍什么是 CSRF 以及如何在 Rails 4 中避免 CSRF，建议你读一下那篇文章来更好地理解本文。

嵌套表单可以绕过 Rails 4 提供的 CSRF 保护

一个典型 Rails 4 生成的表单如下：

<form method= "post" action="/money_transfer">
  <input type="hidden" name="authenticity_token" value="token_value">
</form>

黑客使用 JS 代码注入在 Rails 生成表单标签之上嵌套另一个表单。现在它看起像这样：

<form method="post" action="http://www.fraud.com/fraud">
  <form method= "post" action="/money_transfer">
    <input type="hidden" name="authenticity_token" value="token_value">
  </form>
</form>

HTML 规范不允许使用嵌套表单。

由于不允许使用嵌套表单，浏览器将接受最顶层的表单。这样一来就变成了黑客创建的表单。当该表单被提交时，「authenticity_token」也同时被提交，Rails 将做自检然后说一切都正常，这样黑客有可能黑了该网站。

Rails 5 通过为表单生成自定义令牌来修复该问题

在 Rails 5 中，CSRF 能够被加到任意表单中。每个 CSRF token 仅会被其自身所在表单的 method/action 作验证。你可以在控制器中添加以下代码行来增加针对控制器每个表单的 method/action 的真伪令牌。

class UsersController < ApplicationController
  self.per_form_csrf_tokens = true
end

在每个控制器里添加该行代码会感觉繁琐，因此你也可以初始化以下代码，为应用的所有控制器都启用该行为。

# config/application.rb
Rails.configuration.action_controller.per_form_csrf_tokens = true

这将增加针对整个应用每个表单的 method/action 的真伪令牌。之后生成的表单将会如下所示：

<form method= "post" action="/money_transfer">
  <input type="hidden" name="authenticity_token" value="money_transfer_post_action_token">
</form>

这里包含的真伪令牌将仅针对 money_transfer动作和 post 方法。尽管攻击者依然可以在这里拿到 authenticity_token，但攻击将被受限于 money_transfer post 动作。

作者 Prajakta Tambe 于 2016.1.11

在 Rails 5 控制器外部渲染视图

dothide — Thu, 04 Aug 2016 11:31:05 +0800

这篇博客是我们《Rails 5 系列文章》中的一篇。

Rails 的「请求 - 响应」周期很好理解。请求击中应用，传递到路由 route.rb，路由匹配相应的控制器动作，最终由控制器动作处理请求，并基于请求类型渲染 HTML 或 JSON。然而有时候我们想要在这个「请求 - 响应」周期之外去渲染我们的 HTML 或 JSON。比如用户要下载一个网页报告的 PDF 版本，通过「请求 - 相应」周期是能做到的。但要是我们还需发送一个周报给经理并将其作为邮件的附件来发送时，我们就需要生成相同的 PDF，却由于发送邮件是后台任务因此就落到了「请求 - 相应」周期之外了。

Rails 5 提供了该特性。

比如我们有一个 OrderController 且需要在其外部渲染独立的订单。

启动 rails console 执行如下命令：

OrdersController.render :show, assigns: { order: Order.last }

这将渲染 app/views/orders/show.html.erb 并带上值为 Order.last 的 @order 变量。可以通过 assigns 来设置实例变量，就跟在控制器动作中设置它们一样。那些实例变量将被传入到即将被渲染的视图中去。

渲染局部视图也可以：

OrdersController.render :_form, locals: { order: Order.last }

这将渲染 app/views/orders/_form.html.erb 且将传入本地变量 order。

再如我要渲染所有订单为 JSON 格式：

OrdersController.render json: Order.all
# => "[{"id":1, "name":"The Well-Grounded Rubyist", "author":"David A. Black"},
       {"id":2, "name":"Remote: Office not required", "author":"David & Jason"}]

甚至渲染普通文本也行：

>> BooksController.render plain: 'this is awesome!'
  Rendered text template (0.0ms)
# => "this is awesome!"

类似 text，我们还可以使用 render file 和 render template。

请求环境

典型的 web 请求会带上它自己的环境，通常我们在控制器中使用 request.env 来处理该环境。某些像 devise 的包依靠 env 哈希来获取诸如 warden token 的信息。

Rails 为此提供了一个默认的 rack 环境，通过 renderer.defaults 可访问它的默认参数。

>> OrdersController.renderer.defaults
=> {:http_host=>"example.org", :https=>false, :method=>"get", :script_name=>"", :input=>""}

从内部说，Rails 将基于以上参数创建一个新 Rack 环境。

自定义环境

我们可以使用 renderer 的方法来自定义环境。比如我们需要「POST 方式」和要求「HTTPS」作为后台任务处理。

renderer = ApplicationController.renderer.new(method: 'post', https: true)
# => #<ActionController::Renderer:0x007fdf34453f10 @controller=ApplicationController, @defaults={:http_host=>"example.org", :https=>false, :method=>"get", :script_name=>"", :input=>""}, @env={"HTTP_HOST"=>"example.org", "HTTPS"=>"on", "REQUEST_METHOD"=>"POST", "SCRIPT_NAME"=>"", "rack.input"=>""}>

现在我们拥有了自定义的 renderer 用来生成视图：

renderer.render template: 'show', locals: { order: Order.last }

总的来说这个是不错的特性，尤其可复用于现有代码。

作者 Prathamesh Sonpatki 于 2016.1.8

Test runner in Rails 5

dothide — Thu, 04 Aug 2016 10:46:17 +0800

这篇博客是我们《Rails 5 系列文章》中的一篇。

在 Rails 5 项目里使用 bin/rails -h，你将看到跑测试的一个新命令（rails test）

$ bin/rails -h
Usage: rails COMMAND [ARGS]

The most common rails commands are:
 generate    Generate new code (short-cut alias: "g")
 console     Start the Rails console (short-cut alias: "c")
 server      Start the Rails server (short-cut alias: "s")
 test        Run tests (short-cut alias: "t")

在 Rails 5 之前，我们都用 bin/rake test 来跑测试，现在我们可以使用 bin/rails test 了。它不仅仅只是替换了原来的 rake 旧命令，而且它背靠了一个取精华于 RSpec，minitest-reporters，maxitest 及其他的 test runner。

让我们一起看看 bin/rails test 能做些啥。

跑单个测试

现在跑单个测试已经可以使用行号了。

$ bin/rails test test/models/user_test.rb:27

Rails 会机智地运行 user_test.rb 中的第 27 行所在位置的测试。请注意第 27 行甚至不必是该测试的首行，如下例所示：

22 def test_valid_user
23  hash = { email: 'bob@exmaple.com',
24           first_name: 'John',
25           last_name: 'Smith' }
26
27  user = User.new hash
28 
29  assert user.valid?
30 end

上例中，只要给出的行号在 22 至 30 之间，test_valid_user 就会被执行。

跑多个测试

你仍可以给出多个路径来跑多个测试。

$ bin/rails test test/models/user_test.rb:27 test/models/post_test.rb:42

甚至给出多个目录来跑其中的所有测试。

$ bin/rails test test/controllers test/integration

错误消息的改善

当一个测试失败了，Rails 将显示一行命令用来单独跑错误的那个测试，如：

$ bin/rails t
Run options: --seed 51858

# Running:

.F

Failure:
PostsControllerTest#test_should_get_new:
Expected response to be a <success>, but was a <302> redirect to <http://test.host/posts>


bin/rails test test/controllers/posts_controller_test.rb:15

我只需拷贝 bin/rails test test/controllers/posts_controller_test.rb:15 即可重跑错误测试。

快速报错

默认情况，当测试失败，rails 会报告测试失败然后跳到下一个测试。如果你想遇到错误就停下可以添加 -f 参数。

$ bin/rails t -f
Run options: -f --seed 59599

# Running:

..F

Failure:
PostsControllerTest#test_should_get_new:
Expected response to be a <success>, but was a <302> redirect to <http://test.host/posts>


bin/rails test test/controllers/posts_controller_test.rb:15

Interrupted. Exiting...


Finished in 0.179125s, 16.7481 runs/s, 22.3308 assertions/s.

3 runs, 4 assertions, 1 failures, 0 errors, 0 skips

延时测试报告输出至整个测试结束

默认情况，当测试失败，rails 会打印 F 且详细报告哪个断言出错及如何重测。

假如你希望一个干净的 . 和 F 然后再统一打印错误详情，可以使用 -d 参数。

$ bin/rails t -d
Run options: -d --seed 29906

# Running:

..F...F

Finished in 0.201320s, 34.7704 runs/s, 49.6721 assertions/s.

  1) Failure:
PostsControllerTest#test_should_create_post [/Users/prathamesh/Projects/fun/rails-5-test-runner-app/test/controllers/posts_controller_test.rb:19]:
"Post.count" didn't change by 1.
Expected: 3
  Actual: 2


  2) Failure:
PostsControllerTest#test_should_get_new [/Users/prathamesh/Projects/fun/rails-5-test-runner-app/test/controllers/posts_controller_test.rb:15]:
Expected response to be a <success>, but was a <302> redirect to <http://test.host/posts>

7 runs, 10 assertions, 2 failures, 0 errors, 0 skips

Failed tests:

bin/rails test test/controllers/posts_controller_test.rb:19
bin/rails test test/controllers/posts_controller_test.rb:15

更好的回溯信息

默认情况，当测试遇到一个错误，输出中并不包含全部的回溯信息，这将使调试变得困难。

Error:
PostsControllerTest#test_should_create_post:
NameError: undefined local variable or method `boom' for #<PostsController:0x007f86bc62b728>
    app/controllers/posts_controller.rb:29:in `create'
    test/controllers/posts_controller_test.rb:20:in `block (2 levels) in <class:PostsControllerTest>'
    test/controllers/posts_controller_test.rb:19:in `block in <class:PostsControllerTest

当我们使用 -b 参数后，就会显示完整的错误回溯信息：

$ bin/rails t -b

Error:
PostsControllerTest#test_should_create_post:
NameError: undefined local variable or method `boom' for #<PostsController:0x007fc53c4eb868>
    /rails-5-test-runner-app/app/controllers/posts_controller.rb:29:in `create'
    /sources/rails/actionpack/lib/action_controller/metal/basic_implicit_render.rb:4:in `send_action'
    /sources/rails/actionpack/lib/abstract_controller/base.rb:183:in `process_action'
    /sources/rails/actionpack/lib/action_controller/metal/rendering.rb:30:in `process_action'
    /sources/rails/actionpack/lib/abstract_controller/callbacks.rb:20:in `block in process_action'
    /sources/rails/activesupport/lib/active_support/callbacks.rb:126:in `call'
.....
    /sources/rails/activesupport/lib/active_support/testing/assertions.rb:71:in `assert_difference'
    /rails-5-test-runner-app/test/controllers/posts_controller_test.rb:19:in `block in <class:PostsControllerTest>'

借助 Minitest 的力量

测试运行器也会通过提供一些便利参数来借助 minitest 的力量。

用 -s 开关参数来提供自己的种子值

现在我们可以用 -s 开关参数来提供自己的种子值。

$ bin/rails t --s 42000

这里补充一下关于 seed 值，由于 minitest 使用 seed 值来随机化测试，因此 seed 值的作用就在于控制随机序列的顺序，也就是说，如果你希望重跑的测试跟上一次的顺序一样，可以设置跟上一次测试相同的 seed 值来做到。详情可以参考 MiniTest

用 -n 开关参数来匹配关键字跑测试

-n 开关参数可以通过给定的字符串或者正则表达式来匹配跑测试

$ bin/rails t -n "/create/"
Run options: -n /create/ --seed 24558

# Running:

E

Error:
PostsControllerTest#test_should_create_post:
NameError: undefined local variable or method `boom' for #<PostsController:0x007faa39c2df90>
    app/controllers/posts_controller.rb:29:in `create'
    test/controllers/posts_controller_test.rb:20:in `block (2 levels) in <class:PostsControllerTest>'
    test/controllers/posts_controller_test.rb:19:in `block in <class:PostsControllerTest>'


bin/rails test test/controllers/posts_controller_test.rb:18

Finished in 0.073857s, 13.5396 runs/s, 0.0000 assertions/s.

1 runs, 0 assertions, 0 failures, 1 errors, 0 skips

啰嗦输出模式

使用 -v 来启用啰嗦输出，它会输出每个测试的运行时间，用来帮助我们判断较慢的测试。

$ bin/rails t -v
Run options: -v --seed 30118

# Running:

PostsControllerTest#test_should_destroy_post = 0.07 s = .
PostsControllerTest#test_should_update_post = 0.01 s = .
PostsControllerTest#test_should_show_post = 0.10 s = .
PostsControllerTest#test_should_create_post = 0.00 s = F

Failure:
PostsControllerTest#test_should_create_post:
"Post.count" didn't change by 1.
Expected: 3
  Actual: 2

bin/rails test test/controllers/posts_controller_test.rb:19

PostsControllerTest#test_should_get_new = 0.02 s = .
PostsControllerTest#test_should_get_index = 0.01 s = .
PostsControllerTest#test_should_get_edit = 0.00 s = .

Finished in 0.210071s, 33.3220 runs/s, 47.6028 assertions/s.

7 runs, 10 assertions, 1 failures, 0 errors, 0 skips

亮彩输出

现在默认情况下，我们就能得到亮彩输出，无需再添加额外的 gem 了。

拥有了以上这些优秀的特性，无疑改善了 Rails 5 应用的测试体验。Rails 已经整装待发所有以上特性，因此你无需在四处寻找各种包和组件来支持以上功能了。

作者 Prathamesh Sonpatki 于 2016.1.3

ApplicationRecord in Rails 5

dothide — Wed, 03 Aug 2016 13:58:48 +0800

这篇博客是我们《Rails 5 系列文章》中的一篇

Rails 5 beta-1 最近被正式发布，其中有一项可圈可点的变化叫做「ApplicationRecord」。

直至 Rails 4.2 所有的 model 均继承自 ActiveRecord::Base，但从 Rails 5 起，它们将继承自 ApplicationRecord 。

class Post < ApplicationRecord
end

那 ActiveRecord 发生了什么（变化）？

其实改变并不大，以下文件将被自动加入到 Rails 5 项目的 model 中去。

# app/models/application_record.rb
class ApplicationRecord < ActiveRecord::Base
  self.abstract_class = true
end

这招跟原先继承自 ActiveController::Base 的 controller 替换为继承自 ApplicationController 很类似。

如今的 ApplicationRecord 将成为一个应用所需的所有自定义和扩展的单一入口，从而替代对 ActiveRecord::Base 的猴子补丁。

假如我需要对 ActiveRecord 增加一些额外的功能，以下是在 Rails 4.2 中的做法：

module MyAwesomeFeature
  def do_something_great
    puts "Doing something complex stuff!!"
  end
end

ActiveRecord::Base.include(MyAwesomeFeature)

而现在（如果还这么做），ActiveRecord::Base 将永久的包含 MyAwesomeFeature 并且所有继承自它的子类都将包含 MyAwesomeFeature，即便并非所有子类都需要。

尤其是假如你正在使用的插件或引擎来自被打过猴子补丁的 ActiveRecord::Base 则会被泄漏到插件和引擎的代码中去。

但如果使用 ApplicationRecord，它们将被本地化应用到哪些继承自 ApplicationRecord 的 model 中去，也就是说只对你自己的程序起作用。（从而不会污染其他插件）

class ApplicationRecord < ActiveRecord::Base
  include MyAwesomeFeature

  self.abstract_class = true
end

从 Rails 4 迁移

所有新的 Rails 5 项目都默认会有 application_record.rb。如果你正从 Rails 4 做迁移，那只需创建如下文件至 app/models/application_record.rb，再将所有 model 的继承父类从 ActiveRecord::Base 改为 ApplicationRecord 即可

# app/models/application_record.rb
class ApplicationRecord < ActiveRecord::Base
  self.abstract_class = true
end

作者 Prathamesh Sonpatki 于 2015.11.28

Rails 5 允许对静态资源文件设置 HTTP 头

dothide — Wed, 03 Aug 2016 11:58:58 +0800

这篇博客是我们《Rails 5 系列文章》中的一篇

让我们先来看看 Rails 4.2.4 应用默认的响应头是如何的：

现在，假设我们要设置一个自定义的相应头。很容易，我们只需要在 controller 中添加以下代码：

response.headers['X-Tracking-ID'] = '123456'

于是我们看到了自定义的头：

为静态资源文件设置自定义响应头

现在我们需要不仅能对标准 Web 请求设置自定义响应头，而且对静态资源也需要设置。举例来说被本地 Rails 服务跑着的 application.js 文件。这里该如何设置呢？

实际上在 Rails 4 中是不可能的，它唯一可以为静态资源的响应头做的设置项只有：Cache-Control ，如下：

# 在 config/environments/production.rb 加入如下代码行
config.static_cache_control = 'public, max-age=1000'

这时我们就为资源文件设置了 Cache-Control 的值：

除此以外的任何响应头都不行，那是一个限制。

Rails 应用带着这样的限制活了这么久

Rails 跑静态资源文件并非强项。那是 Apache 和 Nginx 的拿手好戏。因此，在实际生产环境中，几乎所有人都会在 Rails Server 之前架一道 Apache 或 Nginx 以至于无需用 Rails 来跑静态资源。

Havig 说，Rails 应用跑在 Heroku 上是个异常。跑在 Heroku 上的 Rails 应用的资源文件其实被 Rails 应用自己在跑着。

我们遇到的问题

我们的网站是跑在 Heroku 上的。当我们用 Google page speed insights 跑一遍网站，就被警告说我们没有为资源文件设置 Expires 头。

下图显示了 application.js 的头

现在你就了解了我们遇到的问题。

我们的应用跑在 Heroku 上
Heroku 让 Rails 来跑静态文件
Google page speed insights 需要我们设置 Expires
Rails 应用只允许为静态文件设置 Cache-Control

一种方案就是将网站放到 Digital Ocean 上在使用 Apache 或者 Nginx。

Rails 5 拯救了今日

如今 Rails 整合了头访问控制的基础支持并且加入了自定义 HTTP 头的能力。

场景背后，Rails 使用 ActionDispatch::Static 中间件来运行静态文件。例如，一个取图片的请求，在请求周期中通过 ActionDispatch::Static。ActionDispatch::Static 从响应中带有适当头的服务中运行 Rack:File 对象。被运行的图片就能拥有类似 Content-Type，Cache-Control 等头。

开始使用最新的 Rails

为了修复该问题，我们使用了最新的 Rails

gem 'rails', github: 'rails/rails'
gem 'rack', github: 'rack/rack' # Rails depends on Rack 2
gem 'arel', github: 'rails/arel' # Rails master works alongside of arel master.

接着，我们修改配置来提供缺失的 Expires 头

# production.rb

config.public_file_server.headers = {
  'Cache-Control' => 'public, s-maxage=31536000, maxage=15552000',
  'Expires' => "#{1.year.from_now.to_formatted_s(:rfc822)}"
}

这里，我们先设置了 Cache-Control 头来使用公共缓存，maxage 和 s-maxage 均设为一年（31536000 秒）。

然后设置缺失的 Expires 值，之后我们再次测试就能看到新的头，再没有收到头缺失的警告。

这是改变后的静态文件响应头：

补充阅读

为更好地使用和了解关于不同头对静态文件的使用细节，敬请参考 RFC2616

作者 Vipul 于 2015.10.31

🚀 如何编写一个 JS 开源库 (技能包 / 长文)

dothide — Sun, 28 Feb 2016 20:10:41 +0800

引言

GitHub 怎么用？Issue 还能通过 Commit 来同步关闭？版本号是怎么定义的？如何自动发行版本？Commit 还有公约和规范？怎样做持续构建？如何在提交之前就做测试？测试覆盖率是什么？……

也许在工作中您会遇到诸如此类的问题，不论您是菜鸟还是老手，但愿这篇文章能让你在其中找到一些有价值或可借鉴的东西，这源自一个教我学会「如何编写一个 JS 开源库」的实践项目，同时也让我领悟了许多开源项目的工程管理概念、思路及方法，包括 版本管理、测试编写、自动版本发行、代码提交公约、持续构建（CI）、提交前测试、测试覆盖率及其报告 等，总体感觉受益匪浅，在此对教程原文[1]表示感谢，并决定将视频中的大量知识通过写作记录下来，在学习过程中我也加入了一些自己的思考，将视频内容转换成了更通俗的语言，没时间看视频的朋友兴许可以瞧瞧这里，对于简单的技能可以跳过，相关技能的章节已做了电梯，可以直达进行阅读。注意：在您阅读任何技能章节之前建议您先看看项目背景，它非常简单，但它对您理解后面的内容很有帮助。

它让我学会了以下 新技能（√）：

【技能 1】账户建立：建立 GitHub 及 npmjs 账号
【技能 2】账户配置：配置 NPM，并构建第一个库
【技能 3】代码提交：提交开源库至 GitHub
- 【技能 3.1】免密登录：无需每次输入密码登录 Linux 主机
【技能 4】库发布：将开源库发布到 NPM Repo
【技能 5】版本管理：包括版本号定义，版本标签及版本发行
- 【技能 5.1】版本号定义：版本号每个数字的意义
- 【技能 5.2】版本标签：为版本加标签发布至 GitHub
- 【技能 5.3】版本发行：发布一个版本至 NPM
【技能 6】单元测试：利用 Mocha 和 Chai 建立单元测试
【技能 7】自动版本发行：利用 semantic-release 自动化发行
【技能 8】代码提交公约：利用 commitizen 编写提交公约
【技能 9】持续构建（CI）1：利用 TravisCI 持续构建
【技能 10】提交前测试：利用 ghooks 做提交前自动化测试
【技能 11】测试覆盖率 1：利用 Istanbul 做代码覆盖
【技能 12】测试覆盖率 2：添加代码覆盖率报告
【技能 13】GH 特效：在 README 中添加徽章
【技能 14】ES6 支持 1：添加 ES6 支持
【技能 15】ES6 支持 2：使用 Mocha & Babel 对测试添加 ES6 支持
【技能 16】持续构建（CI）2：Travis 上的限制分支构建

部分技能章节还在更新中，敬请期待

如果您对这篇文章感兴趣，请前往我的 GitHub 项目主页阅读（https://github.com/DotHide/starwars-names），我将在那里做持续更新，如果您觉得本文有用，请您顺手赏颗⭐️，非常感谢~

最后，也许您会认为这里是 Ruby 社区，发一篇「如何编写一个 Gem 开源包」也许更有意义，我觉得倒也未必，其中的许多技能它提供了一种思路，至少是一些概念，您完全可以根据这些概念，再写一篇如何编写 Gem 包的文章来：）

JS 简单方法取中文单词的简拼

dothide — Fri, 19 Feb 2016 11:44:51 +0800

主要针对问题

中文名排序，利用中文名简拼筛选名字或其它中文单词

示例

var names = ["王思聪", "张柏芝", "郭德纲", "林志颖", "潘长江", "马云", "冯小刚"];

function getShortPinyin(word) {
  var idx = -1;
  var MAP = 'ABCDEFGHJKLMNOPQRSTWXYZ';
  var boundaryChar = '驁簿錯鵽樲鰒餜靃攟鬠纙鞪黁漚曝裠鶸蜶籜鶩鑂韻糳';

  if (!String.prototype.localeCompare) {
    throw Error('String.prototype.localeCompare not supported.');
  }

  return _(word.split('')).map(function(c) {
    if (/[^\u4e00-\u9fa5]/.test(c)) {
      return c;
    }
    for (var i = 0; i < boundaryChar.length; i++) {
      if (boundaryChar[i].localeCompare(c, 'zh-CN-u-co-pinyin') >= 0) {
        idx = i;
        break;
      }
    }
    return MAP[idx];
  }).value().join('');
}

var names_with_pinyin = _(names).map(function(name) {
    var name_with_pinyin = {
    name: name,
    pinyin: getShortPinyin(name)
  }
  return name_with_pinyin;
}).sortBy('pinyin').value();

/* Output
** 冯小刚(FXG)
** 郭德纲(GDG)
** 林志颖(LZY)
** 马云(MY)
** 潘长江(PZJ)
** 王思聪(WSC)
** 张柏芝(ZBZ)
*/

示例地址：https://jsfiddle.net/zhwrkfeh/2/

_ 使用的是 lodash(http://lodash.com)

实现思路

将 Unicode 中 GBK 编码方式的字符拿来举例，可以得出连续的汉字是从 \u4e00 到 \u9fa5，因此先判断是在这个范围内的文字
将这个范围内所有文字拿出来遍历，利用拼音排序，将可以得出每个声母的边界字符：（汉字没有 I U V 这三个声母所以去掉）
利用 js 提供的字符串函数 localeCompare（需要浏览器支持）跟边界字符比较得出声母

驁 (A 的最后一个)
簿 (B 的最后一个)
錯 (C 的最后一个)
鵽 (D 的最后一个)
樲 (E 的最后一个)
鰒 (F 的最后一个)
餜 (G 的最后一个)
靃 (H 的最后一个)
攟 (J 的最后一个)
鬠 (K 的最后一个)
纙 (L 的最后一个)
鞪 (M 的最后一个)
黁 (N 的最后一个)
漚 (O 的最后一个)
曝 (P 的最后一个)
裠 (Q 的最后一个)
鶸 (R 的最后一个)
蜶 (S 的最后一个)
籜 (T 的最后一个)
鶩 (W 的最后一个)
鑂 (X 的最后一个)
韻 (Y 的最后一个)
糳 (Z 的最后一个)

看到这个网站我顿时惊呆了，它有你要的一切一切~

dothide — Thu, 18 Feb 2016 23:18:50 +0800

AWESOME

https://github.com/sindresorhus/awesome

（本想说点什么，后来想了想什么都不用说了……）

用好你的「一票否决权」—— 分享一款决策量化工具

dothide — Fri, 22 Jan 2016 17:20:23 +0800

在工作中，我们经常会看到一些人行使着「一票否决权」，他们往往是人事经理、采购经理、部门经理等，他们手中握有否决或者枪毙某个人或事的权利，但却没有录取的权利，因为录取可能需要集体投票或者上一级批准，需要经过层层筛选，他们只是其中的一道筛子。那么他们的一票否决就是怎么用的呢？是拍脑袋还是有依据？如果是有依据又是有什么样的依据呢？

虽然我不知道别人是依据什么来行使这个权利的，但通过日常阅读了解到了一种叫做「指标加权平均量化表」的工具，它是一种非常通用的决策工具，正好可以用来做这样一件事。由于阅读后觉得非常有用，因此做个笔记复习一下，也与大家一同分享。

正文

举个例子来描述它的工作程序吧：

正常情况下，如果我根据给定的评价标准来给一个面试者进行打分，可能的情况如下：

评价标准	指标说明	评分
举止仪表	举止形态，穿衣着装等	90
求职欲望	想要这份工作的欲望	80
沟通能力	言语谈吐、沟通表达的能力	60
逻辑能力	逻辑分析、理解思维的能力	70
技术能力	技术水平及技术可塑性	80
综合评分	满分 = 100，录取底线 = 75.0	76.0

将评估标准的各项指标列入表格左侧第一栏；
根据每项指标对面试职位的重要性为其设置权重，将权重填入左数第三栏；
为每项指标打分，最理想的情况是 100 分；
计算每项指标的加权分，方法是用该项指标的权重乘以它的得分，然后将加权分填入最右栏；
最后，将各项指标的加权分相加，最后获得该面试者的加权平均总分；
将获得的加权平均分与预先设定的总分与预先设定的底线分对比，若低于底线则枪毙；若高于底线，则划入考虑范围，进入下一环节。

如果直接求平均分，则会得到结果是 76 分，超过了录取底线分数，但如果是加权平均则结果可能就会不同了，且继续往下看。

使用该工具的最核心问题就是：如何确定权重？

其实我思考后还有一个比较重要的问题：是如何定义评价标准？当然这是另一范畴的内容，需要集思广益和经验积累才列的出来。我们暂且先看确定权重的方法。

要确定权重，我们需要用到另一个工具「优化矩阵表」，也是一个常用的工具，可以用它来计算权重。具体使用方法如下：

以下是我的权重设置：

决策指标	举止	欲望	沟通	逻辑	技术	得分	排序
举止仪表	/	0	0	0	0	0	5
求职欲望	1	/	1	0	0	2	3
沟通能力	1	0	/	0	0	1	4
逻辑能力	1	1	1	/	0	3	2
技术能力	1	1	1	1	/	4	1

假设决策指标就是先前提到的五个，分别将它们置于矩阵表的顶部和左侧，然后用左侧栏的第一项「举止仪表」向右依次与顶部的其余四项对比重要性。若认为「举止仪表」比该项更重要，就在相交的空格中填写「1」，若没有其重要，就填写「0」。依次类推，直至填完右边的三角，由于是方阵，右边三角填完了，左边的三角数值取反即可，对角线是不填的，因此每行应该有 4 个数字，然后横向相加得出每行的得分，排序后就能得到各项指标的优先级了。可以自己先做一份，然后再让跟多的人做，做的人越多权重的结果越有说服力。举例来说：如果 50 个人做完了这样的评分，就可能得到以下这张表「权重计算结果 -50 人」（非统计数据，是模拟数据）

评估标准	我的判断得分	排序	群体判断得分	排序	权重值 (%)
举止仪表	0	5	33	5	6.6%
求职欲望	2	3	50	4	10%
沟通能力	1	4	150	1	30%
逻辑能力	3	2	133	3	26.6%
技术能力	4	1	134	2	26.8%

可以看出，我的判断与群体之间的差异，然后用群体判断得分的各项分值除以群体判断得分的总分 500 分，得出每项的权重值。由此，我们回到开头的「指标加权平均量化表」，将它填写完成，就会得到如下结果：

评价标准	指标说明	权重（%）	评分	加权分
举止仪表	举止形态，穿衣着装等	6.6%	90	5.94
求职欲望	想要这份工作的欲望	10%	80	8
沟通能力	言语谈吐、沟通表达的能力	30%	60	18
逻辑能力	逻辑分析、理解思维的能力	26.6%	70	18.62
技术能力	技术水平及技术可塑性	26.8%	80	21.44
综合评分	满分 = 100，录取底线 = 75.0	100%		72.0

进行权重加权平均之后，该面试者的分数没有达到录取底线，因此我们就可以果断地枪毙他了。

小结

「指标加权平均量化表」用之四海而皆宜，从面试、员工绩效到项目评估，加拿大移民局甚至用这一工具来进行移民资格评估。而且如果有兴趣也可以把它用来日常生活中，比如要采购一个大件拿不定注意，犹豫不决的时候倒是可以拿来一试。:-)

在平时也可以多积累一些权重矩阵，以免要用的时候再想起来去做调研，这里我就借花献佛，邀请大家来做做这个调研，当回收量超过 100 后，我再公布权重结果，也给大家做个参考。

小调研（希望招聘板块的 HR 们都来参与参与）

面试评价标准权重调研 点此参与，也可使用微信扫一扫参与

Sublime Text 2/3 我的常用设置及插件

dothide — Fri, 04 Sep 2015 23:09:02 +0800

经常用 Sublime Text III 做开发，用得很愉快，但每次重装系统后，一系列相关的设置和插件也得重新配置，在此留个档，以便能记住

设置文件

// Preferences.sublime-settings
{
  // 默认字符集
  "default_encoding": "UTF-8",
  // 主题及配色
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
  "theme": "Spacegray Eighties.sublime-theme",
  "ignored_packages": [
    "Vintage"
  ],
  // 在文字上双击会全选当前的内容，如果里面出现以下字符，就会被截断
  "word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",
  // 是否显示行号
  "line_numbers": true,
  // 是否显示行号边栏
  "gutter": true,
  // 行号边栏和文字的间距
  "margin": 4,
  // 是否显示代码折叠按钮
  "fold_buttons": true,
  // Tab键制表符宽度
  "tab_size": 2,
  // 设为true时，缩进和遇到Tab键时使用空格替代
  "translate_tabs_to_spaces": true,
  // 突出显示当前光标所在的行
  "highlight_line": true,
  // 设置光标闪动方式
  "caret_style": "smooth"
}

常用插件

Emmet
Theme - Spacegray
Syntax Highlighting for Sass
Html-CSS-JS Prettify

[上海] 盈科互动招聘 Ruby 工程师 2 - 3 名 (高级 1 名)

dothide — Fri, 31 Jul 2015 13:56:21 +0800

关于盈科互动

上海盈科互动（Wink Interactive）是隶属于健康传播机构（SMW GROUP）的子公司，目前公司只有 11 人，是创业型团队。公司位于上海的腹地黄浦区（Line 9 打浦桥站），交通便利。母公司致力于为中国医学与健康传播事业做贡献，经常承办医疗类行业大会，以及部分医疗行业的专题研讨会等。目前希望研发一款医学远程教育的系统作为战略级产品，用于传播在线医学教育，并将在资源上给予我们支持。此时此刻，我们需要招募 2-3 名志同道合的 Ruby 工程师同我们一起来创造这个产品。目前该产品已经经历了多次迭代开发，尚需逐步完善和创造更多功能。

职位描述

Ruby 工程师，帮助公司完成以上战略级的产品，并在其他相关产品上投入支持。我们的公司的产品范围包括，网站开发、APP 开发、微信开发以及一些小型应用的开发，产品围绕在线教育、会议系统、数码创意产品等

职位要求

具备扎实的面向对象语言功底，有 Ruby、PHP、JAVA 等语言开发经验的优先考虑
具备 2 年及以上 Ruby on Rails 开发经验者优先考虑
具有关系型数据库的设计和开发经验，以 MySQL 为主，了解 MongoDB 者为佳
熟悉网页前端主流技术（HTML、CSS、JS、jQuery），有 AngularJS、Ionic 开发经验者优先考虑
熟悉 Linux、Git 为佳
具备良好的团队意识和协作精神，有较强的沟通能力
欢迎优秀的计算机专业的应届毕业生

薪资福利

税前 6-15K（每年 13 薪，外加一定概率微信年终红包）
公司根据员工绩效，另有年终绩效奖金
公司对于工程师上班时间为弹性制，一般在 9:30 - 10:00 到公司即可
公司办公环境良好，员工关系和谐
每月都有 TeamBuilding
另有年度旅游

联系方式

公司名称：上海盈科互动文化传媒有限公司
公司地址：上海市黄浦区建国西路 91 弄瑞金花园 5 号楼 4 层
公司主页：http://www.smw-group.com
联系邮箱：dothide@smw-group.com（来信请注明来自 Ruby-China）

我们 Rubyist 怎么跟前端工程师协作？

dothide — Mon, 06 Jul 2015 20:14:32 +0800

最近公司来了一个前端工程师，号称会切页面、CSS、JS 等，但问题来了：他并不会 ruby，以至于很难跟他一起协同开发，他的环境是 Windows + Dreamweaver。

目前的做法很伤，每次都是我把 ruby 生成的所有页面都静态化，并整理成 web 工程，里面有 images / javascripts / stylesheets 文件夹，他完成后还给我，我还要重新贴到 ruby 工程里去（要知道，光把所有变量都解析成最终值就花了好久，再重新弄回去，我都想自己把他的活干了。）

更重要的是这样的做法没有版本控制，所有的问题也都将落在我这边，这个过程非常纠结，不知道大伙都是怎么解决这个问题的呢？

发布生产环境时，由于资源使用的是 UPYUN，自动化部署

dothide — Thu, 21 May 2015 10:55:17 +0800

由于使用了 UPYUN 做资源存储，替换资源方便不少，在 production.rb 中已经进行了如下设置：

config.action_controller.asset_host = Settings.upyun_url

但每次发布后，都需要重新 FTP 发布资源，在寻求自动化方法的路上，我找到了 gem 'rails-assets-for-upyun', '>= 0.0.9'，可以用命令上传方便多了，但仍然没有解决自动化部署，于是考虑在 mina 的 deploy.rb 中写一段自动部署脚本，于是就解决了。

# => Deploy task
# ===========================================================================================
desc "Deploys the current version to the server."
task :deploy => :environment do
  deploy do
    # Put things that will set up an empty directory into a fully set-up
    # instance of your project.
    invoke :'git:clone'
    invoke :'deploy:link_shared_paths'
    invoke :'bundle:install'
    invoke :'rails:db_migrate'
    invoke :'rails:assets_precompile'
    invoke :'rails:assets_publish_assets_upyun'
    invoke :'deploy:cleanup'

    to :launch do
      invoke :'unicorn:restart'
    end
  end
end

namespace :rails do
  set :publish_upyun, %{
    cd #{app_path}
    bundle exec rake assets:publish_assets_upyun RAILS_ENV=production
  }
  task :assets_publish_assets_upyun do
    queue 'echo "-----> Assets To UPYUN"'
    queue! publish_upyun
  end
end

Rakefile

...
namespace :assets do
  task :publish_assets_upyun do
    RailsAssetsForUpyun.publish 'bucket', 'username', 'password'
  end
end

[6.4 新加坡] 有参加 RedDotRubyConf 2015 的伙伴吗？

dothide — Sun, 05 Apr 2015 20:29:21 +0800

2015 年 6 月 4-5 日在新加坡举办的 Ruby 大会，有人成团吗？

http://www.reddotrubyconf.com

做 Ajax 测试时遇到的问题

dothide — Sat, 14 Mar 2015 01:03:30 +0800

在使用 Minitest 测试框架做测试时遇到一些问题，情况如下

个人比较习惯使用 spec 形式，并引入了 Capybara DSL

在写一个测试时，需要进行一个 click_link，而触发一个 ajax 请求，然后对返回的页面进行断言

测试是这样写的：

describe "节目页面跳转相关" do
    it "如果未登录，点击预约报名应该跳转至登录页面" do
      program = FactoryGirl.create(:program)
      # require_js
      visit programs_path
      click_link "appointment-program-#{program.id}", :href => "#"
      # wait_for_ajax
      page.must_have_selector 'h1', :text => 'Program Index'
    end
end

页面是这样写的：

<ul>
    <% @programs.each do |program| %>
      <li>
        <%= program.title %> <br>
        <%= link_to '报名', '#', 
          :id => "appointment-program-#{program.id}",
          :onclick => "programs_index.ajax_post_appoint(#{program.id})" %>
      </li>
    <% end %>
  </ul>

test_helper 是这样的

ENV["RAILS_ENV"] = "test"
require File.expand_path("../../config/environment", __FILE__)
require "rails/test_help"
require "minitest/rails"
require "minitest/rails/capybara"
require "minitest/reporters"

Minitest::Reporters.use!(
  Minitest::Reporters::ProgressReporter.new,
  ENV,
  Minitest.backtrace_filter
)

require 'database_cleaner'
DatabaseCleaner.strategy = :truncation
DatabaseCleaner.clean_with(:truncation)

class ActiveSupport::TestCase
  ActiveRecord::Migration.check_pending!
  include FactoryGirl::Syntax::Methods
  Capybara.default_wait_time = 5

  def require_js
    Capybara.current_driver = :webkit
  end

  def wait_for_ajax
    Timeout.timeout(Capybara.default_wait_time) do
      active = page.evaluate_script('jQuery.active')
      until active == 0
        active = page.evaluate_script('jQuery.active')
      end
    end
  end

  def setup
    DatabaseCleaner.start
  end

  def teardown
    DatabaseCleaner.clean
    Capybara.reset_session!
    Capybara.use_default_driver
  end
end

class ActionDispatch::IntegrationTest
  include Capybara::DSL
  include Capybara::Assertions
end

问题

当我运行测试用例时，由于默认的 Capybara 驱动，所以 wait_for_ajax 它不认识，不能执行 JS 方法，因此我查文档后发现要在使用 JS 的地方切换成:webkit 驱动
当我放开测试用例中的 require_js 方法时，即使用 :webkit 驱动后，测试单元测试会变得龟速无比，一个测试要 16s（说好很快的呢）
而且更奇怪的是，此时 click_link 居然说没有找到该元素，也就是说界面上的 programs 是空数组，明明加了一条数据，这我也是醉了
由于第 3 条过不去，导致 wait_for_ajax 根本都执行不到

至此已经研究了好几个小时了，实在是束手无策

生产环境上传文件目录最佳实践

dothide — Wed, 04 Mar 2015 14:10:17 +0800

一直在思考一个问题，就是还没找到其最佳实践，问题如下：

我的项目有上传文件的需求，需要把文件（一般是图片和 PDF），我使用的是 Paperclip，上传至 /public 下的分级目录中，由于我在本地跑开发的时候没有发现问题，便部署到服务器生产环境了（部署使用的是 mina）。

这时候问题就来了，生产环境里我上传的文件，每当我发布一个新版本的时候，服务器的 current 会指向新版本号的文件夹，以至于我上一版的上传文件都留在了上一版本的文件夹中，目前小弟的解决方法实在不好，就是更新一版，就跑到服务器上去 cp /public 目录。

希望各路大侠能给小弟支支招，这方面有啥最佳实践能供小弟参考，感激不尽！

high_voltage 组件如果禁用路由，page_path 方法就失效了怎么解？

dothide — Fri, 30 Jan 2015 21:54:21 +0800

小弟使用 high_voltage 组件做了一个 home 页面和一个 welcome 页面，想要实现网站定时开启和关闭，因此有想法是否可以在 pages_controller 中设置 before_action，怎知居然无效，后看 github 得知需要在 high_voltage.rb 配置文件中加入语句

config.routes = false

可谁知加入后，page_controller 是生效了，可原先的 page_path 方法居然爆出了 undefind_method 错误，郁闷至极，特此求助！

一句話談 Ruby 入門的標誌

dothide — Wed, 24 Sep 2014 18:13:01 +0800

學了半年的 Ruby 了，也不知道自己算不算入門了，心裡好沒底。大家用一句話來談談心中對於 Ruby 入門的標誌是什麼吧？

【低级问题】su -c 命令执行和直接执行的区别？

dothide — Sat, 20 Sep 2014 15:00:48 +0800

最近小弟部署了应用，发现一个奇葩的问题，在应用根目录直接使用bundle exec unicorn_rails -E production -D -c config/unicorn.rb 可以正常启动服务器但是如果使用 su apps -c 'bundle exec unicorn_rails -E production -D -c config/unicorn.rb'，就会报如下错误：

bundler: command not found: unicorn_rails
Install missing gem executables with 'bundle install'

真是费解啊，我已经配置好了 rvm，但始终没找到根本原因，求大神帮助

dothide (DotHide)

你的 Safari 会出现这个问题么？

Rails 5 中每个订单都有自己的 CSRF Token

嵌套表单可以绕过 Rails 4 提供的 CSRF 保护

Rails 5 通过为表单生成自定义令牌来修复该问题

在 Rails 5 控制器外部渲染视图

请求环境

自定义环境

Test runner in Rails 5

跑单个测试

跑多个测试

错误消息的改善

快速报错

延时测试报告输出至整个测试结束

更好的回溯信息

借助 Minitest 的力量

用 -s 开关参数来提供自己的种子值

用 -n 开关参数来匹配关键字跑测试

啰嗦输出模式

亮彩输出

ApplicationRecord in Rails 5

从 Rails 4 迁移

Rails 5 允许对静态资源文件设置 HTTP 头

为静态资源文件设置自定义响应头

Rails 应用带着这样的限制活了这么久

我们遇到的问题

Rails 5 拯救了今日

开始使用最新的 Rails

补充阅读

🚀 如何编写一个 JS 开源库 (技能包 / 长文)

引言

JS 简单方法取中文单词的简拼

主要针对问题

示例

实现思路

相关参考链接

看到这个网站我顿时惊呆了，它有你要的一切一切~

AWESOME

用好你的「一票否决权」—— 分享一款决策量化工具

正文

小结

小调研（希望招聘板块的 HR 们都来参与参与）

Sublime Text 2/3 我的常用设置及插件

设置文件

常用插件

[上海] 盈科互动 招聘 Ruby 工程师 2 - 3 名 (高级 1 名)

关于盈科互动

职位描述

职位要求

薪资福利

联系方式

我们 Rubyist 怎么跟前端工程师协作？

发布生产环境时，由于资源使用的是 UPYUN，自动化部署

[6.4 新加坡] 有参加 RedDotRubyConf 2015 的伙伴吗？

做 Ajax 测试时遇到的问题

问题

生产环境上传文件目录最佳实践

high_voltage 组件如果禁用路由，page_path 方法就失效了怎么解？

一句話談 Ruby 入門的標誌

【低级问题】su -c 命令执行和直接执行的区别？

[上海] 盈科互动招聘 Ruby 工程师 2 - 3 名 (高级 1 名)