D50_W6 Chrome debug + W6 直播檢討


Posted by Christy on 2021-06-07

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" 明天從這裡開始









Related Posts

CH 11 類別(class)

CH 11 類別(class)

陣列由小到大排序

陣列由小到大排序

【JS 專案 - 02】 為你的 TodoList 加點函數小菜

【JS 專案 - 02】 為你的 TodoList 加點函數小菜


Comments