原创 JS的參數傳遞方法

正常的來說,傳遞參數大概都是這麼寫: var numParameter = 123; function sendParameter() { getParameter(numParameter ); } function getP

原创 WebSocket隨筆,可以有效解決AJAX跨域問題

今天電面阿里巴巴前端開發,遇到一個比較有意思的問題,如何解決AJAX跨域傳輸的問題,衆所周知,AJAX跨域傳輸是很蛋疼的, 畢竟樓主個才畢業工作1年的新人~沒有遇到過這種文題。 電面之後感覺不太理想,後來問來下公司的強者,強者說WebSo

原创 Vue不同構建版本解釋

描述 UMD CommonJS ES Module 完整版 vue.js vue.common.js vue.esm.js 只包含運行時版 vue.runtime.js vue.runtime.common.js

原创 DOM事件流

DOM2級的事件規定了事件流包含三個階段包括: 1.捕獲階段:事件對象應當從defaultView經過目標的祖先元素傳播到目標的父元素。這個階段也稱爲“捕捉階段”(capturing phase)。註冊到這個階段的事件監聽器應當

原创 JS類和繼承

類與實例 聲明一個類: /** ES5聲明一個類**/ function Animail(){ this.name = 'name'; } /** ES6聲明一個類**/ class Animal2{ constr

原创 javascript - 鼠標/鍵盤等事件的觸發

今天,突然想起之前有一哥們在封裝框架時遇到的一個小問題,所以決定還是分享一下,這個問題還是很有意思的,就是如何觸發一個button的mouseover事件, 首先呢,我們先來回顧一下有關對象時間的觸發,瀏覽器默認封裝的事件對於一個不可輸入

原创 真正意義上的,GET請求和POST請求的區別

讓我們來看一看大衆意義上的區別 GET POST 後退按鈕/刷新無害 數據會被重新提交(瀏覽器應該告知用戶數據會被重新提交) 書籤可收藏 書籤不可收藏 能被緩存 不能緩存 編碼類型application/x

原创 setTimeout和異步隊列

```for(var i=0;i<= 100;i++){if(i===1){setTimeout(function(){console.log("timeout")},0)}console.log(i)}```當真正運行的時候你會發現,這

原创 DOM對象內的元素屬性遍歷

直接上代碼: 例如要獲取一個id爲"btn"的按鈕的所有屬性 function showBtn() { var tmp=""; var objBtn = document.getElementById("btn");

原创 new運算符的解釋

new constructor[([arguments])] 創建一個用戶自定義的對象需要兩步: 1.通過編寫函數來定義對象類型。 2.通過new來創建對象實例。 創建一個對象類型,需要創建一個指定其名稱和屬性的函數;對象的屬性

原创 如何獲取一個dom元素的寬和高

1.通過dom的style屬性獲取寬和高,只能獲取內聯屬性的值 dom.style.width/height 2.無論像是class還是內聯還是style都會被瀏覽器渲染,在渲染之後就會通過currentStyle,不過只有IE支

原创 JS原型鏈-創建對象

1.直接聲明 var o1 ={name:'o1'}; var o11 = new Object({name:'o11'}) 2.顯示構造函數創建對象 var M = function(){this.name = 'o2'}; v

原创 DOM事件-自定義事件

//創建事件, Event是無法傳遞參數的 var event = new Event('build'); //創建事件, CustomEvent是可以傳遞參數的 var event = new CustomEvent('buil

原创 HTTP協議

主要特點 特點 描述 簡單快速 客戶向服務器請求服務時,只需傳送請求方法和路徑。請求方法常用的有GET、HEAD、POST。每種方法規定了客戶與服務器聯繫的類型不同。由於HTTP協議簡單,使得HTTP服務器的程序規模小

原创 BFC - Block Formatting Contexts (塊級格式化上下文)

Demo 1: 問parent的高度?(高度等於100px而不包含margin100px) <div id='parent'> <div id='child' style="width: 100px; height: 10