feed.xml

<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.8.5">Jekyll</generator><link href="http://zoubuzao.com/feed.xml" rel="self" type="application/atom+xml" /><link href="http://zoubuzao.com/" rel="alternate" type="text/html" /><updated>2019-07-25T10:30:43+08:00</updated><id>http://zoubuzao.com/feed.xml</id><title type="html">邹鱼 一个全干工程师</title><subtitle>这是邹鱼的个人网站，主要和Ruby、Ruby on Rails、前端、java有关</subtitle><entry><title type="html">focus event in DevTools</title><link href="http://zoubuzao.com/frontend/2019/07/25/focus-event-in-devtools.html" rel="alternate" type="text/html" title="focus event in DevTools" /><published>2019-07-25T00:00:00+08:00</published><updated>2019-07-25T00:00:00+08:00</updated><id>http://zoubuzao.com/frontend/2019/07/25/focus-event-in-devtools</id><content type="html" xml:base="http://zoubuzao.com/frontend/2019/07/25/focus-event-in-devtools.html">&lt;p&gt;在Chrome DevTools中测试触发focus事件，结果不起作用。经过一番查找，发现原因如下:&lt;br /&gt;
 其实可以把DevTools当做页面的一部分，当输入完代码时focus在你输入完成的位置，所以光标不在期望位置。&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;You will realize that when clicking on the Chrome console, it will steal focus from any input or textarea control on the current page, and vice versa. That’s because the Chrome console actually is implemented using the same HTML controls as any other HTML page, just with special properties which, for instance, prevent Chrome from inspecting the Chrome console recursively.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;When you type a command in the Chrome console, i.e. in the input control that is part of the Chrome console, it will keep the focus. The Chrome engineers might have chosen to implement it differently, but in most cases the user will want to continue typing in the Chrome console after firing a command, so no command will release focus from the console.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3 id=&quot;reference&quot;&gt;Reference:&lt;/h3&gt;
&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;https://stackoverflow.com/questions/14783585/jquery-focus-command-doesnt-work-from-chrome-command-line&quot; target=&quot;_blank&quot;&gt;jquery focus command doesn’t work from chrome command line&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;</content><author><name></name></author><summary type="html">在Chrome DevTools中测试触发focus事件，结果不起作用。经过一番查找，发现原因如下: 其实可以把DevTools当做页面的一部分，当输入完代码时focus在你输入完成的位置，所以光标不在期望位置。</summary></entry><entry><title type="html">rails Testing 功能测试 集成测试 系统测试</title><link href="http://zoubuzao.com/rails/2019/07/13/test.html" rel="alternate" type="text/html" title="rails Testing 功能测试 集成测试 系统测试" /><published>2019-07-13T00:00:00+08:00</published><updated>2019-07-13T00:00:00+08:00</updated><id>http://zoubuzao.com/rails/2019/07/13/test</id><content type="html" xml:base="http://zoubuzao.com/rails/2019/07/13/test.html">&lt;h1 id=&quot;功能测试functional-testing-集成测试integration-testing-系统测试system-testing&quot;&gt;功能测试(Functional Testing) 集成测试(Integration Testing) 系统测试(System Testing)&lt;/h1&gt;

&lt;p&gt;第一次看这三个概念很模糊，尤其是理解集成测试和系统测试的区别上，最后在rails的源代码中找到一丝端倪，所以记录下自己的一些见解。&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;功能测试，主要用来测试单个action&lt;/li&gt;
  &lt;li&gt;集成测试，可能跨越多个controller、action，用来测试重要的工作流程&lt;/li&gt;
  &lt;li&gt;系统测试，在rails的源码中发现它是集成自集成测试的，它运行浏览器环境中，能够很方便的测试你的js代码。End-to-end 测试&lt;/li&gt;
&lt;/ol&gt;

&lt;hr /&gt;

&lt;p&gt;在浏览器环境中运行是系统测试和集成测试最主要的区别，系统测试通过近似人的方式来测试代码准确性，突入&lt;strong&gt;人&lt;/strong&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;集成测试通过一系列的输入和对输出的检查来验证代码的准确性。&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;集成测试&lt;/p&gt;
&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nb&quot;&gt;test&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;can create an article&quot;&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;do&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;get&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;/articles/new&quot;&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;assert_response&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:success&lt;/span&gt;
 
  &lt;span class=&quot;n&quot;&gt;post&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;/articles&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;ss&quot;&gt;params: &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;article: &lt;/span&gt;&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;title: &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;can create&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;body: &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;article successfully.&quot;&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;assert_response&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:redirect&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;follow_redirect!&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;assert_response&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:success&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;assert_select&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;p&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Title:&lt;/span&gt;&lt;span class=&quot;se&quot;&gt;\n&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;  can create&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;系统测试&lt;/p&gt;
