原创 跨域cookie
站點通常採用cookie來保持用戶的登陸狀態。當涉及跨域訪問保持登陸狀態時，瀏覽器處於安全考慮默認是不會攜帶cookie，也不會跨域寫入響應頭裏的cookie到本地。這時需要前後端配合來解決： 服務器端： header("Access-C
2018-09-04 03:06:56
原创 瀏覽器的默認樣式
文／九彩拼盤（簡書作者）原文鏈接：http://www.jianshu.com/p/f7018b32ca4a 瀏覽器都擁有一套自己的默認樣式。 瀏覽器之所以有默認樣式表，是爲了沒有樣式表的頁面也能湊活着看。 不同瀏覽器；以及版本不同的瀏
2018-09-04 03:06:56
原创 安裝Yeoman中遇到的問題
在安裝yoeman過程中遇到錯誤，npm warm deprecated npm [email protected]:this package has been reintegrated into npm and is now out of da
2018-09-04 03:06:56
原创 瀏覽器緩存控制
web資源在瀏覽器端的緩存通常是通過相應頭和請求頭裏的相關字段來控制的，包括 etag、last-modified、expires，cache-control，這幾個字段出現的順序有時間先後，作用也有所不用。 1. etag etag
2018-09-04 03:06:56
原创 IE的quirk模式
先看看什麼是quirk模式，引用一段： http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true 爲 Web頁
2018-09-04 03:06:55
原创 label標籤的兩次click觸發
發現一個有意思的事件：用label綁定一個input之後，點擊label會兩次觸發label和input共同的父元素的click事件。 <!DOCTYPE html> <html> <head> <meta cha
2018-09-04 03:06:55
3
原创 object-position/object-fit
object-position/object-fit 這兩個屬性規定了 替換元素的填充方式和的對齊方式。包括img、video等 詳情
2018-09-04 03:06:55
原创 同源策略阻止的是請求的發送還是數據的接收？
同源策略 （Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，Web是構建在同源策略基礎之上的，瀏覽器是針對同源策略的一種實現。 之前一直認爲，它是通過對發出的請求進行檢查是否同源，然後決定是
2018-09-04 03:06:55
原创 js事件訂閱、發佈
var eventCenter={ sub:function(mesName,mesCallback){ this.argus=this.argus||{}; thi
2018-09-04 03:06:55
原创 正則中$1、$2的應用--日期格式化
在正則表達式中可以通過一對小括號“ （）”將一個完整的正則表達式分割出幾個子表達式，並可以用 “$ + index”來分別引用對應子匹配項的內容。 下面以格式化日期爲例： 目標是將“Tue Aug 08 2017 18:23:48 GM
2018-09-04 03:06:55
原创 關於jsonp跨域請求的實現原理
jsonp作爲常見的跨域方法，它的實現原理或許都有所瞭解，就是利用標籤的src屬性，避開同源策略的限制。. 實際操作如下： 1、首先是www.domain.com下的index.html頁面 var ur="http://www.
2018-09-04 03:06:55
原创 Mutation Observer API
1、概述 Mutation Observer API 用來監視 DOM 變動。DOM 的任何變動，比如節點的增減、屬性的變動、文本內容的變動，這個 API 都可以得到通知。 概念上，它很接近事件，可以理解爲 DOM 發生變動就會
2018-09-04 03:06:55
3
原创 Grunt搭建自動化web前端開發環境--完整流程
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你沒有理由不學、不用！ 1、 前言 各位web前端開發人員，如果你現在還不知道grunt或者聽說過、但是不會熟練使用grunt，
2018-09-04 03:06:54
原创 window.name 跨域實現原理及實例
先引用一段話： window.name 傳輸技術，原本是 Thomas Frank 用於解決 cookie 的一些劣勢（每個域名 4 x 20 Kb的限制、數據只能是字符串、設置和獲取 cookie 語法的複雜等等）而發明的。後來 Kr
2018-09-04 03:06:54
3
原创 CSS權重中的越級現象
CSS（層疊樣式表）通過多重層疊樣式間各自權重的比較計算，來決定那一層樣式應該最終發揮作用。這也是css中“層疊”意思的具體體現。 權重的一般規則，一般是 ！importent > 內聯樣式 > id > class > 元素選擇器 >
2018-09-04 03:06:54
3