D50_W6 Chrome debug + W6 直播檢討

Chrome 網頁除錯功能大解密

• 好課值得多看

W6 直播檢討

• 圖片在 html 帶入(img)，跟在 css (url) 引入會不一樣嗎？因為兩個都有試過發現在 width：100% 時，呈現的效果不太一樣

  • img 會根據圖片寬高顯示，可用 object-fit，用起來比較有語意，純粹圖片就用這個
  • url 是背景圖片用比較多
  • Img与Background-Image区别实例

• 覺得 class 命名是一個學問 不知道該取什麼名字給 class 比較正確和日後維護容易....該怎麼辦？甚至一開始寫 html 的時候哪邊該加 div 哪邊該給 class 都沒方向！

  • 命名方式：BEM

• 請問老師，'單引號' 與 "雙引號"' 的用法有規範嗎？我們在 JS 相關的課程時，使用比較多單引號，但是切版課程，多半是雙引號。實作的時候，我們應該怎麼做，是全部統一就好嗎？還請老師講解一下。

  • html 裡面用雙引號，約定俗成
  • JS 裡面統一就可以了，兩者皆可

• 用 Vscode 寫 html 打 ! + Tab 就會自動產生（DOCTYPE）

• 老師～想問 HTML 和 CSS都是代碼行數越少越好嗎？

  • 可讀性比較重要

• 第六週的作業檢討提到建議先切手機的樣式，再針對tablet去寫不同的CSS（用@media only screen and (min-width: 768px)，想請問這邊 only screen 是甚麼意思?

  • 某個特定的媒體類型

• 先從手機版開始切比較好，再切桌面

• 想請老師舉具體的例子，關於這篇文章中提到的前端controller和model是哪些東西

• 48'30" 明天從這裡開始