<blockquote class="block-quote" data-apple-notes-indent-amount="1">Coding first, then read a good book about it.</blockquote> <div></div><h2 class="f3" id="yi1-xie3-chu1-you1-ya3-dai4-ma3-de-san1-da4-fa3-ze2">一、写出优雅代码的三大法则<a class='anchor' href='#yi1-xie3-chu1-you1-ya3-dai4-ma3-de-san1-da4-fa3-ze2' aria-label="Permalink to 一、写出优雅代码的三大法则" role="complementary" aria-hidden="true">#</a></h2><ol data-apple-notes-indent-amount="0"><li>别嵌入太深</li><li>良好的变量命名</li><li>少写重复代码</li></ol> <div></div><h2 class="f3" id="naming-things">二、Naming Things<a class='anchor' href='#naming-things' aria-label="Permalink to 二、Naming Things" role="complementary" aria-hidden="true">#</a></h2><blockquote class="block-quote" data-apple-notes-indent-amount="1">Don't abbreviate names Don't put types in variable names Add units to variables unless the type tells you Don't put types in your types (eg. Abstract, BaseX) Refactor if you find yourself naming code "Utils"</blockquote> <div></div><h2 class="f3" id="tutorial">三、避免陷入 tutorial &<a class='anchor' href='#tutorial' aria-label="Permalink to 三、避免陷入 tutorial &" role="complementary" aria-hidden="true">#</a></h2><a href="https://www.boot.dev/blog/education/vibe-coding-hell/">vibe coding hell</a> Vibe coding 与观看 tutorial 学习 Coding 一样，会产生眼睛会了脑子却不会的错觉，没有深入思考！所以，learn coding： <ol data-apple-notes-indent-amount="0"><li>关闭 tutorial 学习视频</li><li>关闭 vibe-coding </li></ol>一旦完成了 tutorial，则可以观看 tutorial、开启 vibe-coding查漏补缺！<h2 class="f3" id="solid-principles">四、SOLID principles<a class='anchor' href='#solid-principles' aria-label="Permalink to 四、SOLID principles" role="complementary" aria-hidden="true">#</a></h2>see <a href='/front-end/react-tips'>[React] Tips</a><h2 class="f3" id="curl-cheatsheet">五、Curl Cheatsheet<a class='anchor' href='#curl-cheatsheet' aria-label="Permalink to 五、Curl Cheatsheet" role="complementary" aria-hidden="true">#</a></h2><img src="https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/node3_577b58aa-fbf8-4ccb-977f-88bc443b0a47/public" style="background-color:initial;max-width:min(100%,1270px);max-height:min(756px);;background-image:url(https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/node3_577b58aa-fbf8-4ccb-977f-88bc443b0a47/public);height:auto;width:100%;object-fit:cover;background-size:cover;display:block;" width="1270" height="756">