[RUBY] Schreiben Sie schönen Code unter Berücksichtigung der Einrückung (Schienen, HTML)

Es ist sehr wichtig, beim Schreiben von Code Einrückungen (Absätze) zu beachten. Sauberer Code reduziert nicht nur die Anzahl der Fehler, sondern trägt auch zu vielen Faktoren bei, wie z. B. der Auflösungsgeschwindigkeit zum Zeitpunkt von Fehlern und der einfachen Rückschau auf den Code. Hier werde ich die wichtigen Einrückungen für das Schreiben von schönem Code erklären. In Bezug auf Schienen sind die Punkte, auf die Sie achten müssen, if-Anweisungen, def und jede Anweisung! !! Ich werde zuerst die if-Anweisung schreiben!

#Leicht verständlicher Code
if @tweet.save
  redirect_to("/")
else
  redirect_to("/new")
end

#Dunkler Code
if @tweet.save
redirect_to("/")
else
redirect_to("/new")
end

Der wichtige Punkt hierbei ist, dass der von if und end umgebene Teil eingerückt ist, sodass sehr leicht erkennbar ist, wo die if-Anweisung angewendet wird (durch Öffnen von zwei Zeichen)! !! !! Sagen. Ich möchte, dass du es sorgfältig schreibst!

Als nächstes sehen wir uns ein aktuelles Beispiel für jede Anweisung an (wiederholte Verarbeitung)!

#Leicht verständlicher Code
<% @tweets.each do |t| %>
  <%= t.body %>
<% end %>

#Dunkler Code
<% @tweets.each do |t| %>
<%= t.body %>
<% end %>

Dies ist das gleiche wie im obigen Beispiel! !! !! Der vom Ende umgebene Teil ist leicht zu verstehen, wo er wiederholt werden muss, indem zwei Zeichen oder eine Tabulatortaste fallen gelassen werden! !! Das nächste Beispiel ist ... def! !!

#Leicht verständlicher Code
def index
  @tweets = Tweet.all
  @user = User.find(params[:id])
end

#Dunkler Code
def index
@tweets = Tweet.all
 @user = User.find(params[:id])
end

Es ist schon hartnäckig, nicht wahr? Lol Aber ich werde dir sagen, was wichtig ist! Achten Sie unbedingt auf die Einkerbung in dem von einem Ende umgebenen Teil, z. B. def each if!

Lassen Sie uns zum Schluss etwas über das Einrücken von HTML-Tags (div) lernen! Es ist gut, es tatsächlich zu sehen!

<!--Leicht verständlicher Code-->
<div class="allContainer">
  <div class="container">
    <p>Einzug ist wichtig</p>
  </div>
</div>

<!--Dunkler Code-->
<div class="allContainer">
<div class="container">
<p>Einzug ist wichtig</p>
</div>
</div>

Es ist schwer zu verstehen, wie das schließende Tag (</ div>) angewendet wird, oder? ?? Daher treten Fehler auf, z. B. ein Fehler bei der Anzahl der Divs, und einige Fehler werden nicht wie erwartet ausgeführt.

Wie oben ・ Einrückung ist wahnsinnig wichtig! !! ・ Wenn Sie dies tun können, wird es ein sehr schöner Code sein! !!

Schreiben wir also von nun an sorgfältig eins nach dem anderen!