建造較佳的盒框 盒框模型(box model)是瀏覽器決定如何渲染(render)一個方型區域的方法,因此瞭解盒框模型的運作對我們而言是很重要的,而HTML的所...
第六章 樣式碼置放與重構策略 從特定度低到特定度高之樣式的順序來組織CSS CSS樣式依據特定度與被引用的順序來套用,按照被套用的順序來組織CSS也是很合理的...
切斷CSS與JavaScript的耦合 用來為元素指定樣式的類別與ID不應該在JavaScript中被用來選取元素,因為這樣就會產生相依性(dependency...
數據顯示,工程師完成最後 20% 的工作時間跟之前的 80% 一樣多 完成功能後,重構是另一個開始 昨天我們完成了一個跑得動的程式,但很明顯這不是一個好的程...
影像 圖片可以透過<img>、<picture>標籤來呈現。因為<img>元素可以在行內的格式情境中使用,此外<img...
第五章 測試 測試 測試CSS可能會很困難,因為有許多不同的平台、螢幕尺寸、與裝置形體(form factors)需要進行測試。 測試為何困難? 如果要徹底檢測...
本篇同步發文於個人網站: A First Set of Refactorings This article references the chapter 6 ”...
前情提要一下,上次在變數命名的善意那篇中我們把arr換成seats代表一堆位置,n1換成seat代表位置索引,n2換成number代表要放入seats內的值,這...
本文同步發自於個人blog - [Refactoring] Chapter 2 Principles in Refactoring - Book Summary...
程式碼設計框架對測試碼可測試性的影響 今天進到核心技術的第三個系列—重構 (Refactoring) 與接縫 (Seam),那不免俗的先來看 Roy Osher...
本篇同步發文於個人網站: Encapsulation This article references the chapter 7 ” Encapsulation...
上次在用函式來傳達你的心意> 0 <中我們把while迴圈內在做什麼用函式名稱詮釋出來,看起來像是在閱讀一篇文章一樣,這次讓我帶你看main裡面還有...
Unit Test 應用於使用重構與測試手法優化 C# Code-3-前言 昨天已經把 DemoCalculate 中的 Calculate 方法檢驗參數的部分...
這是一小段泡沫排序法的程式碼,可是在說什麼呢?你可以試著閱讀他,但千萬不要勉強自己。 int main() { int arr[10] = {99, 0...
Unit Test 應用於使用重構與測試手法優化 C# Code-2-前言 昨天有提到我們在 Console 執行應用程式時,可以依序輸入 ID、名字、數學數值...
本篇同步發文於個人網站: Moving Features This article references the chapter 8 " Moving...
本文同步於個人部落格: Simplifying Conditional Logic This article references the chapter 10...
本篇同步發文於個人網站: Organizing Data This article references the chapter 9 ” Organizing...
已經過了鐵人賽的三分之二了,也是花了近三分之一的篇幅跟大家分享,從故事中舉例可以做哪些優化。而這些痛點在改善之後,下一個發生問題的點又出現,然後又再一次次地發現...
大家好,我是一宵三筵!接下來幾篇是實戰篇!也就是實際運用於工作會分享我平常是怎麼使用ChatGPT幫我完成工作的 那我個人在工作上,近期部門主要活動除了開發新的...
本章內容 型別層次(is-a)進行重構 原則 分類: 找出共通性、差異性,越接近根部,越通用,越接近底部,越具體。 合併: 分類後組成超型別(共通...