原创 用CSS實現垂直居中的方法
佈局中經常見到垂直居中效果，爲實現良好的兼容性，PC端實現實現這一效果的方法一般是通過絕對定位，table-cell，負邊距等。CSS讓垂直居中的方法更加多樣化，接下來介紹幾種實現垂直居中的方法：垂直居中效果：html代碼：外部div基礎
2020-07-02 07:21:00
原创 DOM中常見的節點操作方法
1.創建節點 a.創建元素節點：document.createElement("div"); b.創建文本節點：document.createNode("Hello world");2.插入節點 a.在父元素中插入節點：
2018-09-05 04:13:17
原创 jQuary實現背景飄雪效果
css樣式：body{ padding: 0; margin: 0; overflow: hidden; background: #000;} JS代碼：var flackColor = "#fff"; //雪片顏
2018-09-05 04:13:17
原创 cookies, sessionStorage和localStorage的區別
(1) cookies數據始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器和服務器間來回傳遞。(2) sessionStorage和localStorage不會自動把數據發給服務器，僅在本地保存。(3) cookie數
2018-09-05 04:13:17
1
原创 js阻止冒泡事件和默認事件的方法兼容性寫法
HTML代碼：<div id="swap"> <div id="box"> <a href="http://www.baidu.com" id="btn">點我</a> </div> </div> js代碼
2018-09-05 04:13:17
原创 分分鐘學會Canvas繪製驗證碼
在登錄時我們經常遇到輸入驗證碼，看完這篇文章你也可以製作出驗證碼，讓驗證碼不再神奇。效果如圖：HTML代碼：<canvas id="canvas"></canvas> <button id="btn">點擊換一張</button>JS代碼
2018-09-05 04:13:17
原创 CSS基礎面試題（附答案）
1、用純css創建一個三角形的原理是什麼？ 首先，需要把元素的寬高設置爲0，然後設置邊框樣式。 width: 0; height: 0; border-top: 40px solid transparent; border-left: 4
2018-09-05 04:13:16
2
原创 常見的響應式佈局解決方法
由於設備的分辨率不同，我們就用響應式佈局來解決設備分辨率不同的問題，常見的解決方法有px視口、媒體查詢、百分比、rem、和vw/vh等方法來實現響應式佈局。接下來介紹下個種方法。一、px和視口在靜態網頁中，我們經常用像素（px）作爲單位，
2018-09-05 04:13:15
原创 setInterval()和setTimeout()區別
定義setTimeout()和setInterval()經常被用來處理延時和定時任務。setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式,而setInterval()則可以在每隔指定的毫秒數循環調用函數或表達式，直到c
2018-09-05 04:13:15
原创 你需要知道的JavaScript庫
1. Ramda擁有超過12K的stars，Ramda庫可以用來在JavaScript中函數式編程，專門爲函數式編程風格而設計，更容易創建函數式 pipeline、且從不改變用戶已有數據。Ramda主要特徵如下：1）Ramda 強調更加純
2018-09-05 04:13:15
原创 一分鐘掌握IE與FF(Firefox)腳本兼容性問題
一、window.event 表示當前的事件對象，IE有這個對象，FF沒有，FF通過給事件處理函數傳遞事件對象。二、獲取事件源 IE用srcElement獲取事件源，而FF用target獲取事件源。三、添加、去除事件 IE
2018-09-05 04:13:15
原创 CSS的那些魔幻屬性
css中有一些你不注意的冷知識 ，但往往是這些你不注意的冷知識，卻阻止我們的項目進度，如果你看了，我相信你也會從中有所受益爲什麼此處li標籤內的p元素看起來獨自撐開了一行代碼如下：<ul> <li class="left">
2018-09-05 04:13:15
原创 你不知道的 flex 佈局
網頁的佈局是css的一個重點應用，佈局的傳統解決方案，基於盒狀模型，依賴 display屬性 + position屬性 + float屬性。但是對於一些特殊的佈局就不是那麼好實現了。 在2009年，W3C提出了一種新的方案—-Flex佈局
2018-09-05 04:13:15
3
原创 ES6中關於reduce、set和數組重構
1、數組的 reduce方法 1）使用deduce代替map+ filter 要把數組中的值進行計算後再濾掉一些值，然後輸出新數組。一般我們使用 map 和 filter 方法組合來達到這個目的，但這也意味着你需要迭代這個數組兩次。而我們
2018-09-05 04:13:15
原创 JavaScript 幾個易錯知識點
1.面向對象編程舉一個 例子說明一下：面向對象思想： 貓.抓(老鼠)面向過程思想： 抓.(貓,老鼠)//面向對象 //定義貓（名字） let Cat=function(name){ this.name=name; } //動作 C
2018-09-05 04:13:15