&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nb&quot;&gt;test&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;creating an article&quot;&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;do&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;visit&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;articles_path&lt;/span&gt;
 
  &lt;span class=&quot;n&quot;&gt;click_on&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;New Article&quot;&lt;/span&gt;
 
  &lt;span class=&quot;n&quot;&gt;fill_in&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Title&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;with: &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;Creating an Article&quot;&lt;/span&gt;
  &lt;span class=&quot;n&quot;&gt;fill_in&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Body&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;with: &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;Created this article successfully!&quot;&lt;/span&gt;
 
  &lt;span class=&quot;n&quot;&gt;click_on&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Create Article&quot;&lt;/span&gt;
 
  &lt;span class=&quot;n&quot;&gt;assert_text&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Creating an Article&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><summary type="html">功能测试(Functional Testing) 集成测试(Integration Testing) 系统测试(System Testing)</summary></entry><entry><title type="html">Ruby write a configuration module or class</title><link href="http://zoubuzao.com/ruby/2019/05/05/make-a-config-module.html" rel="alternate" type="text/html" title="Ruby write a configuration  module or class" /><published>2019-05-05T00:00:00+08:00</published><updated>2019-05-05T00:00:00+08:00</updated><id>http://zoubuzao.com/ruby/2019/05/05/make-a-config-module</id><content type="html" xml:base="http://zoubuzao.com/ruby/2019/05/05/make-a-config-module.html">&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;  &lt;span class=&quot;k&quot;&gt;module&lt;/span&gt; &lt;span class=&quot;nn&quot;&gt;Mailer&lt;/span&gt;
    &lt;span class=&quot;k&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;lt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;self&lt;/span&gt;
      &lt;span class=&quot;nb&quot;&gt;attr_accessor&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:configuration&lt;/span&gt;
      
      &lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;configure&lt;/span&gt;
        &lt;span class=&quot;nb&quot;&gt;self&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;configuration&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;||=&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;Configuration&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;new&lt;/span&gt;
        &lt;span class=&quot;k&quot;&gt;yield&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;configuration&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
      &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
    &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
    &lt;span class=&quot;k&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;nc&quot;&gt;Configuration&lt;/span&gt;
      &lt;span class=&quot;nb&quot;&gt;attr_accessor&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:sender_mailer&lt;/span&gt;
      &lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;initialize&lt;/span&gt;
        &lt;span class=&quot;vi&quot;&gt;@sender_mailer&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'example@example.com'&lt;/span&gt;    
      &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
    &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;

  &lt;span class=&quot;no&quot;&gt;Mailer&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;configure&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;do&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;|&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;config&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;|&lt;/span&gt;
    &lt;span class=&quot;n&quot;&gt;config&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;sender_mailer&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'yu@example.com'&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;

  &lt;span class=&quot;no&quot;&gt;Mailer&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;configuration&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;sender_mailer&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&amp;gt;&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'yu@example.com'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;reference&quot;&gt;Reference:&lt;/h3&gt;
&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.skcript.com/svr/the-easiest-configuration-block-for-your-ruby-gems/&quot; target=&quot;_blank&quot;&gt;The easiest configuration block for your Ruby gems&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://thoughtbot.com/blog/mygem-configure-block&quot; target=&quot;_blank&quot;&gt;MyGem.configure Block&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;</content><author><name></name></author><summary type="html">```ruby module Mailer class « self attr_accessor :configuration def configure self.configuration ||= Configuration.new yield(configuration) end end class Configuration attr_accessor :sender_mailer def def initialize @sender_mailer = 'example@example.com' end end end</summary></entry><entry><title type="html">Ruby socket simple server</title><link href="http://zoubuzao.com/ruby/2019/04/18/ruby-socket-1.html" rel="alternate" type="text/html" title="Ruby socket simple server" /><published>2019-04-18T00:00:00+08:00</published><updated>2019-04-18T00:00:00+08:00</updated><id>http://zoubuzao.com/ruby/2019/04/18/ruby-socket-1</id><content type="html" xml:base="http://zoubuzao.com/ruby/2019/04/18/ruby-socket-1.html">&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nb&quot;&gt;require&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'socket'&lt;/span&gt;

