原创 使用css3教你做動畫
一、transform:需要結合translate、scale、rotate、skew四個函數使用 1. translate:平移 1) translateX:水平位移,屬性值爲像素值,如果是正數,表示向右,否則表示向左 2
原创 你還在爲瀏覽器兼容性問題苦惱嗎
一、圖片下方有間隙,解決方法如下 a) 將圖片變爲塊元素 b) 將父元素的字體大小設置爲0 二、圖片間有間隙,解決方法如下 a) 將代碼寫在同一行 b) 將父元素字體大小設置爲0 c) 使圖片浮動 三、
原创 Js中幾種高階函數
Js中幾種高階函數 如果一個函數接受一個或多個函數作爲參數,或者可以返回一個參數,則這樣的函數就叫高階函數 常見的高階函數 ,setInterval,setTimeout,sort 一般用於函數回調 例: function f
原创 ul與dl的一些使用場景
ul最爲常見,常適用於作網站導航條的鏈接、新聞網站的新聞列表、視頻列表,或者用於電商網站商品導航目錄的列表或者產品詳細列表。 dl 的話一般用於圖文混排、網站底部鏈接:電商網站底部-購物指南、支付方式。 dl的使用方法 <dl> <dt>
原创 原型函數的類型
原型函數創建總結 1.原型函數的理解圖 2.聲明一個函數就會自動創建一個prototype屬性,這個屬性指向這個函數的原型對象, 而這個函數的原型的對象默認有個constructor屬性,指向最初創建的函數 3.原型函數的變形 一般形
原创 三級聯動,面向過程與面向對象方法
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="d
原创 正則表達詳解及例題
一、什麼是正則表達式:所謂正則表達式也稱爲規則表達式,作用是用來校驗字符串是否符合規則要求,也可以用來檢索字符串中是否包含符合要求的子串。 二、正則表達式的創建 1. 利用構造方法創建 1) var 表達式名稱= new
原创 安裝vuecli(腳手架)傻瓜教程
首先,保證電腦安裝了node.js,這個一定要有。 打開電腦終端。快捷鍵win+R,輸入cmd,進入終端 可以輸入 node -V 查看node的版本 接下來就都是敲命令就可以了 終端切換目錄 例如切到g盤 輸入G: 回車即可 如
原创 利用擴展運算符取數組中的最大的
話不多說,直接看代碼 <script type="text/javascript"> let values = [5, 40, 75, 100] console.log(Math.max.apply(Math, values))
原创 clear屬性使用的小技巧
通常來說clear的屬性有那麼四大屬性 clear: none, left, right, both; 意思是指清除浮動,簡而言之就是清除左右的浮動元素。 如果clear: left 就是清除左邊的浮動元素,right就是清除右邊的浮動
原创 不同 數據類型對toString()方法的使用
object的prototype鏈中都沒有實現自己的toString()的話, 把object轉換爲String時就會調用Object.prototype.toString, 輸出的格式是[object 對象的類型] 例如Object.
原创 關於循環中的作用域問題
定義變量的位置不同,在使用過程中所起的作用也不同。 看例子: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
原创 CSSHack
一、HACK:所謂CSSHACK就是針對不同瀏覽器預先寫好的不同的CSS代碼,包含如下幾種形式 a) IE條件註釋 b) CSS選擇器hack c) CSS屬性hack d) !important 二、IE條件
原创 z-index屬性
z-index屬性 1. 作用:設置具有定位屬性的元素的層疊關係,默認情況下寫在html文檔中靠後的元素在上方顯示 2. 屬性值:具體的數值,不帶單位,默認爲auto,即0,值越大,元素越靠上 3. 使用前提:元素
原创 HTML5新增的標籤及屬性
HTML5新增標籤及屬性 一、<header></header>:作用是用來定義網頁的頭部 二、<nav></nav>:作用是用來定義網頁的導航 三、<footer></footer>:作用是用來定義網頁的頁腳 四、<aside></as