原创 vue但雙向數據流及事件綁定

vue但雙向數據流及事件綁定 vue單向數據流綁定屬性值 v-bind(屬性) 簡寫 :屬性 單項數據綁定內存改變影響頁面改變 v-bind就是對屬性的簡單賦值,當內存中值改變,還是會觸發重新渲染 vue雙向數據流v-m

原创 詳細介紹浮動float和清除浮動方法

css浮動是現在網頁佈局中使用最多的傳統解決方案,是基於盒模型實現的。 css浮動(float)教程 以下教程將會以div元素佈局爲例。 div是塊級元素,在元素中獨佔一行,並且是自上而下的排列,這也就是所說的流。 如下例子:

原创 HTML5媒體播放常用標籤

HTML5媒體播放常用標籤 video標籤-視頻播放 <video width="500" height="400" controls> <source src="1.mp4" type="video/mp4">

原创 HTML5常用的語義化和結構元素

HTML5常用的語義化和結構元素 結構元素 header標籤:通常被放置在頁面或者頁面中某個區塊元素的頂部,用來介紹內容或者做導航鏈接欄,在一個文檔中,您可以定義多個header元素。 nav標籤:通常表示頁面的導航。 ma

原创 JS的命名

變量小駝峯命名法 第一個單詞以小寫字母開始,從第二個單詞開始以後每個單詞首字母都才用大寫字母。 函數跟變量名一樣。 常量 全大寫單詞間用下劃線(_)隔開 <script> //js命名規範 變量命

原创 Map和WeakMap(筆記)

{ // 添加元素 let map = new Map() map.set([1,2,3],'number') console.log(map) let map2 = new Ma

原创 CSS盒模型CSS

介紹 CSS盒模型本質是一個盒子,封裝周圍的HTML元素,它包括:margin,border,padding,content(width,height)如下: width和height:內容的寬度,高度(不是盒子的寬和高)。

原创 ES6map和set的區別(筆記)

{ let array = [] let obj ={} let map = new Map() let set =new Set() const god = {fr:'apple'}

原创 async函數

async函數 什麼是async async是異步的簡寫,用於聲明一個函數是異步函數的 語法規定await只能出現在async函數中 async函數會返回的是一個Promise對象 async會把return的直接量通過Pr

原创 【HTML入門】使用內聯樣式直接編寫CSS

什麼是HTML? HTML代表超文本標記語言,對於許多初學者來說可能是一個令人困惑的術語。HTML是一種基礎技術,常與CSS,JavaScript一起被衆多網站用於設計網頁,網頁應用程序以及移動應用程序的用戶界面。網頁瀏覽器可以

原创 JavaScript之不定參arguments

arguments對象 由於JavaScript允許函數有不定數目的參數,所以需要一種機制,可以在函數體內部讀取所有參數。這就是arguments對象的由來。 arguments對象包含了函數運行時的所有參數,argu

原创 JavaScript之函數的寫法

function fun(){} //最常見的聲明。 (function fun(){}) //函數表達式聲明方式,只在括號內起作用,外部無法訪問。 (function(){}) //匿名函數表達式,外部無法訪問 new Fu

原创 Symbol數據類型

Symbol數據類型 ES6之前的JavaScript數據類型 Number(數字) String(字符串) Boolean(布爾值) Object(對象) Null(空對象指針) Undefined(聲明的變量未被初始化

原创 ES6解構賦值

ES6解構賦值 介紹 解構賦值可以理解爲賦值操作的語法糖,它是針對數組或者對象進行模式匹配,然後對其中的變量進行賦值。代碼書寫上言簡意賅,語義明確,也方便了對象數據的讀取操作。 實質 ES6中只要某種數據有lter

原创 JavaScript之BOM常用屬性和系統對話框

JavaScript之BOM常用屬性和系統對話框 window.navigator.userAgent 獲取設備及瀏覽器的類型型號 window.location 獲取當前文檔地址對象 location.host 主