naitnix (Erick)

railscasts-china 视频还能正常播放吗

naitnix — Wed, 23 Sep 2015 16:47:22 +0800

如题，发现所有视频都不能播放了，是我的网络原因么，查看了夏 browser 的 console，发现所有视频文件的加载都是 time_out 了

发个招聘帖,给自己找一个老师

naitnix — Mon, 10 Aug 2015 15:05:29 +0800

大致内容是这样的，自己不知道从什么时候开始搞起前端来了，各种 js、css、html 的接触，勉强算是能应付工作吧，但是最近摊上事儿了，css3 和 h5 的东西搞不定啊，做出来的动画效果各种要命啊，所以特地在拉钩 (据说很火的一个网站) 发了招聘贴，但是觉得还不够，特地发到这里来，希望有大侠前来助阵啊，详细要求在这里。

微信支付统一支付接口 appid and openid not match

naitnix — Fri, 12 Jun 2015 22:33:49 +0800

最近在搞微信公众号支付，即用户在 h5 页面通过 jssdk 发起支付请求，看了下文档

wx.chooseWXPay({
    timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
    nonceStr: '', // 支付签名随机串，不长于 32 位
    package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
    signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
    paySign: '', // 支付签名
    success: function (res) {
        // 支付成功后的回调函数
    }
});

这里的 package 需要从统一支付接口拿到，所以在代码里按照文档要求先去请求了统一支付接口

def self.random_string
    chars = ("a".."z").to_a + ("A".."Z").to_a + ("0".."9").to_a
    newpass = ""
    1.upto(16) { |i| newpass << chars[rand(chars.size-1)] }
    return newpass
end

def self.generate_sign(hash)
    stringA        = hash.sort.map{|e| e.join('=')}.join('&')
    stringSignTemp = stringA + "&key=#{Wechart.apikey}"
    sign           = Digest::MD5.hexdigest(stringSignTemp).upcase
    return   sign 
end

def self.unifiedorder(opt)
    param   = {
        appid:self.appid,
        mch_id:self.mch_id,
        nonce_str:self.random_string,
        body:opt[:body],
        out_trade_no:opt[:trade],
        total_fee:opt[:total_fee].to_i * 100,
        spbill_create_ip:opt[:ip],
        notify_url:self.notify_url,
        trade_type:'JSAPI',
        openid:opt[:openid]
    }

    sign     = generate_sign(param)
    param.merge!({sign:sign})

    builder = Nokogiri::XML::Builder.new(:encoding => 'UTF-8') do |xml|
        xml.root {
            xml.appid param[:appid]
            xml.mch_id param[:mch_id]
            xml.nonce_str self.random_string
            xml.sign sign
            xml.body param[:body]
            xml.out_trade_no param[:out_trade_no]
            xml.total_fee param[:total_fee]
            xml.spbill_create_ip param[:spbill_create_ip]
            xml.notify_url param[:notify_url]
            xml.trade_type param[:trade_type]
            xml.openid param[:openid]
        }
    end

    uri = URI.parse("https://api.mch.weixin.qq.com/pay/unifiedorder")
    Net::HTTP.start(uri.host,uri.port,use_ssl:true) do |http|
        request  = Net::HTTP::Post.new(uri.path)
        request.body = builder.to_xml
        response = http.request(request)
        res      = Nokogiri::XML(response.body,nil,'UTF-8')
    end
end

上述方法的入口是 unifiedorder 这个函数，在 console 里面测试，一直返回错误信息：

#<Nokogiri::XML::Document:0x2d42798 name="document" children=[#<Nokogiri::XML::Element:0x2d41244 name="xml" children=[#<Nokogiri::XML::Element:0x2d4072c name="return_code" children=[#<Nokogiri::XML::CDATA:0x2d3db94 "FAIL">]>, #<Nokogiri::XML::Text:0x2d3ce24 "\n">, #<Nokogiri::XML::Element:0x2d3c820 name="return_msg" children=[#<Nokogiri::XML::CDATA:0x2d33cd4 "appid and openid not match">]>, #<Nokogiri::XML::Text:0x2d33310 "\n">]>]>

