原创 cherry-pick這是什麼神奇的現象

branch1上的c1提交點的修改 在branch2分支上進行cherry-pick c1時,按照c1的修改,標紅的代碼應該刪除,但既沒有刪除也沒有標記衝突

原创 git配置約定

文件名大小寫敏感 git默認文件名大小寫不敏感,通過以下配置修改 git config core.ignorecase false

原创 具名函數表達式--NFE(Named Function Expression)

問題 先來看下面一段代碼 var b = 10; (function b(){ b = 20; console.log(b); // 輸出位置1 })(); console.log(b); // 輸出位置2 結果 位置1:

原创 千分位分隔

Object.prototype.toLocalString() Number、Date、Array都有繼承自Object的toLocalString()方法,可以通過locals設置,實現不同地區數字格式化轉換,例如 德國使用“

原创 setTimeout in vue methods(this與vue視圖更新)

先來看一段代碼 <template> <div @click="fn">test{{obj}}</div> </template> <script> export default { data() { r

原创 Chrome: Provisional headers are shown and cookies hidden

現象: 攜帶cookies的請求在chrome devTools–network中被隱藏,如圖: 相關flags - Enable network service 訪問chrome://flags/#network-serv

原创 對象屬性初始化的方式

目錄ES5ES6 對象屬性簡寫屬性初始化器(試驗性寫法) ES5 var obj = { method: function() {} } ES6 對象屬性簡寫 var obj = { method() {} } 屬性初始化器(

原创 箭頭函數的特點

沒有自己的this 箭頭函數中的this實際是外層函數的this const test={pro:'pro',con:()=>console.log(this)} test.con() //window const foo={ba

原创 vue-router:hash與history

結論 實現原理: hash利用hash改變時的onhashchange事件 history利用window.history在H5中新增的特性:onpopstate事件以及pushState()、replaceState()方法 由實現

原创 HTTP:瀏覽器緩存

強緩存(本地緩存) 瀏覽器在第一次請求資源後,再次請求該資源時,會先獲取該資源緩存的header信息,如果命中強緩存,則不繼續請求服務端數據,直接使用本地緩存數據,不會與服務器通信、 相關字段 http1.0中使用expirse,用於

原创 HTTP:1.0/1.1/2.0版本之間的區別

1.0/1.1更多的請求/響應頭 Host http1.1在1.0的基礎上擴充了請求/響應頭,例如可以通過新增的Host字段指定訪問服務器上的哪個web站點 Connection長連接 http1.0需要手動設置connection字

原创 HTTP請求方法:get和post的區別

語義 get方法請求指定的資源 post方法發送數據給服務器,可以修改服務器上的資源 安全 說一個HTTP方法是安全的,是說這是個不會修改服務器的數據的方法。–MDN get方法用於獲取數據沒有副作用是安全的 post方法會引起服務端

原创 BFC

創建一個BFC 根元素,即html 浮動,float不爲none 絕對定位,position爲absolute或fixed overflow設置爲visible之外的值 display設置爲flex、inline-block、tab

原创 三欄佈局:聖盃佈局&雙飛翼佈局

浮動 左右浮動,主體使用margin 主體結構要在左右的後面 <!DOCTYPE html> <html> <style type="text/css"> html,body{ heig

原创 css元素分類

css中有兩種元素分類方式:塊級元素與行內元素、替換元素與不可替換元素 特性1 塊級元素: 獨佔一行 行內元素: 並排顯示 特性2 塊級元素: width\height\margin\padding均有效 行內可替換元素: width