程式設計 詢價清單:程式修改工作日誌

在本次工作日誌中,針對詢價清單程式進行了一系列修改和優化。

我們先修正了顯示問題,使按鈕固定在螢幕右上角,確保使用者在任何滾動情況下都能看到。

接下來調整了圖片的顯示邏輯,解決了圖片消失的問題。

再針對條件判斷和樣式應用進行了優化,避免了不必要的字符和潛在錯誤。

這些修改不僅提升了程式的穩定性和使用體驗,還增加了程式的可維護性,確保未來的擴展和更新更加順利。

 

在不改html及程式的情況下用css修改網頁的好處有哪些?

  1. 保持結構完整性:
    不改 HTML 結構和程式碼,避免了對網頁的結構和功能造成影響。
    這樣可以確保網頁的核心邏輯和動作不被意外破壞。

  2. 提高效率:
    修改 CSS 通常比修改 HTML 和程式碼更簡單和快速,特別是在涉及大量頁面或內容時。
    CSS 可以集中控制樣式,大大減少工作量和出錯機率。

  3. 樣式分離:
    CSS 將樣式與內容分離,這是一個良好的程式碼實踐。
    這樣可以更清晰地整理代碼,使其更易於維護和更新。

  4. 響應式設計:
    透過 CSS 可以實現響應式設計,讓網頁在不同設備和螢幕尺寸上都能有良好的顯示效果。
    這樣可以提升用戶體驗,而不需要修改 HTML 結構。

  5. 全面修改:
    CSS 可以全面應用於多個頁面。如果需要修改一個樣式,只需在 CSS 文件中修改一次,就能應用到所有引用該樣式的頁面上。

  6. 提升性能:
    分離的 CSS 文件可以被瀏覽器緩存,提高頁面的加載速度。
    而且,CSS 的解析速度通常比內聯樣式或嵌入式樣式更快。

  7. 方便測試和調試:
    瀏覽器的開發者工具可以方便地即時編輯和測試 CSS,
    幫助快速調整測試和優化樣式,而不需要重新部署整個網站。

透過 CSS 修改網頁樣式,既能保持代碼整潔和結構穩定,又能有效提高開發效率和網頁性能。

相關文章請參考:

專業網站 軟體開發 :探索 程式設計 四階段工作流程

軟體開發規格書的重要性

程式設計開始前-多重視圖

階層式設計

脈絡驅動設計1-需求設計

脈絡驅動設計2-工程設計

 

1. 不動不改html的結構 , 僅靠 css 修改

要怎麼修改 元素的 margin-left 屬性呢?

代碼:

 

要僅通過CSS來設定元素的margin-left屬性,你可以這樣做:

.djc_qty_input {
margin-left: 0px;
}

這樣的CSS規則會應用到所有具有.djc_qty_input類名的元素上,將其左邊距設置為0px。

 

2. 刪除小數點後2位要怎麼改

價格預設會有小數點後兩位,並且貨幣符號在價格之後,要改成台灣用法,先是貨幣符號,數字有千分位方便讀取,刪除小數點後2位要怎麼改?

原代碼:
$priceHtml = ''.($params->get('unit_side') == '1' ? $prefix : '').number_format($price, $params->get('decimals',2), $price_decimal_separator, $price_thousands_separator).'';
$unitHtml = ''.($params->get('unit_side') == '1' ? '' : $prefix).$unit.'';

要在數字顯示中添加千分位逗點,你可以使用 number_format 函數,它支持自動添加千分位逗點。這個函數的第四個參數指定了千分位分隔符號。

顯示的價格包含 $ 貨幣符號,數字會包含千分位逗點且不顯示小數位數,代碼如下:

$priceHtml = ''.($params->get('unit_side') == '1' ? $prefix : '').'$'.number_format($price, 0, '.', ',').'';
$unitHtml = ''.($params->get('unit_side') == '1' ? '' : $prefix).$unit.'';

 

3. 屬性順序不使用html,僅使用css怎麼修改?

 .djc_form_addtocart 要改到.djc_introtext之後在.djc_fulltext之前, 在不動到html的狀況下, 要怎麼修改css?

將以下JavaScript代加到頁面的