看错误提示很明显 appid 和 openid 不匹配，但是没明白是什么意思，不知道 appid 和 openid 怎么扯上关系了，于是各种 google，无果，发到这里请大家帮忙，看 api，支付需要三个步骤：

* 步骤1：网页授权获取用户openid
* 步骤2：使用统一支付接口，获取prepay_id
* 步骤3：使用jsapi调起支付

现在我已经知道了我的个人 openid，所以，第一步省略了，上面的代码直接列出的是第二步，一直是这个错误，不知道各路高手是怎么解决的，求答案

微信取回 jssdk 上传的图片

naitnix — Thu, 02 Apr 2015 12:08:53 +0800

如题，在前端通过 js-sdk 选择照片并上传后，会立即返回一个 serverId(即 media_id)，因为腾讯服务器的保存时间是 3 天，所以必须在三天内保存这些资源到本地服务器，腾讯已经给了取回图片的接口，我通过调用的时候发现返回的图片数据有一大坨，不知道是什么格式，不知道怎么把这些数据保存成图片文件，求各路神仙指导

微信的 wx.config 报错

naitnix — Sat, 28 Mar 2015 03:09:21 +0800

在调用 jssdk 的时候，先要进行签名校验，但是每次都是报错:invalid signature，然后试着在 console 中输出签名用的所有参数，并拿这些参数，用 JS 接口签名校验工具生成签名，发现跟自己生成的一模一样，找了好久的原因，发现生成签名用的 url 后面必须以反斜线结束，这细节，真坑爹，在找到了原因之后，忽然想起来，以前生成 menu 的时候，也总是报错，invalid button size，后来发现居然也是这个 url 后面的斜线没有。

另外，如果使用了 turbolink 的话，在新的页面，调用相机的功能会失效

分享一篇文章。。。。

naitnix — Tue, 22 Apr 2014 14:36:32 +0800

The & Operator in Ruby

carrierwave-qiniu 上传头像问题

naitnix — Thu, 03 Apr 2014 10:46:07 +0800

如题，在使用 carrierwave-qiniu 实现上传头像的时候发现一个问题，就是如果我第一次上传了一个头像，觉得不好，想再换一个新的时候，这个时候新上传的头像没法覆盖掉之前已经上传过的头像，这个时候七牛会返回一个资源已经存在的错误，看了下七牛的 api，在利用上传策略生成 upload_token 的时候，如果上传策略的 scope 值如果是单一的的话，表示允许用户上传文件到指定的 bucket。在这种模式下文件只能“新增”，若已存在同名资源则会失败。如果 scope 是 :形式则表示可以覆盖掉制定 key 的资源。

于是看了下 carrierwave-qiniu 的相关代码：

def store(file, key)
  token_opts = {
    :scope => @qiniu_bucket, :expires_in => 3600 # https://github.com/qiniu/ruby-sdk/pull/15
  }
  token_opts.merge!(:async_options => @qiniu_async_ops) if @qiniu_async_ops.size > 0

  uptoken = ::Qiniu::RS.generate_upload_token(token_opts)

  opts = {
    :uptoken            => uptoken,
    :file               => file.path,
    :key                => key,
    :bucket             => @qiniu_bucket,
    :mime_type          => file.content_type,
    :enable_crc32_check => true
  }

  ::Qiniu::RS.upload_file opts

end

可以看到这里的 scope 仅仅是获取了 bucket 并没有给用户自定义 scope 的可能，所以在用户上传头像的时候就会出现资源已存在的错误。

所以想问下大家，在使用这个 gem 的时候遇到类似的问题是怎么解决的，难道要我在每次 upload 之前先要生成管理凭证，然后带着这个凭证和上传的凭证进行先删除后添加？

turbolinks 问题

naitnix — Mon, 24 Mar 2014 10:38:56 +0800

