2024年7.4-7.8學習總結/暑假day7-11

vast_joy發表於2024-07-11

2024年7.4-7.8學習總結/暑假day7-11

日記

上班有點小累,每天早上六點二十就得起床,每天偷摸著學java,回家了也學點,打算這段時間快速看完javaweb就開始做專案。

java

day02-10~04-08

JS物件

Array,String,JSON,BOM,DOM等

Bom

概念:Browser Object Model 瀏覽器物件模型,允許JavaScript與瀏覽器對話, JavaScript 將瀏覽器的各個組成部分封裝為物件。

組成:

Navigator:瀏覽器物件

Screen:螢幕物件

History:歷史記錄物件

Location:位址列物件

Window:瀏覽器視窗物件

DOM

概念:Document Object Model ,文件物件模型。

將標記語言的各個組成部分封裝為對應的物件:

Document:整個文件物件

Element:元素物件

Attribute:屬性物件

Text:文字物件

Comment:註釋物件

Vue

Vue 是一套前端框架,免除原生JavaScript中的DOM操作,簡化書寫。基於MVVM(Model-View-ViewModel)思想,實現資料的雙向繫結,將程式設計的關注點放在資料上。

為實現前後端分離開發,專案負責人首先給出專案的介面文件,然後前後端各自進行開發。

Vue-cli

是Vue官方提供的一個腳手架,用於快速生成一個 Vue 的專案模板。

Vue-cli提供瞭如下功能:統一的目錄結構,本地除錯,熱部署,單元測試,整合打包上線,依賴環境NodeJS。

最主要是有熱更新功能,用v-bind繫結後修改前端程式碼,按住ctrl+s儲存,網頁上立馬就會實時反饋修改後的前端介面。

Element

餓了麼團隊研發的,一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫。

元件:組成網頁的部件,例如 超連結、按鈕、圖片、表格、表單、分頁條等等。

官網:https://element.eleme.cn/#/zh-CNListener

Vue路由

前端路由: URL中的hash(#號) 與元件之間的對應關係。

Vue Router 是 Vue 的官方路由。

Maven

web開發流程:

介紹:Maven是apache旗下的一個開源專案,是一款用於管理和構建java專案的工具。

Maven的作用:依賴管理統一專案結構專案構建

構建maven環境

安裝Maven,配置系統環境變數,新增path路徑。

生命週期