原创 ES6模塊加載

加載方式 規範 命令 特點 運行時加載 CommonJS/AMD require 社區方案,提供了服務器/瀏覽器的模塊加載方案 非語言層面的標準 只能在運行時確定模塊的依賴關係及輸入/輸出的變量,無法進行靜態

原创 執行環境與作用域

執行環境包括全局執行環境函數執行環境,window對象,因此所有全局變量和函數都是作爲window對象的屬性和方法創建的。某個執行環境中的所有代碼執行完畢後,該環境被銷燬, 保存在其中的所有變量和方法也隨之銷燬(全局執行環境直到應用程序退

原创 爲什麼url需要編碼和解碼

針對“name1=value1&name2=value2”我們來說一下客戶端到服務端的概念上解析過程:   上述字符串在計算機中用ASCII嗎表示爲:   6E616D6531 3D 76616C756531 26 6E616D6532

原创 call和apply及bind應用

call 的第二個參數可以是任意類型,而apply的第二個參數必須是數組,也可以是arguments 應用: 實現繼承 function Animal(name){          this.name = name;       

原创 http請求頭和響應體信息

1)請求(客戶端->服務端[request])     GET(請求的方式) /books/java.html(請求的目標資源) HTTP/1.1(請求採用的協議和版本號)     Accept: */*(客戶端能接收的資源類型)    

原创 前端路由與後端路由

後端路由 意味着 瀏覽器刷新頁面。顯然很多 webapp 的需求上是不希望這樣的體驗的。網速慢的話說不定屏幕全白再有新內容。 前端路由就不會有這樣的問題了。隨意控制,邏輯也可以都放在前端。前端慢慢複雜化,自己的路由這種東西是必不可少的啦。

原创 z-index

元素的position屬性要是relative,absolute或是fixed時候z-index纔可以設置,否則不可以設置。 http://www.zhangxinxu.com/wordpress/2016/01/understand-

原创 字符串操作

join('')-參數是分隔符號 concat() – 將兩個或多個字符的文本組合起來,返回一個新的字符串。 indexOf() – 返回字符串中一個子串第一處出現的索引。如果沒有匹配項,返回 -1 。 charAt() – 返回指定

原创 jsonp

後端代碼  <?php  $callback = $_GET['callback'];//得到回調函數的名稱 $data = array('a','b'); echo $callback.'('.json_encode($data).'

原创 http狀態碼

HTTP 204(no content)表示響應執行成功,但沒有數據返回,瀏覽器不用刷新,不用導向新頁面。HTTP 205(reset content) 表示響應執行成功,重置頁面(Form表單),方便用戶下次輸入。 使用ajax時,當只

原创 GPU加速will-change

如果你注意到在webkit的瀏覽器上“flicker”一些CSS操作(尤其是變形和動畫方面的)的表現,你很可能之前就注意過硬件加速了 CPU、GPU和硬件加速 硬件加速意味着Graphics Processing Unit(GPU)

原创 前端數據模板引擎

前端數據模板引擎的總結 2016-09-02 前端大全 作者:jingwhale 鏈接:http://www.cnblogs.com/jingwhale/p/5811800.html 模板的工作原理可以簡單地

原创 中間件

尾觸發

原创 定位相關總結

screenX:鼠標位置相對於用戶屏幕水平偏移量,而screenY也就是垂直方向的,此時的參照點也就是原點是屏幕的左上角。 clientX:跟screenX相比就是將參照點改成了瀏覽器內容區域的左上角,該參照點會隨之滾動條的移動而移動

原创 target與currentTarget

target在事件流的目標階段;currentTarget在事件流的捕獲,目標及冒泡階段。只有當事件流處在目標階段的時候,兩個的指向纔是一樣的, 而當處於捕獲和冒泡階段的時候,target指向被單擊的對象而currentTarget指向當