最近在写一个项目，用 Rails4 写的，也是第一次使用 Rails4，之前关于它的传说也看了些，这次刚好遇到一个问题，就是关于 turbolinks 的。

据我所知，turbolinks 原理是监听页面的 click 事件，然后异步的去后台取得数据，然后替换掉 body 中的内容，并更改链接地址信息，这样就可以不用重新加载 js 和 css 资源，从而达到加快请求速度的目的，挺好。

遇到的问题：我在 application.js 和 application.css 里面将这句 (require_tree .) 删除了，目的是想在不同的页面加载不同的 css 和 js 资源，而那些与当前页面不相关的 css 和 js，我都不加载，一切看起来正常。但是当我随便点击页面的某个链接而来到新的页面的时候，发现这个页面的样式不对，就是因为相关的 css 没有改变。因为 turbolinks 这个时候没有再去更新 js 和 css 资源。

问题:turbolinks 对于这样的做法不支持？如果这种做法可以的话，类似与我这样的情况，应该怎样解决呢？希望大家给出建议，谢谢！

关于 rails 整合 alipay 开放平台 oauth 问题

naitnix — Mon, 14 Oct 2013 16:05:17 +0800

如题，在项目中想与 alipay 开放平台整合，实现 oauth 功能，发现 api 文档不是很全面，尤其是在获取 acess_token 的时候，需要传递参数 sign，但是关于这个 sign 参数的生成规则又没有明确的说明，很是不解，无奈只能下载现有的 sdk，研究源码，发现这里的逻辑还是一知半解，不知到坛子里有做过的没有，在这里想借鉴个思路

写了个无限分类

naitnix — Wed, 22 May 2013 12:32:33 +0800

最近尝试了下 mongoid-tree，觉得挺好用，可以实现无限级分类，顺便写了一个 helper，来帮助在页面展示分类的下拉菜单，看代码： category.rb

#coding:utf-8
class Category
  include Mongoid::Document
  include Mongoid::Tree

  field :name, type: String
  field :state, type: Integer, default: 0
  field :content, type: String


  def get_tree(tree)
    if self.root?
      tree << ["#{self.name}","#{self.id}"]
    else
      level = self.depth  #level表示当前分类是第几级分类(0代表顶级，依次类推)
      bloc = "　" * level  #这里的空格是英文全角空格
      tree << [ bloc + "|--#{self.name}","#{self.id}"]
    end

    if self.children?
      self.children.each do |chi|
        chi.get_tree(tree)  
      end
    end

  end  

end

application_helper.rb

module ApplicationHelper
  def category_tree
    tree = []
    Category.roots.each do |cate|
      cate.get_tree(tree)
    end
    return tree
  end
end

_form.html.erb

<div class="control-group">
  <%= f.label :parent_id, :class => 'control-label' %>
  <div class="controls">
    <%= f.select :parent_id,category_tree,{:include_blank => '顶级分类'}%>
  </div>
</div>

效果图如下：

redis 的 ruby 客户端哪个更好一些？

naitnix — Mon, 20 May 2013 11:24:36 +0800

如题，打算在 rails 项目中用 redis，不知道哪个 ruby 的客户端更好一些，希望群里的高手们推荐一下，谢谢

[帮朋友发帖] 招聘 ruby 工程师

naitnix — Wed, 24 Apr 2013 10:03:28 +0800

公司名称：北京艾斯克雷科技有限责任公司公司网址：http://www.eskalate.com/ 公司简介：北京艾斯克雷科技有限责任公司是提供软件开发和软硬件集成服务的高新技术企业。公司座落于中国硅谷--中关村腹地。公司由世界五百强的高级管理人员和美国归国留学人员创办，吸引了各大高校人才加盟。公司专注于企业应用解决方案、移动端对端解决方案和嵌入式软件的研发以及核心产品的研制。公司员工 90% 拥有硕士以上学位。作为软件和集成行业一颗冉冉升起的明星，公司自成立以来已经完成多项重要客户的项目。公司已通过 ISO9001 认证，是北京市软件协会会员企业。艾斯克雷本着执着的态度与严谨的工作作风，遵循 CMM3 级的服务规范与标准，凭借灵活高效的实施手段与双向服务全程管理系统平台，成为您的最佳合作伙伴。

