原创 element ui 學習-01 (Layout 佈局)(Container 佈局容器)

Layout 佈局 用法: <el-row> <el-col :span="8"><div class="grid-content bg-purple"></div></el-col> <el-col :span="8"

原创 初學HTML筆記(基礎02)

HTML 樣式 HTML 的 style 屬性 style 屬性用於改變 HTML 元素的樣式。 所有 HTML 元素的樣式的通用方法。 樣式是 HTML 4 引入的 通過 HTML 樣式,能夠通過使用 style 屬性直接將樣

原创 HTML XHTML

XHTML 簡介 什麼是 XHTML? XHTML 指的是可擴展超文本標記語言 XHTML 與 HTML 4.01 幾乎是相同的 XHTML是更嚴格更純淨的 HTML 版本 XHTML 是以 XML 應用的方式定義的 HTM

原创 2020-Es6(let 和 const)

1.let 和 const let 1.不存在變量提升(什麼是變量提升) console.log(carName) // 在這裏可以使用 carName 變量,不報錯 var carName; consol

原创 HTML 表單

HTML 表單 <form> 元素 HTML 表單用於收集用戶輸入。 HTML 表單包含表單元素 表單元素指的是不同類型的 input 元素、複選框、單選按鈕、提交按鈕等等。 <input> 元素 <input> 元素根據不

原创 2020-Es6(函數擴展)

1.默認參數 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 fn("Amy",""); // Amy, fn("

原创 前端進階好知識鏈接

定位之王 float(對塊級、行內、內聯塊元素的影響),如何清除浮動 前端佈局Css 佈局 HTML中<meta>標籤如何正確使用 Jquery中具有 true 和 false 兩個屬性的屬性,如 checked, select

原创 GSO (vue04)

vue生命週期 生命週期:指Vue實例創建,運行到銷燬期間,總是伴隨着各種各樣的事件,這些事件統稱爲生命週期。 生命週期鉤子:生命週期事件(函數)。 主要分類: 創建期間的生命週期函數: beforeCreate:實例剛在內存

原创 初學css(02)

CSS 字體屬性 1em 等於當前的字體尺寸。 使用 font-family 屬性 定義文本的字體系列。 這樣的規則同時會產生另外一個問題,如果用戶代理上沒有安裝 Georgia 字體,就只能使用用戶代理的默認字體來顯示 h1

原创 less

嵌套與變量 less中 @color:pink; @m:margin; @selector:#wrap;//變量定義,屬性,值,選擇器都可定義 @{selector} { width: 200px; height: 2

原创 GSO (vue07)

Vue-rounter 前臺路由,通過地址決定如何顯示頁面 基本使用方法 創建一個路由對象,new路由對象的時候,可以傳遞一個對象 var routerObj = new VueRouter({ routes:[

原创 GSO (vue05)

Vue.js 過渡 & 動畫 過渡其實就是一個淡入淡出的效果。Vue在元素顯示與隱藏的過渡中,提供了 6 個 class 來切換: v-enter是一個時間點,是dom元素顯示之前,元素的起始狀態 v-enter-to是dom元

原创 初學css(03)

CSS 框模型 一旦爲頁面設置了恰當的 DTD,大多數瀏覽器都會按照上面的圖示來呈現內容。然而 IE 5 和 6 的呈現卻是不正確的。根據 W3C 的規範,元素內容佔據的空間是由 width 屬性設置的,而內容周圍的 paddin

原创 GSO (vue06)

Vue組件 什麼是組件:組件的出現,就是爲了拆分Vue實例的代碼量的,能夠讓我們以不同的組件,來劃分不同的功能模塊,將來我們需要什麼樣的功能,就可以去調用對應的組件即可。 組件化與模塊化 模塊化:從代碼邏輯的角度進行劃分 組件化:

原创 GSO (vue08)

監視屬性 watch watch是Vue的一個屬性,可以監視指定數據的變化,然後觸發對應的處理函數 例如: data:{ first:"" }, watch:{ 'first':function(newVa