原创 jQuery語法學習

jQuery 學習 jq的回調函數(callback) Callback函數在動畫完成100%後執行。 $(selector).hide(speed,callback)//典型語法 jquery鏈 支持鏈式

原创 JS面向對象特性

JavaScript的面向對象的特性 什麼是面向對象 使用對象時,只關注對象提供的功能,不關注其內部細節 面向對象是一種通用思想,不是隻有編程才能用,任何事情都可以用 封裝性 爲了對代碼更好的進行復用和維護 繼承性 解決了代碼

原创 ES6的字符串擴展和模板

ES6的字符串擴展和模板 方法 描述 includes(string,position) 判斷字符串中是否包含指定字符串,返回值是布爾值 startsWith(string,position) 判斷字符串的開頭

原创 CSS居中對齊的幾種方法

1,水平居中 水平居中可分爲行內元素水平居中和塊級元素水平居中 1.行內元素水平居中 常用的行內元素爲a/img/input/span等,標籤內的HTML文本也屬於此類。對此類情況,水平居中是通過給父元素設置text-align

原创 ES6解構賦值是什麼?

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

原创 BOM常用事件

BOM常用事件 window.onload window.onscroll 滾動距離 谷歌瀏覽器 document.body.scrollTop ie,火狐瀏覽器 document.documentElement,s

原创 Vue常用指令有哪些

Vue常用指令 什麼是指令 在Vue中提供一些對於頁面+數據的更爲方便的操作,這些操作就叫做指令。 譬如在HTML頁面中這樣使用v-xxx 在vue中v-xxx就是vue的指令 指令就是以數據去驅動DOM行爲的,簡化DO

原创 SVG圖形

矢量圖形SVG 什麼是SVG? SVG指可伸縮矢量圖形 SVG用於定義網格的基於矢量的圖形 SVG是一種基於XML語法的圖像格式 SVG圖像在放大的情況下圖形不會失真 SVG的優點 SVG是可伸縮的 文件體積較小 可無

原创 Vue組件化之路

vue組件化開發 創建組件的兩種方式 var Header = {template:‘模板’,data是一個函數,methods:功能,components:子組件}//局部聲明 vue.component(‘組件名’,組件對

原创 詳細介紹head作用

什麼HTML的頭部? HTML頭部是包含在head元素裏面的內容。不像body元素的內容會顯示在瀏覽器中,head裏面的內容不會在瀏覽器中顯示,它的作用是包含一些頁面的元數據。下面這些標籤可用在head部分:link,meta,

原创 JavaScript之函數的意義及其定義與調用

函數的意義 方便封裝,調用代碼 函數的定義 function fun(){console.log(1)} var fun = function(){console.log(2)} var fun = new Functi

原创 async異步編程

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

原创 Symbol學習之路

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

原创 HTML5之Web本地儲存

HTML5之Web本地儲存 什麼是HTML5web存儲? HTML5web存儲可以在本地儲存用戶的瀏覽數據。web儲存相對cookie更加的安全與快速,它的數據不會保存在服務器上。他也可以存儲大量的數據,而不影響網站的性能。

原创 Vue數據監聽watch計算屬性computed

Vue數據監聽watch計算屬性computed watch監聽單個,computed監聽多個 當watch監聽的是複雜數據類型的時候需要做深度監聽 watch:{ msg:{ handler(val){