刚开始学习HTML / CSS / Rails的时候,有两个工具,是我很希望一开始就学会如何使用的:

前端:

Google Chrome自带的Developer Tools,快捷键是Cmd + Opt + I,或者如果直接想用鼠标找到页面上想要调整的物件可以用Cmd + Opt + C。


当发现页面的东西显示不对的时候,打开Cmd + Opt + C,用鼠标找到想要修改的物件,找到左手边HTML文件里相对应的部分,点击,然后找到右手边"style"部分里面的相对应的CSS代码,可以直接修改定义的色值、大小、排版等,也可以直接在左手边HTML里面修改HTML产生效果变动。


后端:

之前文章说过gem "pry"很好用,最近开始用这个gem调出所想要找到的路径和数据,比如在有关联的两组数据,用第一组数据找到第二组数据的某个数值。

举例:
在feedbacks index页面里,想要把所有的@feedbacks中找到跟该feedback管理的order创立的时间:

<% binding.pry %>
<% @feedbacks.each do |feedback| %>
    <%= OrderTwo.find(feedback.order_two_id).created_at.strftime("%d %b %Y")%>
<% end %>

本来并不会写中间那行代码,但可以用pry找到feedback,然后知道feedback里面存有order_two的id,而这个id是可以用来调用OrderTwo这个object的。

另外,第二行代码后面的strftime也是一个很好用的时间格式method,比to_s要好用。这里有一个简单的教程。