岗位职责：

1、熟悉 Ruby 语言开发，至少 1 年以上工作经验； 2、熟悉 Ruby On Rails 框架，有完整的 Rails 网站 WEB 系统开发经验； 3、熟悉 MySQL、PostgreSQL 数据库，以及 Redis、Memcache 等 NoSQL 技术； 4、熟悉 HTML5、CSS3、Javascript 以及 jQuery； 5、熟悉 Git，了解 Github，能够熟练使用 Git 进行团队开发； 6、了解目前主流社交平台 Open API 技术； 7、了解主流相关的开源技术，熟悉 Linux 体系下 web 开发的全套流程； 8、熟悉 TDD，BDD 等开发模式，良好的编码习惯； 9、良好的沟通能力和团队合作精神； 10、良好的学习能力，并且有兴趣学习钻研新技术； 11、基本的英文沟通能力，能快速阅读相关技术的英文文档。

工作内容: 这个项目是需要到客户现场去开发的，客户那家公司在奥体中心，是我们其中一个合作伙伴，这个项目是做教师咨询方面的，需要一个 Ruby 团队过去开发~如果说英语口语方面不是很好也没有关系~

待遇方面: 公司关于待遇方面，要视面试结果而定，但是肯定不会低于行业平均工资，并且在同行业内也是相当有竞争力的。

联系人：郭晶晶

Tel：15110163153

Fax：62167995-106

QQ：1215620506

email: jingjing.guo@eskalate.com

在家没事，把老婆培养成了前端开发人员

naitnix — Thu, 18 Apr 2013 15:43:29 +0800

如题，每天下班回家后，没什么事，把老婆培养成了前端开发，现在已经工作，这回再也不愁没有共同话题了，以前每次下班回家，老婆总是各种烦 (烦工作)，现在好了，每天回家后问我问题，共同讨论前端，很有意思，以后自己想干点啥，有前端需要的话，直接就交给她了

[更新] 求职帖，想踏踏实实做事

naitnix — Tue, 16 Apr 2013 21:01:52 +0800

公司发展前景不明，技术只我一个（前端也要我来做），公司业务无进展，现阶段每天没什么事，觉得是在浪费青春，想找家有活力的公司，希望技术能有长足进步，希望每天都能有那种让我学到新东西的新鲜感，工作三年了，还是个大专毕业生，找工作不好找，一直在社区里晃悠，每天看见那么多招聘帖，不自信，不敢投简历。想找一家北京的公司，在北京上班，希望公司有大牛。求收买~~~ 工作经历：曾经在一家日本外包公司做电子商务外包项目，主要用到的是 php(1 年) 曾经在一家移动互联网公司做 ruby/rails 开发，从事服务器端程序开发现在就职于一家做国内短租行业公司，从事 ruby/rails 开发

如题，想找家公司踏踏实实做事，认认真真学习，主要是觉得 ruby/rails 方面自己还差的很多。另外对运维方面也非常感兴趣，但是仅仅限于兴趣，没有什么特殊的这方面的技能。

解释：自己虽从事 ruby/rails 方面开发两年有余，但是觉得还是没有深入了解到 ruby 及 rails 方面底层的东西，给自己的定义为，知识掌握的不深入，不扎实，不牢固。另外公司很多事情都我来做，这个是没有办法的办法，因为公司不打算招人了，只能自己来做了，这并不代表自己能力强。

联系方式:boswellgao@gmail.com

话说 ruby-china 打广告

naitnix — Fri, 29 Mar 2013 20:10:20 +0800

如题，不太喜欢这样，还是比较喜欢刚干净整洁的样子

程序员工资

naitnix — Fri, 22 Mar 2013 18:20:01 +0800

