monsterooo (monsterooo)

[成都] 拟合未来科技 (Fiture) 招聘前端工程师 (14-24K·14 薪)

monsterooo — Mon, 08 Mar 2021 17:42:41 +0800

作为未来科技健身方式的开创者和引领者，FITURE（成都拟合未来科技有限公司）致力于通过科技帮助大众建立健康的生活方式。在成立之初 FITURE 就已获得红杉资本的投资，目前也已完成 A 轮 6500 万美金融资，腾讯领投，C 资本，凯辉基金，黑蚁资本，CPE（中信产业基金），BAI（贝塔斯曼亚洲投资基金），全明星基金跟投。FITURE 的天使轮股东红杉资本中国基金在本轮中也继续追加投资。

通过技术创新，FITURE 为用户提供了集科技健身硬件、虚拟教练专业指导、海量顶级健身课程、专业健身社区服务在内的科技健身方式服务。

立足于科技健身方式领域的同时，FITURE 还利用自身的技术优势和数据积累，探索基于用户的运动数据及生理数据提供诸如饮食建议、健康管理等其它生活服务，布局全面的智能健康管理领域，为大众打造属于每个人的健康生活方式！

FITURE 创始团队具有极强的科技与互联网行业背景，包括满帮集团、智加科技、腾讯、亚马逊等公司的前高管。核心团队均有优秀研发背景，毕业于哈佛、卡耐基梅隆、清华大学、上海交大等顶尖院校，集合了自动驾驶、机器人、互联网等各科技领域的世界级人才。

产品介绍

FITURE Power / Slim

FITURE 力求通过科技帮助大众建立健康的生活方式。通过技术创新，FITURE 为用户提供了集智能硬件、AI 教练、丰富课程、专业服务在内的科技健身方式。同时，FITURE 还利用技术优势和数据积累，为用户提供饮食建议、健康管理等其它生活服务，布局全面的智能健康管理领域，为大众打造属于每个人的健康生活方式！

工作时间

早上 10 点到下午 6.30

职位描述

中 - 高级前端工程师

工作情况简介

公司有良好的企业文化 & 职业上升通道
完善的代码规范 & 前端基础设施

职位要求

3 年以上 Web 开发相关经验
熟练使用 React 进行前端页面开发
能够快速完成复杂中后台页面的开发 or 还原度极高的前台页面开发
有良好的代码规范意识，熟悉并遵从常见的 Lint 规则
基本功扎实，有良好的代码设计能力，能够写出可读性好的代码
良好的英语水平，能够轻松读懂开发中常见英文文档、各种常见错误提示
良好的沟通能力，团队协作意识，有责任心，能抗压力

加分项

系统性的学习过前端开发相关书籍，如红宝书、绿皮书、重构等等
有个人博客，且博客中有较高质量的内容
有开源项目，能够展示出较好的代码习惯

待遇

MacBook Pro + Dell 显示器；
月薪 14-24K · 14 薪;
完整社保、公积金、以及带薪年假；
内部组织的各种兴趣活动小组

工作地点

成都天府软件园 E 区 E3-1 栋 9 楼

简历投递

简历 PDF 到：jiangzhu@fiture.com

一个基于浏览器的编程工具 (Coderlane)

monsterooo — Wed, 13 Nov 2019 15:57:57 +0800

简单介绍

Coderlane是一款在线编程工具，您可以在浏览器中通过简单的点击 5 秒内创建一个编程语言环境。

项目初心

缘起于一个朋友的在线面试体验。面试官给他发了一个牛客网的链接，面试题目很简单：字符串去重并且在对应字符后面跟一个字符重复的数量。给定的时间是 30 分钟，但是我的朋友整整花了 15 分钟才研究明白他们的工具怎么使用。

最终虽然他完成了面试题目，但是由于时间紧迫算法做的不算优化。最终导致没有得到二面的机会。

所以我就开始构思做一个更好用的在线编程工具，使用起来无障碍且足够简单。

第一版 (3 月)

3 月份第一版出来了实现了最最基础的代码执行功能和跑测试用例。原理就是服务器跑一个 docker 去执行客户端的代码，拿到结果后返回给客户端

虽然基础的功能出来了但是还是有许多不满足的地方，第一个就是界面不够简洁。

第二版 (6 月)

针对第一版的界面做了新的调整，界面更加美观并且我去掉了测试用例功能。

第二版虽完成了，但是我并不太满足。主要原因有如下：

代码同步太 low 没有考虑冲突解决方案
动态语言没有实现和客户端的 REPl 连接，只能返回结果
没有音视频沟通功能

第三版 (9 月)

针对第二版的问题，我进行了功能的完善。解决方案如下：

使用 Operational Transformation 算法解决多客户端编辑冲突问题
使用伪终端代理打通 REPL，这样客户端可实时调试
增加音视频服务功能这个要感谢 Agora 提供的服务
增加编辑器的代码提示、自动补全、显示文档
增加在编辑时实时显示用户正在编辑的位置
增加了代码回放

我非常希望看到Coderlane作为一个在线编程工具给大家带来更便捷的体验，并且我打算永久免费，直到无法负担运营成本为止。

最后说一下我的感受：做一个项目不容易，做好更是需要付出很多努力和工作。希望大家多多提意见我们共同来完善Coderlane。

感谢阅读和使用

Devise Pundit Rolify 学习笔记

