原创 使用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