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路徑。