monsterooo — Wed, 03 Jul 2019 15:26:49 +0800

1. 安装 bundle 和初始化

1.1 devise 初始化

bundle add devise # 安装并添加到Gem
rails generate devise:install # 运行生成器
rails generate devise User # 创建模型
rails db:migrate # 运行迁移任务

# 验证以上步骤是否成功
rails s
# 浏览器访问： http://localhost:3000/users/sign_in 看到登录画面就成功了

1.2 pundit 初始化

bundle add pundit # 安装并添加到Gem
rails g pundit:install # 运行生成器

1.3 rolify 初始化

bundle add rolify # 安装并添加到Gem
rails g rolify Role User # 添加Role和User模型
rails db:migrate # 运行迁移任务

1.4 添加一个 Book 资源用于测试

rails g scaffold Book title:string description:text

2 Rolify 库学习

按照官方文档我们现在可以给一个 User 添加一个角色，在 shell 执行rails c进入 rails 调试模式

u = User.first # 获取第一个用户
u.add_role :admin # 给这个用户添加一个admin角色
u.roles # 可以打印出当前已经存在的角色

下面是根据官方文档的一些用法：

2.1 给 user 添加 role

定义全局 role:

注：resource_type、resource_id 这里是为空表示全局

user = User.find(1)
user.add_role :admin

roles 表数据

id	name	resource_type	resource_id
2	admin

定义 role 作用域给一个资源的实例

注：按照操作指南，Book 类中需要调用resourcify方可为 Book 资源提供role的查询

# 针对Book.first这个实例(id)增加一个对应角色
user = User.find(1)
user.add_role :moderator, Book.first

roles 表数据

id	name	resource_type	resource_id
3	moderator	Book	1

定义 role 作用域给一个资源类

user = User.find(1)
user.add_role :moderator, Forum

roles 表数据

id	name	resource_type	resource_id
3	moderator	Book

2.2 Role 查询

检查 user 是否有全局 role

user = User.find(1)
user.add_role :admin # 设置一个全局role
user.has_role? :admin
=> true

检查 user 是否具有给定的某一个全局 role

user = User.find(1)
user.add_role :admin
user.add_role :moderator
user.add_role :client

user.has_any_role? :admin, :moderator
=> true

检查 user 是否拥有指定资源的 role

user = User.find(2)
user.add_role :moderator, Forum.first # 设置一个role作用域给一个资源(id)
user.has_role? :moderator, Forum.first
=> true
user.has_role? :moderator, Forum.last
=> false
user.has_role? :moderator
=> false # 返回false是因为moderator是给某个资源的role权限, 不是全局的
user.has_role? :moderator, :any
=> true # 返回true，因为用户至少有一个moderator role

检查 user 是否拥有指定类的 role

user = User.find(3)
user.add_role :moderator, Forum # 设置一个role作用域为Forum类
user.has_role? :moderator, Forum
=> true
user.has_role? :moderator, Forum.first
=> true
user.has_role? :moderator, Forum.last
=> true
user.has_role? :moderator
=> false
user.has_role? :moderator, :any
=> true

如果想要查看更多关于 rolify 的资料请查看官方文档

3 Pundit 学习

首先在你的类中include Pundit，这一般是在ApplicationController中调用

class ApplicationController < ActionController::Base
  include Pundit
end

3.1 Policies(策略)

Pundit 核心聚焦于 policy 类，我们需要将这些类放在app/policies文件夹中。下面是一个简单的 policy 类展示了。它的作用是：如果是管理员或者帖子在未发布状态可以进行更新操作

class PostPolicy
  attr_reader :user, :post

  def initialize(user, post)
    @user = user
    @post = post
  end

  def update?
    user.admin? or not post.published?
  end
end

所有的 Policy 类都是 Ruby 的纯对象，它会做如下几点假设：

它的类名和模型名是相同的名称，只是后缀带有Policy
第一个参数是user，在我们的控制器中 Pundit 将调用current_user方法来检索要发送给此参数的内容
第二个参数是某种model对象，你将会检查user对它是否有权限。这个对象不一定是ActiveRecord或ActiveModel，它可以是任何东西
policy 的类实现了一些查询方法，在什么情况下update?、create。一般来说映射到控制器的动作

下面是一个基本的使用示例：

# app/policies/post_policy.rb
class PostPolicy < ApplicationPolicy
  def update?
    user.admin? or not record.published?
  end
end

一般来说policy都会继承ApplicationPolicy的默认策略

# app/controllers/post_controller.rb
def update
  @post = Post.find(params[:id])
  authorize @post
  if @post.update(post_params)
    redirect_to @post
  else
    render :edit
  end
end

authorize方法会自动推断实现了PostPolicy的类，然后使用current_user和给定的@post记录。然后动过动作推荐出应该调用那个 Policy 方法。authorize大概会做如下的事情：

unless PostPolicy.new(current_user, @post).update?
  raise Pundit::NotAuthorizedError, "not allowed to update? this #{@post.inspect}"
end

如果路由动作名称和 policy 不匹配，可以通过给authorize传递第二个参数来指定验证的方法

def publish
@post = Post.find(params[:id])
authorize @post, :update? # publish的校验使用policy中的update方法
@post.publish!
redirect_to @post
end

如果你没有一个实例来给authorize进行授权，你可以传递一个Class如下所示

# Policy 文件
class PostPolicy < ApplicationPolicy
  def admin_list?
    user.admin?
  end
