前端學習筆記-Day01

簡介

1.完整的産品開發

2.對電腦的配置

• 檢視隐藏檔案
• 檢視檔案的字尾名
• 顯示檔案的詳細資訊

3.一個網站是由N個網頁組成的

4.前端工程師的工作

• 在自己的電腦上完成網站的開發
• 對項目進行打包
• 将項目上傳部署到伺服器中

5.網頁顯示的過程

• 在浏覽器（用戶端）中輸入網址，浏覽器向伺服器進行網絡請求
• 伺服器将網頁相關的資源（html+css+js）下載下傳到本地
• 浏覽器對上述資源進行解析

6.網頁的組成

• HTML 網頁的内容結構
• CSS 網頁的視覺體驗
• Javascript 網頁的互動處理

7.浏覽器核心（渲染引擎+js引擎V8）

• 負責解析網頁的文法，并渲染（顯示）網頁
• 分類
  • 1.Trident（三叉戟）
    • IE、360、百度、搜狗、UC
  • Gecko（壁虎）
    • 火狐
  • presto
    • Opera（歐朋）
  • Webkit（Google + Apple）
    • Safari、移動端浏覽器（webview）
  • Webkit -> Blink
    • Chrome

8.VSCode插件

• chinese 中文支援
• open in browser 将html在浏覽器中打開
• atom 代碼主題
• VScode-icons 檔案圖示的樣式

9.快捷鍵總結

• ！快速生成一套HTML代碼
• tab 增加選中行的縮進
• shift+tab 減少選中行的縮進
• alt+b 快速在浏覽器中浏覽網頁

10.HTML（超文本标記語言）

• 超文本：頁面内可以包含圖檔、連結等非文字元素
• 标記：标簽和内容組成的稱之為元素
  • 有文法錯誤的HTML代碼，還是可以被浏覽器識别顯示出來，但是意義不大
  • 标簽名不區分大小寫
  • 元素的書寫格式
    • 雙标簽
      • <開始标簽> 内容 </結束标簽>
    • 單标簽
      • <img src="">
      • 不需要再加後面的斜杠