今日學習總計

2022-09-14 10:33:12 字數 1598 閱讀 2942

vue學習

認識vue.js

vue是乙個漸進式的框架

漸進式意味著你可以將vue作為你應用的一部分巢狀其中

vue的核心庫以及其生態系統

core + vue-router + vuex

vue特點和web開發常見高階功能

解耦檢視和資料

可復用的元件

前端路由技術

狀態管理

虛擬dom

vue安裝方式

方式一. 直接cdn引入

可以選擇引入開發環境版本 / 生產環境版本

// 開發環境版本, 包含了幫助的命令列警告

// 生產環境版本, 優化了尺寸和速度

// 開發環境

// 生產環境

345方式三. npm安裝

通過webpack和cli的使用

vue的mvvm

m: model 資料模型

資料層資料可能是固定的思資料, 更多的是來自伺服器, 從網路上請求下來的資料

v: view 檢視模板

視覺層在前端開發中, 通常是dom層

作用: 是給使用者展示各種資訊

vm: view-model 檢視模型

檢視模型層

是view和model溝通的橋梁

一方面實現了data binding (資料繫結), 講model的改變實時的反應到view中

另一方面實現了dom listener (dom監聽), 當dom發生一些時間 (點選, 滾動, touch等) 時, 可以監聽到, 並在需要的情況下改變對應的data

二. vue基礎語法

語法糖: 簡寫

生命週期

事物從誕生到消亡的整個過程

模板語法

建立vue, options可以放什麼

eldata

methods

生命週期函式…語法

綜合插值操作 mustache

mustache語法 (雙大括號)

可以直接寫變數

可以寫簡單的表示式

v-once

後面不需要跟任何表示式

表示元素和元件只渲染一次, 不會隨著資料的改變而變化

v-html

後面往往跟乙個string型別

會將string的html解析出來並渲染

v-text

與mustache相似, 一般不用, 不靈活

v-pre

用於跳過這個元素和它子元素的編譯過程, 用於顯示原本的mustache語法

v-cloak

在某些情況下, 我們瀏覽器可能會直接顯示出未編譯的mustache標籤

v-bind

作用: 動態繫結屬性

簡寫: :

條件判斷

v-if

v-else-if

v-else

v-show

當條件為false的時

v-if: 指令的元素, 不會渲染到dom中

v-show: dom增加乙個行內樣式display: none

v-on

作用: 繫結事件監聽

簡寫: @

寫法:按鈕1

按鈕1按鈕2

按鈕2按鈕3

今日學習總計

1.1 numpy numpy常用資料結構 numpy中常用的資料結構是ndarray格式 使用array函式建立,語法格式為array 列表或元組 可以使用其他函式例如arange linspace zeros等建立 numpy常用方法 ndim 返回int,表示ndarray的維度 shape ...

今日學習總計

有以下兩個重要的步驟來使系統的廣播意圖配合廣播接收器工作。建立廣播接收器 註冊廣播接收器 還有乙個附加的步驟,要實現自定義的意圖,你必須建立並廣播這些意圖。建立廣播接收器 廣播接收器需要實現為broadcastreceiver類的子類,並重寫onreceive 方法來接收以intent物件為引數的訊...

今日學習總計

bean 的裝配可以理解為依賴關係注入,bean 的裝配方式也就是 bean 的依賴注入方式。spring 容器支援多種形式的 bean 的裝配方式,如基於 xml 的 bean 裝配 基於 annotation 的 bean 裝配和自動裝配等。spring 基於 xml 的裝配通常採用兩種實現方式...