原创 常用的HTTP協議

http協議:超文本傳輸協議方案,除了沒有用戶名和密碼之外,與通用的URL格式相符,如果省略了端口,就默認爲80基本格式:http://<host>:<port>/<path>?<query>#<frag>示例:http://www.ba

原创 JavaScript中getBoundingClientRect()方法詳解

getBoundingClientRect() 這個方法返回一個矩形對象,包含四個屬性:left、top、right和bottom。分別表示元素各邊與頁面上邊和左邊的距離。 var box=documen

原创 談談encodeURI和encodeURIComponent以及escape的區別與應用

encodeURI和encodeURIComponent以及escape,這三個都是用來編碼的,本篇文章給大家介紹encodeURI和encodeURIComponent以及escape的區別與應用,感興

原创 react 上下文(Context)

注意: 從 React v15.5 開始 ,React.PropTypes 助手函數已被棄用,我們建議使用 prop-types 庫 來定義contextTypes。 2.1首先你需要通過在終端npm i

原创 git恢復被修改的文件

恢復到最後一次提交的改動: git checkout -- + 需要恢復的文件名 但是,需要注意的是,如果該文件已經 add 到暫存隊列中,上面的命令就不靈光嘍 需要先讓這個文件取消暫存: git res

原创 iscroll.js的上拉下拉刷新時無法回彈的解決方法

使用過iscroll.js的上拉下拉刷新效果的朋友應該都碰到過這個問題:在iOS的瀏覽器中,上拉或下拉刷新時,當手指劃出屏幕後,頁面無法彈回。很多人因爲解決不了這個問題,乾脆就那樣不解決了,還有的直接就不

原创 Backbone.js 0.9.2 源碼分析收藏

Backbone 爲複雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定鍵值數據和自定義事件;集合附有可枚舉函數的豐富API

原创 insertAdjacentHTML方法詳解

添加HTML內容與文本內容以前用的是innerHTML與innerText方法, 最近發現還有insertAdjacentHTML和 insertAdjacentText方法, 這兩個方法更靈活,可以在指

原创 Underscore.js 1.3.3 源碼分析收藏

Underscore是一個提供許多函數編程功能的庫,裏面包含了你期待(在Prototype.js和Ruby中)的許多功能。但是沒有擴展任何內置的Javascript對象,也就是說它沒有擴展任何內置對象的原型。它被定位爲jQuery和Bac

原创 Event對象的座標及距離

screenX:鼠標在顯示屏幕上的座標,此時的參照點是屏幕的左上角。 clientX:鼠標在頁面顯示區域的座標,參照物是瀏覽器內容區域的左上角。注:以上兩個都是各瀏覽器通用的。  pageX:鼠標在頁面上

原创 JavaScript location對象用法詳解

location基礎知識 BOM(瀏覽器對象模型)中最有用的對象之一就是location,它是window對象和document對象的屬性。location對象表示載入窗口的URL,此外,它還可以解析URL: href     設置或返回

原创 VUE目錄結構介紹

目錄結構介紹 bulid:最終帆布的代碼存放位置 config:配置目錄,包括端口號等 node_modules:npm加載的項目依賴模塊 src:z這裏是我們要開發的目錄,基本上要做的事情在這個目錄裏面。: assets:放置一些圖片

原创 caller和callee的區別

caller返回一個函數的引用,這個函數調用了當前的函數;callee放回正在執行的函數本身的引用,它是arguments的一個屬性 caller caller返回一個函數的引用,這個函數調用了當前的函數。 使用這個屬性要注意: 1 這個

原创 requirejs:模塊加載(require)及定義(define)時的路徑小結

接觸過requirejs的童鞋可能都知道,無論是通過define來定義模塊,還是通過require來加載模塊,模塊依賴聲明都是很重要的一步。而其中涉及到的模塊路徑解析,對於新手來說,有的時候會讓人覺得很困

原创 npx 是什麼

最近我在更新 npm 5.2.0 的時候發現會買一送一,自動安裝了 npx。 一個月後 npx 就是前端必會的知識,相信我 ; ) npx 是什麼 根據 zkat/npx 的描述,npx 會幫你執行依賴包裏的二進制文件。 舉例來說