原创 JS瀏覽器通信

同源策略及限制 同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用於隔離潛在惡意文件的重要安全機制。(三相同:協議http/https,域名和端口) Cookie/LocalStorage和In

原创 DOM事件中Event對象常見屬性/方法

1.阻止默認事件(例如A標籤設置click,防止A標籤默認跳轉) event.preventDefault() 2.阻止冒泡(例如父級元素綁定事件,子元素頁綁定事件,如果不取消冒泡,則點擊子元素也會觸發父元素事件) event.s

原创 JS中的類型轉換(顯示轉換/隱式轉換)

JS的數據類型 最新的ECMAScript定義了 7 種數據類型 原始類型: 類型 值 Boolean 布爾基本類型 Null Null Undefined Undefined Number 數值基本類

原创 JS原型鏈-原型、構造函數、實例和原型鏈、instanceof

構造函數: 可以new的函數是構造函數 實例: 將構造函數new之後得到的就是實例,或者o1 = {name:’o1’}這樣的寫法 構造函數是可以使用new運算符生成一個實例 構造函數也是函數,函數具有prototype

原创 DOM事件級別

DOM0級事件 element.onclick = function(){} DOM1沒有跟事件相關的更新 DOM2級事件 element.addEventListener('click', function(){}, false

原创 npm全局安裝沒有權限解決方法

官方解決方案:https://docs.npmjs.com/getting-started/fixing-npm-permissions 官方給出的解決方案就是重新安裝nodejs或者自定義全局安裝node module的目錄,但是對於

原创 webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

問題 vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. 原

原创 Travis CI - 安裝RubyGems

首先,需要在電腦裏面安裝RubyGems 注:1.9.2以上版本的Ruby已經將RubyGems集成,無需單獨安裝 Step1:安裝Ruby apt (Debian or Ubuntu) Debian GNU/Linux and

原创 Vue 2.0 生命週期

vue 2.0 說明 created 在實例創建完成後被立即調用。在這一步,實例已完成以下的配置:數據觀測 (data observer),屬性和方法的運算,watch/event 事件回調。然而,掛載階段還沒開始,$el

原创 HTTP/2

淘寶: 谷歌: 今天寫這個,主要是在無意間,發現淘寶和谷歌的http請求已經有http/1.1升級到了http/2,所以就深入研究了一下http/2 什麼是HTTP/2(懶得寫了,就直接谷歌了) HTTP/2(超文本傳輸協

原创 選擇排序

算法描述 選擇排序是一種簡單直觀的排序算法,無論什麼數據進去都是O(n2) 的時間複雜度。所以用到它的時候,數據規模越小越好。唯一的好處可能就是不佔用額外的內存空間了吧。通俗來說就是你們中間誰最小誰就出列,站到隊列的最後邊,然後繼續

原创 ES6實現數組去重

ES6提供了數據結構Set。類似於數組,但是沒有重複值。 Array.from() 方法從一個類似數組或可迭代對象中創建一個新的數組實例。 基於代碼可以看出,new Set()的返回值是一個對象 而Array.from()可以將類

原创 Vue基礎(手寫總結版)

Vue手寫學習筆記

原创 Vuejs 入門 - 2. TodoList

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TodoList</title> <script src="https:/

原创 Vuejs 入門 - 1. Hello World

Hello World <!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-e