Summarizes Ways to Write Better Code
Records some potential issues I’ve noticed while reviewing code... There are no absolute rules, but there are common considerations to be aware of.
Records some potential issues I’ve noticed while reviewing code... There are no absolute rules, but there are common considerations to be aware of.
我相信撰写程式并没有绝对的准则,但绝对有些常见可以权衡留意的地方。这篇文章记录著作为助教在检阅不同人写的代码的时候,留意到的一些潜在的问题……本篇文章主要是经验的浓缩,如果要详细的撰写建议可以参考看看无瑕的程式码,会有更全面的说明与案例。
React useRef 與一般定義變數差在哪?我決定把他們詳細的比較寫在這篇文章中。簡單來說 useRef 是一個 React Hook 可以讓你參考一個值並不會受到 React 的重新渲染影響,透過實際代碼操作範例來理解它與類似的 useState 還有一般變數的差異。
我相信撰寫程式並沒有絕對的準則,但絕對有些常見可以權衡留意的地方。這篇文章記錄著作為助教在檢閱不同人寫的代碼的時候,留意到的一些潛在的問題……本篇文章主要是經驗的濃縮,如果要詳細的撰寫建議可以參考看看無瑕的程式碼,會有更全面的說明與案例。
Most of the time, you won’t want to use "loose equality"; try using "strict equality" to write your code more rigorously and accurately
绝大多数时候你不会想要使用「松散比对」,尝试使用「严格的比对」将程序撰写得严谨精确一些。在绝大多数的情况下,你不会想要使用松散比对,但是在某些情况下,可能会使用它会更为便利,本篇文章将介绍相关取舍,以及你可以在什么时候使用不同的比较方式。
絕大多數時候你不會想要使用「鬆散比對」,嘗試使用「嚴謹的比對」將程式撰寫得嚴謹精確一些。在絕大多數的情況下,你不會想要使用鬆散比對,但是在某些情況下,可能會使用它會更為便利,本篇文章將介紹相關取捨,以及你可以在什麼時候使用不同的比較方式。
If you need more than 3 levels of nesting, you've messed up and should consider refactoring your code. Learn how to use guard clauses for better readability.
如果你需要大于 3 层的嵌套,代表你已经搞砸了,应当考虑重构程式码,应当透过反转与封装程式来重构逻辑。这篇文章将详细的介绍现有问题以及使用 Guard Clauses 技巧撰写更好阅读的代码,也就是透过反转逻辑的技巧来撰写更少嵌套逻辑的程式。
如果你需要大於 3 層的嵌套,代表你已經搞砸了,應當考慮重構程式碼,應當透過反轉與封裝程式來重構邏輯。這篇文章將詳細的介紹現有問題以及使用 Guard Clauses 技巧撰寫更好閱讀的代碼,也就是透過反轉邏輯的技巧來撰寫更少嵌套邏輯的程式。
To optimize the loading order of scripts, Explains why to use the built-in HTML `defer` and `async` attributes.
为了优化网页加载顺序,本文通过实际案例说明为什么应该使用 HTML 内建的 `defer` 和 `async` 属性,先从问题出发再到三种解决方案与对比,利用原生 HTML Script 标签属性及能规划脚本的加载顺序。
為了達成最佳化網頁加載的順序,本篇文章以實際案例說明為什麼應該使用 HTML 內建的 `defer` 和 `async` 屬性,先從問題點出發再來到三種解決方案與比對,透過原生的 HTML Script 標籤屬性及能規劃腳本的加載順序。
Creating a search box from scratch, allowing input and matching existing data to display relevant content, practical exercise for JavaScript beginners.
搜寻列是普遍输入资料于 HTML 中最常用的方式之一,让我们学会如何使用它。本篇文章将会练习从无到有包含介面制作一个搜寻框,可以输入结果并比对现有资料显示关联的内容,是一个非常适合 JavaScript 新手的一道实用练习题目。