end

# Controller
def admin_list
  authorize Post # 我们没有特定的Post给authorize验证
  # 验证后的其他操作
end

authorize方法返回传递给他的第一个对象，所以你可以向下面这样链式书写

def show
  @user = authorize User.find(params[:id])
end

通过policy你可以在视图中也可以校验权限，这对于 ui 逻辑的显示特别有用

<% if policy(@post).update? %>
  <%= link_to "Edit post", edit_post_path(@post) %>
<% end %>

3.2 Scopes

如果你需要一个只有特定用户才能访问的视图列表数据，可以使用 Pundit 的 Scope 比如下面这样

class PostPolicy < ApplicationPolicy
  # 其他的正常Policy

  class Scope
    attr_reader :user, :scope

    def initialize(user, scope)
      @user  = user
      @scope = scope
    end

    def resolve
      if user.admin?
        scope.all
      else
        scope.where(published: true)
      end
    end
  end

  def update?
    user.admin? or not record.published?
  end
end

Pundit 会做如下关于这个类 (Scope) 的一些假设

类的名字为Scope并且它嵌套在我们的 policy 类中
该类的第一个参数是 user，Pundit 将会调用current_user方法来发送到此参数内
第二个参数是某种类型的范围，并且可以执行查询。一般来说它是一个ActiveRecord类或ActiveRecord ::Relation。他和之前的 policy 中的方法完全是不同的
该类需要具有resolve相应方法，它需要返回一些可迭代的结果。如果是ActiveRecord类通常返回的是ActiveRecord::Relation

上面的Scope可以从ApplicationPolicy的 Scope 集成

class PostPolicy < ApplicationPolicy
  class Scope < Scope
    def resolve
      if user.admin?
        scope.all
      else
        scope.where(published: true)
      end
    end
  end

  def update?
    user.admin? or not record.published?
  end
end

做好如上的动作之后你可以在你的控制器中使用policy_scope

def index
  # 返回所有的Post或未发布的Post，根据当前用户判断
  @posts = policy_scope(Post)
end

def show
  # 先通过Scope过滤后，在通过传递的id参数进行过滤
  @post = policy_scope(Post).find(params[:id])
end

同样的你也可以在视图中使用它

<% policy_scope(@user.posts).each do |post| %>
  <p><%= link_to post.title, post_path(post) %></p>
<% end %>

3.3 确保使用了 `Policy` 和 `Scope`

Pundit 很容易实现我们的程序权限验证，并且 Pundit 引导我们去手动为每个控制器的动作创建权限验证。在这种情况下我们很容忘记给某些控制器动作增加权限。

幸运的是 Pundit 提供了这样的一个辅助校验，它通过增加一个after_action钩子，让没有调用authorize的动作抛出异常。下面来看看怎么使用的吧。

class ApplicationController < ActionController::Base
  include Pundit
  # 通过钩子调用 Pundit 内置的 verify_authorized方法
  after_action :verify_authorized
end

同样的 Pundit 还提供了verify_policy_scoped去校验控制器动作是否调用policy_scope。

class ApplicationController < ActionController::Base
  include Pundit
  after_action :verify_authorized, except: :index
  after_action :verify_policy_scoped, only: :index
end

暂时就这么多了哈，这里补充一个我练习的仓库地址。

总结：学习了 Devise、Pundit、Rolify 三个库的基本使用方法。我们可以给我们的程序快速加入用户角色资源访问控制。

以上的知识点知识我查看和学习文档时所做的记录，如果无法满足你的好奇心请查看对应的 Github 仓库。

感谢收看

Rails 路由学习

monsterooo — Wed, 26 Jun 2019 17:23:52 +0800

路由相关的类和模块在命名空间 ActionDispatch::Routing::Mapper 中，这里我给一个它的链接方便在学习时查看

match

匹配一个 URL 模式到一个或多个路由

基础使用

# 匹配格式为 :controller/:action. 请注意这样使用路由不能带参数
match 'account/setting', via: :get

Prefix	Verb	URI Pattern	Controller#Action
account_setting	GET	/account/setting(.:format)	account#setting

带参数的路由

# 带参数的路由必须指定 :to 参数, 他才能正确匹配到指定的 controller 和 action
match 'account/setting/:id',  to: "account#setting", via: :get

Prefix	Verb	URI Pattern	Controller#Action
	GET	/account/setting/:id(.:format)	account#setting

在路由匹配中使用通配符并且映射到params中

match 'songs/*category/:title', to: 'songs#show', via: :get

