原创 深入理解BFC和Margin Collapse

深入理解BFC和Margin Collapse BFC的理解與應用首先我們來看看w3c規範對BFC的解釋,其實對於這種概念的學習上,我們總是建議首先尋找官方的定義,因爲原則上來說官方的纔是最權威和正確的,而且還比較詳細,千萬不要因爲看到英

原创 解析JS運動

物體運動原理:通過改變物體的位置,而發生移動變化。方法:1.運動的物體使用絕對定位2.通過改變定位物體的屬性(left、right、top、bottom)值來使物體移動。例如向右或左移動可以使用offsetLeft(offsetRight)

原创 js刷新頁面的方法

js刷新頁面有大量的方法,這裏就一些方法進行說明1,reload 方法,該方法強迫瀏覽器刷新當前頁面。語法:location.reload([bForceGet])   參數: bForceGet, 可選參數, 默認爲 false,從客戶端

原创 詳解js跨域

什麼是跨域?概念:只要協議、域名、端口有任何一個不同,都被當作是不同的域。URL                      說明       是否允許通信http://www.a.com/a.jshttp://www.a.com/b.js 

原创 CSS3 Filter的十種特效

Filters主要是運用在圖片上,以實現一些特效。(儘管他們也能運用於video上),不過我們在些只來討論圖片上的運用。我想光看上面的效果就能吸引你了,要是你自己動手的話,我想您更會感到神奇。細一看,這些效果就像是photoshop整出來的

原创 爲什麼點擊彈出的i總是最後一個

在前端羣裏看見過很多人問過這個問題,今晚又有人問了這個問題,所以寫篇文章整理一下。首先看一下代碼,點擊li之後彈出當前li所對應的索引值。於是很多人刷刷刷寫出了下面的代碼。?123456var aLi = document.getEleme

原创 tcp協議詳解

此次的博文是轉載而來,寫得感覺不錯,詳細而易理解。首先,我們需要知道TCP在網絡OSI的七層模型中的第四層——Transport層,IP在第三層——Network層,ARP在第二層——Data Link層,在第二層上的數據,我們叫Frame

原创 gulp命令找不到 – 安裝gulp後出錯

            gulp命令找不到 – 安裝gulp後出錯             事實證明挺有用的:我的問題是安裝了gulp命令找不到,添加了環境變量還是不行,在C:\Users\XXXX\AppData\Roaming\npm下

原创 CSS中behavior屬性語法

本文和大家重點討論一下CSS中behavior屬性語法的使用,在進行CSS網頁佈局的時候,我們經遇到刷新要保留表單裏內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,CSS中的behavior就爲我們很好的解決了這個問題。CS

原创 js之完美運動框架

大家一聽這名字就知道,有了這套框架 網上的效果基本都是可以實現的。實際上之前的運動框架還是有侷限性的,就是不能讓好幾個值一塊運動。那這個問題怎麼解決呢? 我們先來看看之前的運動框架function getStyle(obj, name) {

原创 JavaScript之apply、call詳解

call 和 apply 都是爲了改變某個函數運行時的 context 即上下文而存在的,換句話說,就是爲了改變函數體內部 this 的指向。call 和 apply二者的作用完全一樣,只是接受參數的方式不太一樣。方法定義applyFunc

原创 JavaScript之this詳解(包含部分apply、cal解釋)

js中this的使用在JavaScript中this變量是一個令人難以摸清的關鍵字,this可謂是非常強大,充分了解this的相關知識有助於我們在編寫面向對象的JavaScript程序時能夠遊刃有餘。對於this變量最要的是能夠理清this

原创 js正則表達式中g的用法

爲了解答“正則表達式(/[^0-9]/g,'')中的"/g"是什麼意思?”這個問題,也爲了能夠便於大家對正則表達式有一個更爲綜合和深刻的認識,我將一些關鍵點和容易犯糊塗的地方再系統總結一下。總結1:附件參數g的用法 表達式加上參數g之後,表