&lt;span class=&quot;c1&quot;&gt;# 创建&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;server&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;Socket&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;ss&quot;&gt;:INET&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;:STREAM&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;addr&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;Socket&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;pack_sockaddr_in&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;4444&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'0.0.0.0'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;# 绑定&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;server&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;bind&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;addr&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;# 监听&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;server&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;listen&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;# 接受&lt;/span&gt;
&lt;span class=&quot;kp&quot;&gt;loop&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;do&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;_&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;server&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;accept&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;# 处理连接&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;# 读取数据&lt;/span&gt;
	&lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;read&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;# 发送数据&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;write&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'ACK'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;# 关闭&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;close&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;# 关闭server&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;server&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;close&lt;/span&gt;

&lt;span class=&quot;c1&quot;&gt;# 以上代码可以使用如下语法糖&lt;/span&gt;
&lt;span class=&quot;no&quot;&gt;Socket&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;tcp_server_loop&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;4444&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;'0.0.0.0'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;do&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;|&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;|&lt;/span&gt;
	&lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;read&lt;/span&gt;
	&lt;span class=&quot;c1&quot;&gt;# 发送数据&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;write&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'ACK'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
	&lt;span class=&quot;n&quot;&gt;connection&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nf&quot;&gt;close&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><summary type="html">```ruby require ‘socket’</summary></entry><entry><title type="html">Ruby method arguments 方法参数</title><link href="http://zoubuzao.com/ruby/2019/04/18/ruby-method-argument.html" rel="alternate" type="text/html" title="Ruby method arguments 方法参数" /><published>2019-04-18T00:00:00+08:00</published><updated>2019-04-18T00:00:00+08:00</updated><id>http://zoubuzao.com/ruby/2019/04/18/ruby-method-argument</id><content type="html" xml:base="http://zoubuzao.com/ruby/2019/04/18/ruby-method-argument.html">&lt;p&gt;可使用的参数：&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;必须参数 args&lt;/li&gt;
  &lt;li&gt;可选参数 args=4&lt;/li&gt;
  &lt;li&gt;变长参数 **args&lt;/li&gt;
  &lt;li&gt;关键字参数 args: args: 4&lt;/li&gt;
  &lt;li&gt;block参数(将传入的block装换为一个Proc对象)
    &lt;blockquote&gt;
      &lt;p&gt;这些参数推荐的顺序为 必选参数-&amp;gt; 可选参数-&amp;gt; 变长参数 -&amp;gt; 关键词参数 -&amp;gt; 变长关键词参数 -&amp;gt; block参数&lt;/p&gt;
    &lt;/blockquote&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;注意：&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;block参数必需为最后一个参数&lt;/li&gt;
  &lt;li&gt;关键词参数放于普通参数之后&lt;/li&gt;
  &lt;li&gt;变长关键词参数放于关键词参数之后&lt;/li&gt;
  &lt;li&gt;变长参数放于可选参数之后&lt;/li&gt;
  &lt;li&gt;变长参数可以放于必选参数前中后&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;以下为一个例子:&lt;/p&gt;
&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;method&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;b&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;c&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;d&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:,&lt;/span&gt; &lt;span class=&quot;ss&quot;&gt;e: &lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;**&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;f&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;block&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;a&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;b&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;c&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;d&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;e&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;f&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;block&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><summary type="html">可使用的参数： 必须参数 args 可选参数 args=4 变长参数 **args 关键字参数 args: args: 4 block参数(将传入的block装换为一个Proc对象) 这些参数推荐的顺序为 必选参数-&amp;gt; 可选参数-&amp;gt; 变长参数 -&amp;gt; 关键词参数 -&amp;gt; 变长关键词参数 -&amp;gt; block参数</summary></entry><entry><title type="html">转载 Ruby block</title><link href="http://zoubuzao.com/ruby/2019/04/18/ruby-block.html" rel="alternate" type="text/html" title="转载 Ruby block" /><published>2019-04-18T00:00:00+08:00</published><updated>2019-04-18T00:00:00+08:00</updated><id>http://zoubuzao.com/ruby/2019/04/18/ruby-block</id><content type="html" xml:base="http://zoubuzao.com/ruby/2019/04/18/ruby-block.html">&lt;p&gt;一篇比较容易理解的讲述ruby block
&lt;a href=&quot;https://mixandgo.com/learn/mastering-ruby-blocks-in-less-than-5-minutes&quot; target=&quot;_blank&quot;&gt;转载&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">一篇比较容易理解的讲述ruby block 转载</summary></entry><entry><title type="html">JavaScript 正则表达式</title><link href="http://zoubuzao.com/frontend/2019/04/11/regular-expression.html" rel="alternate" type="text/html" title="JavaScript 正则表达式" /><published>2019-04-11T00:00:00+08:00</published><updated>2019-04-11T00:00:00+08:00</updated><id>http://zoubuzao.com/frontend/2019/04/11/regular-expression</id><content type="html" xml:base="http://zoubuzao.com/frontend/2019/04/11/regular-expression.html">&lt;p&gt;JavaScript中的正则表达式对象在执行全局搜索时，其lastIndex属性会记录对同一字符串下次的搜索位置，此时对同一字符串执行两次搜索结果会出现不符合直觉上预期的方式。&lt;/p&gt;

&lt;p&gt;解决办法：1. 使用字符串的match方法 2. 手动设置lastIndex为0&lt;/p&gt;

&lt;p class=&quot;codepen&quot; data-height=&quot;265&quot; data-theme-id=&quot;0&quot; data-default-tab=&quot;js,result&quot; data-user=&quot;zouyu&quot; data-slug-hash=&quot;LvyZrR&quot; style=&quot;height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;&quot; data-pen-title=&quot;regular expression&quot;&gt;
  &lt;span&gt;See the Pen &lt;a href=&quot;https://codepen.io/zouyu/pen/LvyZrR/&quot;&gt;
  regular expression&lt;/a&gt; by Xiu (&lt;a href=&quot;https://codepen.io/zouyu&quot;&gt;@zouyu&lt;/a&gt;)
  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.&lt;/span&gt;
&lt;/p&gt;
&lt;script async=&quot;&quot; src=&quot;https://static.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;

&lt;h3 id=&quot;reference&quot;&gt;Reference:&lt;/h3&gt;
&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex&quot; target=&quot;_blank&quot;&gt;lastIndex&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;</content><author><name></name></author><summary type="html">JavaScript中的正则表达式对象在执行全局搜索时，其lastIndex属性会记录对同一字符串下次的搜索位置，此时对同一字符串执行两次搜索结果会出现不符合直觉上预期的方式。</summary></entry><entry><title type="html">rails CSRF</title><link href="http://zoubuzao.com/rails/2019/04/05/csrf.html" rel="alternate" type="text/html" title="rails CSRF" /><published>2019-04-05T00:00:00+08:00</published><updated>2019-04-05T00:00:00+08:00</updated><id>http://zoubuzao.com/rails/2019/04/05/csrf</id><content type="html" xml:base="http://zoubuzao.com/rails/2019/04/05/csrf.html">&lt;h1 id=&quot;rails中的csrf&quot;&gt;Rails中的CSRF&lt;/h1&gt;
&lt;blockquote&gt;
  &lt;p&gt;rails的ActionController::RequestForgeryProtection，处理CSRF&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ol&gt;
  &lt;li&gt;至少从rails 4.1.7开始，只对XMLHttpRequest的get请求不做验证。对于跨源的script的src造成的请求默认阻止。
&lt;a href=&quot;https://api.rubyonrails.org/v4.1.7/classes/ActionController/RequestForgeryProtection.html&quot;&gt;RequestForgeryProtection.html&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;在Rails5中&lt;strong&gt;protect_from_forgery&lt;/strong&gt;默认启用。&lt;/li&gt;
&lt;/ol&gt;

&lt;iframe src=&quot;https://api.rubyonrails.org/v4.1.7/classes/ActionController/RequestForgeryProtection.html&quot; style=&quot;width:100%;height: 50vh;&quot;&gt;&lt;/iframe&gt;</content><author><name></name></author><summary type="html">Rails中的CSRF rails的ActionController::RequestForgeryProtection，处理CSRF</summary></entry><entry><title type="html">rails 根据ActiveRecord动态创建路由</title><link href="http://zoubuzao.com/rails/2019/04/02/view-render.html" rel="alternate" type="text/html" title="rails 根据ActiveRecord动态创建路由" /><published>2019-04-02T00:00:00+08:00</published><updated>2019-04-02T00:00:00+08:00</updated><id>http://zoubuzao.com/rails/2019/04/02/view-render</id><content type="html" xml:base="http://zoubuzao.com/rails/2019/04/02/view-render.html">&lt;p&gt;使用ActionDispatch::Routing::PolymorphicRoutes中提供的方法根据AR动态创建路由，以下为官方文档：&lt;/p&gt;

&lt;p&gt;
Polymorphic URL helpers are methods for smart resolution to a named route call when given an Active Record model instance. They are to be used in combination with ActionController::Resources.
&lt;/p&gt;
&lt;p&gt;
These methods are useful when you want to generate the correct URL or path to a RESTful resource without having to know the exact type of the record in question.
&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;以上的前提：&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;RESTful resource&lt;/li&gt;
&lt;/ol&gt;

&lt;hr /&gt;
&lt;p&gt;提供的方法&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;polymorphic_url/polymorphic_path&lt;/li&gt;
  &lt;li&gt;edit_polymorphic_url/edit_polymorphic_path&lt;/li&gt;
  &lt;li&gt;new_polymorphic_url/new_polymorphic_url&lt;/li&gt;
&lt;/ol&gt;

&lt;hr /&gt;
&lt;p&gt;例子&lt;/p&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;polymorphic_path&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;User&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&amp;gt;&lt;/span&gt; &lt;span class=&quot;sr&quot;&gt;/users
2. polymorphic_path @user =&amp;gt; /use&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;rs&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;
&lt;span class=&quot;mi&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;new_polymorphic_path&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;User&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&amp;gt;&lt;/span&gt; &lt;span class=&quot;sr&quot;&gt;/users/ne&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;w&lt;/span&gt;
&lt;span class=&quot;mi&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;edit_polymorphic_path&lt;/span&gt; &lt;span class=&quot;no&quot;&gt;User&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&amp;gt;&lt;/span&gt; &lt;span class=&quot;sr&quot;&gt;/users/&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;edit&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><summary type="html">使用ActionDispatch::Routing::PolymorphicRoutes中提供的方法根据AR动态创建路由，以下为官方文档：</summary></entry><entry><title type="html">JavaScript Event</title><link href="http://zoubuzao.com/frontend/2019/03/28/event.html" rel="alternate" type="text/html" title="JavaScript Event" /><published>2019-03-28T00:00:00+08:00</published><updated>2019-03-28T00:00:00+08:00</updated><id>http://zoubuzao.com/frontend/2019/03/28/event</id><content type="html" xml:base="http://zoubuzao.com/frontend/2019/03/28/event.html">&lt;p&gt;Event表示了一个在DOM发生的一个事件&lt;/p&gt;

&lt;p&gt;在事件处理函数中有个默认的参数即为event。事件处理函数中的this表示事件被注册的DOM对象，
event.target表示触发事件的对象，event.currentTarget表示事件注册的DOM对象和this相等。
由于冒泡机制event.target和event.currentTarget不一定相等。
示例代码：&lt;/p&gt;

&lt;p class=&quot;codepen&quot; data-height=&quot;265&quot; data-theme-id=&quot;0&quot; data-default-tab=&quot;js,result&quot; data-user=&quot;zouyu&quot; data-slug-hash=&quot;ywdEPB&quot; style=&quot;height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;&quot; data-pen-title=&quot;show event target currentTarget&quot;&gt;
  &lt;span&gt;See the Pen &lt;a href=&quot;https://codepen.io/zouyu/pen/ywdEPB/&quot;&gt;
  show event target currentTarget&lt;/a&gt; by Xiu (&lt;a href=&quot;https://codepen.io/zouyu&quot;&gt;@zouyu&lt;/a&gt;)
  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.&lt;/span&gt;
&lt;/p&gt;
&lt;script async=&quot;&quot; src=&quot;https://static.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;

&lt;h3 id=&quot;reference&quot;&gt;Reference:&lt;/h3&gt;
&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Event&quot; target=&quot;_blank&quot;&gt;Event&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers&quot; target=&quot;_blank&quot;&gt;DOM on-event handlers&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;</content><author><name></name></author><summary type="html">Event表示了一个在DOM发生的一个事件</summary></entry></feed>