话说隔壁小姑娘，高中毕业，去了北京某学校学了软件开发。。。。。终于到了毕业的时候。话说那天去面试，面试人员问了很多理论性的东西都不会，回来后很郁闷，觉得自己考砸了，清楚的记得当时面试官问 ajax 是什么，结果没回答上来。本打算继续投简历，继续找工作，奇迹出现了，那家面试单位给她打电话了，通知上班，工资 7k。。。。。

大家平时都使用什么翻译工具

naitnix — Thu, 21 Mar 2013 15:42:56 +0800

因为本人英语并不是很好，在读很多技术文档的时候发现很多单词并不认识，只能借助翻译工具来翻译出来才能继续往下读，平时使用的都是 iciba，这个工具挺好的，每次查出来后可以添加到生词本，然后还能让你将添加到生词本的单词导出来，但是发现有的时候，有些单词并没有计算机专业解释，所以想在这里征求下大家，看看大家都在用什么翻译工具

如何自定义 twtter-bootstrap-rails 样式？

naitnix — Wed, 06 Mar 2013 18:15:39 +0800

项目中用到了 twtter-bootstrap-rails，这个是基于 less 的，现在想改变例如背景颜色之类的样式，这个要怎么自己定义呢，看了看 ruby-china 的相关帖子，其中一个是：http://ruby-china.org/topics/5314 ，我看@lgn21st说，只要在 bootstrap 之后加载这个 css 文件就可以了，但是这个 bootstrap-sass 是基于 sass 的，而 twtter-bootstrap-rails 是基于 less 的，如果我要是实现自己定制样式的话，除了引入自己的 css 文件之外的方法，我还想继续使用 twtter-bootstrap-rails 提供的样式变量，并且自定义 less 文件，问题是，我必须知道这些预定义的变量，如果我要生命一个新的变量，可能还需要重新编译，这样很麻烦，不知道有没有人遇到过类似的情况，你们都是怎么解决的？

bootstrap 中 bootstrap-collapse.js 如何设置制定的某个 collapse 处于显示状态，而其他的处于隐藏状态

naitnix — Tue, 05 Feb 2013 10:58:13 +0800

如题，我想利用 bootstrap-collapse.js 来指定某个 collapse 处于默认显示状态，而其他的默认处于隐藏状态，我知道通过 html 的 .collapse 和.in 是可以设置的，但是我想通过 bootstrap-collapse.js 来设置，默认情况下，总是第一个处于显示状态，其他的处于隐藏状态，怎样才能制定某个 collapse 处于显示状态呢？

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        国土问题
      </a>
    </div>
    <div id="collapse0" class="accordion-body collapse" style="height: 0px;">
      <div class="accordion-inner">
        前一段时间一个段子说，某国的网民在因国土问题与中国网民争吵时说，我要打到北京，中国的网民非常淡然地回应，就你那经济水平，交得起过路费吗？这两天新的段子说，李白要是活在今天的话，估计一大半以上他的诗根本写不出来，因为名山大川的门票他根本买不起。
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        门票问题
      </a>
    </div>
    <div id="collapse1" class="accordion-body collapse" style="height: 0px;">
      <div class="accordion-inner">
        目前，中国半数5A级景区门票达到100元，黄山门票10年来由80元涨至230元。山东曲阜称，与同类景区相比收费较低，仅收150元，不涨票价就丢身价。曲阜的孔庙、孔府和孔林，年收入1.5亿元左右，全部上缴了地方财政，但景区维护成本从未公开。
      </div>
    </div><div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        国土问题
      </a>
    </div>
    <div id="collapse0" class="accordion-body collapse" style="height: 0px;">
      <div class="accordion-inner">
        前一段时间一个段子说，某国的网民在因国土问题与中国网民争吵时说，我要打到北京，中国的网民非常淡然地回应，就你那经济水平，交得起过路费吗？这两天新的段子说，李白要是活在今天的话，估计一大半以上他的诗根本写不出来，因为名山大川的门票他根本买不起。
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        门票问题
      </a>
    </div>
    <div id="collapse1" class="accordion-body collapse" style="height: 0px;">
      <div class="accordion-inner">
        目前，中国半数5A级景区门票达到100元，黄山门票10年来由80元涨至230元。山东曲阜称，与同类景区相比收费较低，仅收150元，不涨票价就丢身价。曲阜的孔庙、孔府和孔林，年收入1.5亿元左右，全部上缴了地方财政，但景区维护成本从未公开。
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        超生罚款
      </a>
    </div>
    <div id="collapse2" class="accordion-body in" style="height: auto;">
      <div class="accordion-inner">
        学者杨支柱因生二胎被取消公职，并罚款24万余元。他称，计生罚款以前直接叫超生罚款，入世后改成“社会抚养费”。根据9省市超生罚款的平均数，全国31个省市每年征收的超生罚款可高达279亿元。其中大城市将该收入上缴财政，而地方则分配混乱，部分罚款去向成谜。
      </div>
    </div>
  </div>