Prefix	Verb	URI Pattern	Controller#Action
	GET	/songs/*category/:title(.:format)	songs#show

上面的通配符路由会将songs/rock/classic/stairway-to-heaven路径做匹配和映射

<ActionController::Parameters {"controller"=>"songs", "action"=>"show", "category"=>"rock/classic/abc", "title"=>"stairway-to-heaven"} permitted: false>

路由映射到 controller 和 action 的几种写法

# 短写形式, match的第一个参数传递一个hash用来映射对应的路由和控制器
match 'photos/:id' => 'photos#show', via: :get
# 我们上面一直使用的正常模式(比较直观)
match 'photos/:id', to: 'photos#show', via: :get
# 冗余模式, 所有的参数都通过options来指定
match 'photos/:id', controller: 'photos', action: 'show', via: :get

除了以上match的几种使用方法外，还可以指定兼容Rack方式的路由

match 'photos/:id', to: -> (hash) { [200, {}, ['Coming soon']] }, via: :get

match options

:controller

路由对应控制器名称

：action

路由对应控制器里的方法名称

:param

可以用于覆盖资源默认的:id参数，一但覆盖你可以在控制的方法中使用params[:param]去访问

resources :photos, param: :title

Prefix	Verb	URI Pattern	Controller#Action
photos	GET	/photos(.:format)	photos#index
	POST	/photos(.:format)	photos#create
new_photo	GET	/photos/new(.:format)	photos#new
edit_photo	GET	/photos/:title/edit(.:format)	photos#edit
photo	GET	/photos/:title(.:format)	photos#show
	PATCH	/photos/:title(.:format)	photos#update
	PUT	/photos/:title(.:format)	photos#update
	DELETE	/photos/:title(.:format)	photos#destroy

嗯我们看到之前默认:id已经被替换为了:title

为了更好配合上面路由的使用方法，你还可以覆盖对应模型的to_param方法，去构造符合路由的 url

class Photo < ActiveRecord::Base
  def to_param
    name
  end
end

photo = Photo.find_by(name: 'ruby-china')
photo_path(photo)  # => "/photos/ruby-china"

:path

路由的前缀

:module

控制器的命名空间，这里暂时还没懂。稍后补上

:as

设置生成路由辅助函数的名称

match "account/setting", via: :get
match "account_as/setting_as", as: 'setting', via: :get

Prefix	Verb	URIPattern	Controller#Action
account_setting	GET	/account/setting(.:format)	account#setting
setting	GET	/account_as/setting_as(.:format)	account_as#setting_as

通过上面的输出可以看出，我们将account_as/setting_as路由的生成函数定义为了setting, 在代码中就可以这样使用setting_url setting_path

:via

定义路由所匹配的动作 (verbs), 相关动作资料可以看这里

match 'path', to: 'c#a', via: :get             # get 
match 'path', to: 'c#a', via: [:get, :post]    # get/post
match 'path', to: 'c#a', via: :all             # all http verb

:on

可以为 resource(s) 定义的资源增加:member, :collection, :new路由。请注意这个必须在resource(s)的 do 语句块中使用

resources :photos do
  match 'preview', to: 'photos#preview', on: :new, via: :get
  match 'preview', to: 'photos#preview', on: :member, via: :get
  match 'preview', to: 'photos#preview', on: :collection, via: :get
end

也等同于如下书写方法

resources :photos do
  member do
    match 'preview', to: 'photos#preview', via: :get
  end
end

Prefix	Verb	URIPattern	Controller#Action
preview_new_photo	GET	/photos/new/preview(.:format)	photos#preview
preview_photo	GET	/photos/:id/preview(.:format)	photos#preview
preview_photos	GET	/photos/preview(.:format)	photos#preview

:constraints

可以使用正则表达式或者一个可以响应matches?方法的对象来对参数进行约束

match 'account/setting/:id', constraints: {id: /[A-Z]\d{5}/},  to: 'account#setting', via: :get # 约束 /account/setting/A12345
match 'account/setting', constraints: { format: 'json' }, to: 'account#setting', via: :get # 这个不是太懂!
class Whitelist
  def matches?(request) request.remote_ip == '1.2.3.4' end
end
match 'account/setting', to: 'account#setting', constraints: Whitelist.new, via: :get

Prefix	Verb	URIPattern	Controller#Action
	GET	/account/setting/:id(.:format)	account#setting {:id=>/[A-Z]\d{5}/}
account_setting	GET	/account/setting(.:format)	account#setting {:format=>"json"}
preview_photos	GET	/account/setting(.:format)	account#setting

:defaults

设置默认params的值

match 'account/setting', to: 'account#setting', defaults: { id: 'hello' }, via: :get

params 输出：<ActionController::Parameters {"id"=>"hello", "controller"=>"account", "action"=>"setting"} permitted: false>

总结：以上我们学会了match方法的基础使用和它的一些选项，在往后的使用中更能得心应手。关于get, post, delete, put其实也是调用的match方法

感谢阅读，原文链接喜欢可以 star 哈

Rails 使用前端 React 框架的相关配置

monsterooo — Wed, 12 Jun 2019 00:32:20 +0800

在 rails 中使用 React.js 框架相关的配置记录

目标：

创建基础项目
配置项目热加载

1. 创建基础项目

首先使用rails new命令创建一个 rails 的基础项目，完整的命令如下：

rails new railsUseReact --skip-turbolinks --skip-coffee --webpack=react

执行上述命令时稍微要等待一会，安装完毕之后即可继续。

2. 配置项目热加载

现在有了一个模板项目，我们需要创建一个路由用于测试。执行如下命令创建一个新的路由：

rails g controller Welcome index

接着我们需要开两个控制台，分别在项目根目录执行如下命令

# 控制台1
rails s

# 控制台2
bin/webpack-dev-server

浏览器访问：http://localhost:3000/welcome/index 可以看到我们创建的页面

接下来我们先来看看模板项目为我们创建的一个 javascript 目录，它用来存放 React.js 组件相关的代码：

➜  railsUseReact git:(master) ✗ tree app/javascript
app/javascript
└── packs
    ├── application.js
    └── hello_react.jsx # 这里是一个React组件我们会使用它

然后修改app/views/welcome/index.html.erb使用javascript_pack_tag加载我们的 hello_react 组件，代码如下：

文件：app/views/welcome/index.html.erb

<h1>Welcome#index</h1>
<%= javascript_pack_tag 'hello_react' %>

刷新浏览器我们可以看到如下的输出：

Welcome#index
Hello React!

以上的修改可以查看提交记录

接着我们需要来对app/javascript/packs/hello_react.jsx组件进行一些改动，hello_react.jsx只保留入口组件。我们把真正的 Hello 组件单独存放。

创建如下的目录和文件：

➜  railsUseReact git:(master) ✗ tree app/javascript
app/javascript
├── components
│   └── Hello
│       ├── index.js
│       └── style.css
└── 其他文件

修改 Hello 组件为如下的内容：

文件：app/javascript/components/Hello/index.js

import React from 'react';
import PropTypes from 'prop-types';
import './style.css';

class Hello extends React.Component {
  render() {
    return (
      <div className="hello">Hello {this.props.name}!</div>
    )
  }
}

Hello.defaultProps = {
  name: 'David'
}

Hello.propTypes = {
  name: PropTypes.string
}

export default Hello;

文件：app/javascript/packs/hello_react.jsx

import React from 'react'
import ReactDOM from 'react-dom'
import Hello from '../components/Hello';

document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <Hello name="React" />,
    document.body.appendChild(document.createElement('div')),
  )
})

再次刷新浏览器可以看到如下内容：

Welcome#index
Hello React!

一切工作正常，接下来就配置热加载

启动 webpack 热加载

文件：config/webpacker.yml

dev_server:
  hmr: true # 这里修改为true即可启动热加载

然后我们需要更新hello_react.jsx组件里面的内容使热加载是可以重新渲染组件

文件：app/javascript/packs/hello_react.jsx

import React from 'react'
import ReactDOM from 'react-dom'
import Hello from '../components/Hello';

const renderApp = (Component) => {
  ReactDOM.render(
    <Component name="React" />,
    document.body.appendChild(document.createElement('div')),
  )
}
document.addEventListener('DOMContentLoaded', () => {
  renderApp(Hello);
})

if (process.env.NODE_ENV !== 'production' && module.hot) {
  module.hot.accept('../components/Hello', () => {
    const NextHello = require('../components/Hello').default;
    renderApp(NextHello);
  });
}

接着安装react-hot-loader包来自动进行热替换，命令如下：

./bin/yarn add react-hot-loader

然后修改我们的Hello组件使用 react-hot-loader 包装

文件：app/javascript/components/Hello/index.js

import React from 'react';
import PropTypes from 'prop-types';
import { hot } from 'react-hot-loader';
import './style.css';

class Hello extends React.Component {
  render() {
    return (
      <div className="hello">Hello {this.props.name}!123</div>
    )
  }
}

Hello.defaultProps = {
  name: 'David'
}

Hello.propTypes = {
  name: PropTypes.string
}

export default hot(module)(Hello);

重启服务，然后再次访问一些正常。你可以尝试修改一下app/javascript/components/Hello/index.js组件的内容比如如下代码，可以通过 Chrome 调试中的 Network 查看页面并没有刷新然后组件的数据已经重新加载过了

以上的修改可以查看提交记录

整个配置完毕，感谢收看

Ruby 学习笔记

monsterooo — Fri, 18 Jan 2019 02:03:50 +0800

Ruby 常用知识记录

语法

* ||= 或者等于运算符

* **= 产生一个 2 次方

* &= “与”位算符

* |= “或”位运算

* ^= “异或”位运算

* %= 模运算

* &&= 与等运算 (极少使用)

Object.ancestors # Object 类的祖先

类

self.class 指向类对象

方法记录

BasicObject.method_missing # 当对象不能相应消息时会调用此方法

Kernel.private_instance_methods.sort # 查看 Kernel 提供的所有私有实例方法

String.methods # 继承和单例方法 (实例方法和单例方法)

Obj.singleton_methods # 只能查看对象的单例方法

String.instance_methods # 查看对象拥有的所有实例方法

Obj.methods.include?(:concat) # 查看对象是否拥有某方法

String.instance_methods(false).sort # 查看类不包含祖先的实例方法的集合

String.private_methods # 查看所有私有方法

String.public_methods # 查看所有公有方法

String.protected_methods # 查看所有保护方法

类和模块

MyClass.private_instance_methods # 私有方法

MyClass.protected_instance_methods # 保护方法

MyClass.public_instance_methods # 公有方法

public_instance_methods 等于 instance_methods

Obj.respond_to?(:to_ary) # Obj 对象是否可以相应:to_ary方法

方法

具名参数，可以指定参数的名称

def m(a:, b:)
    p a, b
end
m(a: 1, b: 2) # 1, 2

内置 to_* 方法

* to_s 转换为字符串

* to_a 转换为数组，它会自动与*运算符捆绑

* to_i 字符串到整型

* to_f 字符串到浮点型

* to_str 当一个对象可以相应to_str方法，那么当对象呗用作 String#+ 的参数时，它自己的to_str的表现形式将会启用

* to_ary 对象如果有to_ary方法它就可以伪装成一个数组，一旦对象在仅作为数组的地方使用，to_ary将会被调用

常用语/法糖

x = 1 + 2
x = 1.+ 2
my_object + my_other_object
# 只要有+方法自动也获得 x += 2 语法糖方法

自定义一元运算符

通过定义+@和-@可以定义一元运算符

class Banner
    def +@
        # code
    end
    def -@
        # code
    end
end
banner = Banner.new
puts +banner
puts -banner

也可以定义!方法来定义!(逻辑否定) 运算符，但是他会影响一元运算符!和not。代表着!和not会执行到定义的!的方法

分离数组

array = ['123', '456']
(a, b) = array # a = '123' b = '456'

bang(!) 方法和”危险”

方法以!结尾的称谓 bang 方法。这样的方法被标记为有”危险”的方法。

字符串引用机制

除了传统的字符串引用之外，还有另外一种引用格式为：%char{text}方式，char是一个特殊字符。

* %q{abc} # 同单引号

* %Q{ab#{var}c} # 同双引号

* %{ab#{var}c} # 同双引号

* %限定符号可以使用任意字符，只要两边能够匹配即可。还有限定符不能由字母组成

here 文档

如果要进入 here-doc 使用<<运算符即可，分割字符串可以是任何字符。这里结尾的EOM必须是左对齐。如下所示：

text = <<EOM
这是一段文本
EOM # 这里的EOM必须是左对齐

可以在<<后使用-连字符关闭结尾必须左对齐模式

text = <<-EOM
这是一段文本
    EOM # 这里的EOM可以不左对齐

默认情况 here-doc 使用双引号限定 (可以使用插值支字符串)，如果想要使用单引号限定可以在开始的EOM使用单引号包裹起来

n = 1
text = <<'EOM'
文本 #{n}
EOM
p text # => "文本 \#{n}\n"

<<EOM作为占位符服务于即将出现的 here 文档。理解为<<EOM之后的字符串将会替换为<<EOM所在的占位符。然后在<<EOM之后还是可以接方法调用，示例如下：

a = <<EOM.to_i
5
EOM
p a # => 5

通过上面对占位符的理解我们可以在字面对象构造中使用 here 文档，示例如下：

array = [1,2,3,<<EOM,4]
这是here-doc!
EOM
p array # => [1, 2, 3, "这是here-doc!\n", 4]

# 还可以作为方法参数，如下所示
def do_something(a, b, c)
p c
end
do_something('a', 'b', <<EOM)
我是第三个参数
EOM

字符串基本操作

string[]，[] 是一个方法调用

* string[1]

* string[-1]

* string[1..5]

* string[-12..-3]

* string[‘search text’] # 搜索字符串，有返回搜索字符串，无返回 nil

* string[/abc/] # 正则搜索

符号

符号常用的创建方式：

* :abc

* :”abc”

* “abc”.to_sym

* “abc”.intern

符号主要特点：

* 不变型：符号一旦创建不能修改。不能：:abc << :d

* 唯一性：不论在合适 :abc都是同一个对象符号主要用途：

* 作为方法参数：

* 如类对象方法 attr_accessor :name

* 消息发送 “abc”.send(:upcase)

* 作为散列键：

ruby # 符号键 hash = { :name => ‘monsterooo’ } hash[:name] # 符号键可以简写 hash = { name: ‘monsterooo’ } hash[:name] # 字符串键 hash = { ‘name’ => ‘monsterooo’ } hash[‘name’]

数值对象

日期和时间

日期和时间通过这 3 个类来操作：Time、Date、DateTime

# 提供Date和DateTime类
require 'date'
# 增强Time类
require 'time'

日期常用操作：

* Date.today #

* Date.today.to_s # 2019-01-19

* Date.new(1999, 1, 1) # 传递年、月、日创建对象

* Date.parse(‘2008/8/8’) # 通过字符串构造

时间对象常用操作

* Time.new # 表示当前时间对象

* Time.now # 和Time.new相同

* Time.at(100000000) # 返回从新时代 (格林威治标准时间) 的时间点，加上以秒为单位的参数后构建时间对象

* Time.mktime(2018, 8, 8, 1, 2, 3) # 使用合理的默认值填充时间，月、日填充 1，小时、分钟、秒填充 0

* Time.parse('March 22, 1985, 10:32 PM') # 先require ‘time’，解析成时间

日期/时间对象

DateTime 是 Date 的子集，由于重载的关系，它的参数有一点不同

* DateTime.new(2019, 1, 2, 3, 4, 5) # 指定时间创建日期时间对象

* DateTime.now # 构造当前日期时间对象

* DateTime.parse # 解析日期时间日期和时间对象提供了很多有用的方法，如下所示：

* dt = DateTime.now

* dt.year # 2019

* dt.hour # 2

* dt.minute # 26

* dt.second # 36 注意：Time 对象是t.secTime 对象并没有second方法

* dt.monday? # 判断是否为一周的某一天

* dt.leap? # 是否为闰年

日期时间格式化方法

所有的日期时间对象都有strftime方法，可以用来更灵活的格式化时间。格式化字符如下所示：

数组

新建数组方法：

* Array.new

a = Array.new

Array.new(3) # [nil, nil, nil]

Array.new(3, ‘abc’) # [‘’abc, ‘abc’, ‘abc’]

Array.new(3) { n += 1; n * 10 } # [10, 20, 30]

* []

* Array 顶层方法

接收一个参数，如果参数对象拥有to_ary方法，Array 则会调用该对象的这个方法来生成一个数组。如果to_ary不存在会尝试调用to_a方法。如果to_a方法不存在 Array 会将该对象包装到数组中然后返回它：

ruby string = 'A string' p string.respond_to?(:to_ary) # false p Array(string) # ["A string"] def string.to_a split(//) end p Array(string) # string能相应to_ary方法 ["A", " ", "s", "t", "r", "i", "n", "g"]

* %W{}和%i{}符号

%W{}和%w{}都会使用空格分割符号里面的字符串，不同的是%W{}可以使用字符串插值 (双引号字符串)，而%w{}是单引号字符串。他们都会创建一个数组字符串

%I{}和%i{}类似，只是他们创建的是符号数组

数组转换方法

obj = Object.new
Array.try_convert(obj) # nil
def obj.to_ary
    [1, 2, 3]
end
Array.try_convert(obj) # [1, 2, 3]

数组方法

* arr.unshift(‘monster’) # 数组开头添加一个元素

* arr.push(‘monster’) # 数组末尾添加一个元素 (一次性可加多个)

* arr << ‘monster’ # 数组末尾添加一个元素 (只能加一个)

* arr.shift() # 数组开端移除一个元素

* arr.pop # 数组尾端移除一个元素

* arr.concat(arr2) # 合并两个数组，arr 数组会被改变

* arr.replace(arr2) # 将数组 arr 替换为数组 arr2

* [1,2,[3,4]].flatten # 将数组扁平化为：[1, 2, 3, 4]

* [1,2,3].reverse # 将数组反制为：[3, 2, 1]

* [1,2,3].join(',') # 将数组串联起来，参数是数组之间分隔符

* [1,2,'a'] * '-' # 同上串联数组 "1-2-a"

* [1,2,3,2,1].uniq # 去重

* [1,nil,3].compact # 去除数组中包含 nil 的元素

* arr.size # 获取长度同arr.length

* a.empty? # 如果不包含任何元素返回 true，否则返回 false

* a.include?(item) # 数组是否包含指定的元素

* a.count(item) # item 在数组出现的次数

* a.first(n = 1) # 数组中第前 n 个元素

* a.last(n = 1) # 数组中末尾 n 个元素

* a.sample(n = 1) # 返回数组中任意的 n 个元素 (随机)

散列

创建散列的方式：

* {} * h = {}

* Hash.new * h = Hash.new # 创建空的 hash 对象

* Hash.[] * Hash['a','b'] # {"a"=>"b"}

* Hash 顶层方法

* Hash([]) # 传递 [] 返回空的 hash{}

* Hash(nil) # 同上返回空的 hash{}

* 如果传递对象，则会调用对象的to_hash方法

ruby a = 'abc' def a.to_hash return {value: self} end p Hash(a) # {:value=>"abc"}

添加键值对到散列

添加键值对和数组使用相同的技术：[]=加语法糖形式，要添加一个状态到 state_hahs，可以使用state_hash[’name’] = ‘monster’它是state_hash.[] = (‘name’, ‘monster’)的语法糖形式。也可以使用store来执行相同操作。state_hash.store('name', 'monster’)

从散列取值

* state_hash[‘name’]

* state_hash.fetch(‘name’)

* state_hash.values_at(‘val1’, ‘val2’) # 取多个值

指定默认的散列值和行为

* 默认情况下不存在的散列返回的是nil

h = Hash.new

h[’no such key’] # nil

* 可以给Hash.new的参数指定不同的默认值

h = Hash.new(0)

h[‘no such key’] # 0

* 定义获取不存在键的行为

h = Hash.new { |hash, key| hash[key] = 0 }

p h['a'] # 0

合并散列

* 合并散列破坏性

h1 = {"name" => 'monster'}

h2 = {"job" => "web dev"}

p h1.update(h2) # 合并了两个散列，破坏性h1会被更新 {“name"=>"monster", "job"=>"web dev"}

* 非破坏性合并

h1 = {"name" => 'monster'}

h2 = {"job" => "web dev"}

p h1.merge(h2) # h1 不会被更改

从散列中选择和丢弃元素

* select获得子散列

如果代码块返回 true 则保留元素

h = Hash[1,2,3,4,5,6]

p h.select { |k,v| k > 3} # {5=>6}

* reject丢弃元素

如果代码块返回 true 则丢弃元素

h = Hash[1,2,3,4,5,6]

p h.reject { |k,v| k > 3}

清楚散列

* {1 => ‘one’}.clear # {}

查询散列

* h.has_key?(1) # 有键为 1 返回 true

* h.include?(1) # 类似 has_key

* h.key?(1) # 类似 has_key

* h.member?(1) # 类似 has_key

* h.has_value?(‘three’) # 如果有值为 three 返回 true

* h.value?(‘three’) # 类似 has_value?

* h.empty? # 没有任何键值对返回 true

* h.size # 键值对数量

散列作为方法最后的参数

def add(name, info)
  p info
end
# 调用方式1
add('monsterooo', {
  state: 'China',
  job: 'dev'
}) # {:state=>"China", :job=>"dev"}
# 如果最后一个参数是散列，那么可以直接在参数最后放置键值对模式
add('monsterooo', state: 'China', job: 'dev')
# {:state=>"China", :job=>"dev"}

Enumerable 和 Enumerator 集合类型核心

#Ruby/知识记录

以上是我学习 Ruby 的笔记。后面还会更新

关于使用 Postgres 的疑问

monsterooo — Fri, 18 Jan 2019 02:02:10 +0800

新手疑问

为何我看到 ruby 社区中，大多数人都是使用的 Postgres 数据库。而 Mysql 则很少见到。

这是有什么原因么。

关于 Ruby 部署的一些疑问

monsterooo — Tue, 09 Oct 2018 13:05:47 +0800

想知道我们的 ruby-china 是自己的服务器部署的吗？

还有 heroku 部署是不是在国内不行，因为墙的原因？

整理了一下 Rails 常用命令

monsterooo — Mon, 16 Jul 2018 03:22:49 +0800

正在学习 rails 中 , 一切都是懵懵懂懂，跟着官方文档过了一下常用命令并做了一下整理。欢迎补充

脚手架

bin/rails generate scaffold

用于生成 rails 中的一整套资源，其中包括 model、controller、erb、helper、test、js、css. 一般这个用于新建一整套页面的时候使用

控制器生成器

它用于生成我们需要的控制器，使用的标准格式如下

bin/rails generate controller NAME [action action] [options]

[actions action] 用于指定多个动作比如下所示

bin/rails generate controller Test action1 action2

它还有一些可选参数用于跳过创建指定文件

数据迁移 (migrate)

用于把 rails 中的模型应用到数据中，这里会执行一些 ruby 代码用来创建数据库模型。

bin/rails db:migrate

单元测试

关于单元测试详细资料

测试

bin/rails test 运行所有测试

服务

下面命令可以启动一个服务来运行我们的 rails 项目

bin/rails server

rails 控制台

控制台可以对 rails 进行一些调试工作，使用 rails 控制就像使用 irb 一样。只不过它加载了当然的 rails 应用进去。是你可以调用到 rails 相关的对象

bin/rails console

通过下面的参数你还能指定控制台所在的运行环境

bin/rails console -e staging

如果你不想在 rails 中的更改应用到数据库种，可以使用沙箱模式

bin/rails console --sandbox

rails 数据库控制台

它可以使用进入你正在使用数据库的控制台命令行界面，他能支持 MySql、PostgreSQL、SQLite3

bin/rails dbconsole 或 bin/rails db

rails runner

它可以在 rails 环境中运行某个 ruby 代码的 rails 实例

bin/rails runner "Model.long_running_method"

可以使用-e 来指定特定的环境

bin/rails runner -e staging "Model.long_running_method"

执行某个 ruby 代码

bin/rails runner lib/code_to_be_run.rb

rails destroy

destroy 为 generate 的反面，它用于摧毁 generate 创建的文件

bin/rails generate model Oops # 创建一些文件

bin/rails destroy model Oops # 删除上面所创建的文件

bin/rails

可以使用 bin/rails --help 来获取更详细的帮助指南

还可以使用 bin/rails -T 来获取所有的任务列表

bin/rails about

它可以用来获取 Rails、Ruby、RubyGems、Rack、JavaScript Runtime 的版本号。rails 子组件，应用程序文件夹，当前 rails 的环境变量以及你所使用的数据库

资源

在 app/assets 目录中可以使用 bin/rails assets:precompile 预编译你的资源。如果你想移除资源使用 bin/rails assets:clean.

如果你想完全清除 public/assets 资源，可以使用 bin/rails assets:clobber

路由

bin/rails routes 命令可以列出你目前所有的路由信息

代码信息统计

rails stats 可以对你的代码做统计

感谢阅读

请问一下"老鸟"们一个权限问题

monsterooo — Sat, 14 Jul 2018 16:07:52 +0800

➜  sample_app git:(master) ✗ gem install bootstrap-sass
Fetching: autoprefixer-rails-8.6.5.gem (100%)
ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /Library/Ruby/Gems/2.3.0 directory.

为什么用 gem 安装都要加上sudo权限呢~

monsterooo (monsterooo)

[成都] 拟合未来科技 (Fiture) 招聘前端工程师 (14-24K·14 薪)

产品介绍

工作时间

职位描述

工作情况简介

职位要求

加分项

待遇

工作地点

简历投递

一个基于浏览器的编程工具 (Coderlane)

简单介绍

项目初心

第一版 (3 月)

第二版 (6 月)

第三版 (9 月)

Devise Pundit Rolify 学习笔记

1. 安装 bundle 和初始化

2 Rolify 库学习

2.1 给 user 添加 role

2.2 Role 查询

3 Pundit 学习

3.1 Policies(策略)

3.2 Scopes

3.3 确保使用了 Policy 和 Scope

Rails 路由学习

match

match options

:controller

：action

:param

:path

:module

:as

:via

:on

:constraints

:defaults

Rails 使用前端 React 框架的相关配置

目标：

1. 创建基础项目

2. 配置项目热加载

Ruby 学习笔记

Ruby 常用知识记录

语法

类

方法记录

方法

内置 to_* 方法

常用语/法糖

bang(!) 方法和”危险”

字符串引用机制

here 文档

字符串基本操作

符号

数值对象

日期和时间

数组

散列

Enumerable 和 Enumerator 集合类型核心

关于使用 Postgres 的疑问

新手疑问

关于 Ruby 部署的一些疑问

整理了一下 Rails 常用命令

脚手架

控制器生成器

数据迁移 (migrate)

单元测试

测试

服务

rails 控制台

rails 数据库控制台

rails runner

rails destroy

bin/rails

bin/rails about

资源

路由

代码信息统计

3.3 确保使用了 `Policy` 和 `Scope`