</div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle">
        超生罚款
      </a>
    </div>
    <div id="collapse2" class="accordion-body in" style="height: auto;">
      <div class="accordion-inner">
        学者杨支柱因生二胎被取消公职，并罚款24万余元。他称，计生罚款以前直接叫超生罚款，入世后改成“社会抚养费”。根据9省市超生罚款的平均数，全国31个省市每年征收的超生罚款可高达279亿元。其中大城市将该收入上缴财政，而地方则分配混乱，部分罚款去向成谜。
      </div>
    </div>
  </div>
</div>

以上为 html 代码，一下为 js 代码，我正是想通过一下的 js 代码来制定特定的 collapse：

$(function () {
  $.each($('.accordion a.accordion-toggle'), function(i, link){
    $('#collapse' + i).collapse({
      toggle : true,
      parent : '#accordion2'
    });

    if(i == 0){
      $('#collapse' + i).collapse('hide');//指定第一个处于隐藏状态
    }

    if(i == 1){
      $('#collapse' + i).collapse('show');//指定第二个处于隐藏状态
    }


    $(link).on('click', function(){
        $('#collapse' + i).collapse('toggle');
      }
    );
  });  
})

但是我发现以下这两句不起作用，还是默认显示的第一个：

if(i == 0){
  $('#collapse' + i).collapse('hide');//指定第一个处于隐藏状态
}

if(i == 1){
  $('#collapse' + i).collapse('show');//指定第二个处于隐藏状态
}

不知道是否有人实现过，望指点

bootstrap $ is not defined 发现问题所在

naitnix — Sun, 03 Feb 2013 13:10:01 +0800

如我上次跟大家请教的问题一样：http://ruby-china.org/topics/8553https://github.com/seyhunak/twitter-bootstrap-rails所说，在生成applications.html.erb之后，再刷新页面，就会报$，每次按照 is not defined，今天再次实验，发现还是这个错误，于是我对比了下在用生成器生成 applications.html.erb 前后，这个文件的变化，发现<%= javascript_include_tag "application" %>这一行被移动到了文件的最后，说这样能够提高页面加载速度:Placed at the end of the document so the pages load faster，这样的话，我所在 html.erb 中调用 jquery 的时候都会报$ is not defined，因为页面先于 jquery 加载了，没办法，只能将我在页面中的 js 代码移动到 application.js 文件中，这样就不会报这个错误了。但是问题在于，我在页面的 js 代码中含有类似与以下代码的内容: $(document).ready(function(){ alert(123); })

这样的话，这个 alert 在每个页面都会输出 (其实实际中这样的代码可能不是 alert，可能是其他的代码)，所以我想将每个页面运行的代码进行分开，不同的页面加载不同的 js 代码，这就要求在 application.js 文件中将代码进行分离，问题就在于我怎么分离。看了http://ruby-china.org/topics/25244楼 @yakjuly所说，确实是起作用的，但是我必须要将 application.js 的 require_tree 去掉，不知道还有没有其他的好办法，求建议。中