原创 apply、call、bind區別、用法

apply和call都是爲了改變某個函數運行時的上下文而存在的(就是爲了改變函數內部this的指向);如果使用apply或call方法,那麼this指向他們的第一個參數,apply的第二個參數是一個參數數組,call的第二個及其以後的參數

原创 bind實現原理

bind官方描述bind() 函數會創建一個新函數(稱爲綁定函數),新函數與被調函數(綁定函數的目標函數)具有相同的函數體(在 ECMAScript 5 規範中內置的call屬性)。當目標函數被調用時 this 值綁定到 bind() 的

原创 入門Webpack,看這篇就夠了

入門Webpack,看這篇就夠了(轉載下面大牛的~) zhangwang 已關注2017年12月7日更新,添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代碼的示例,如果你在學習過程中

原创 package.json 詳解

package.json文件描述了一個NPM包的所有相關信息,包括作者、簡介、包依賴、構建等信息。格式必須是嚴格的JSON格式。通常我們在創建一個NPM程序時,可以使用npm init命令,通過交互式的命令, 自動生成一個package.

原创 【react】利用prop-types第三方庫對組件的props中的變量進行類型檢測

本節主要討論的是與react配套的類型檢測庫——prop-types的運用   今天我在這篇文章裏面介紹的內容,就是通過react的propTypes進行類型檢測,。顧名思義prop-types就是對react組件中props對象中的

原创 react-router的實現原理

目前,react的生態越來越豐富,像flux redux react-router已經被越來越多的使用,本文就react-router的內部實現進行分析。文章主要包含兩大部分: 一是對react-router賴以依存的history進行研

原创 css3中transform的學習

CSS3 transform是什麼? transform的含義是:改變,使…變形;轉換 CSS3 transform都有哪些常用屬性? transform的屬性包括:rotate() / skew() / scale() / tr

原创 Sublime Text3 一些功能,插件,設置

Sublime Text 3最好的功能、插件和設置 時間 2015-12-17 14:33:14  WEB前端開發 原文  http://www.css88.com/archives/5858 主題 Sublime Text

原创 下拉框實現

在工作中原生的下拉框完成不了  設計圖的要求,select中option不能修改高度,因此需要自己模擬一個下拉框,用ul,li來實現一個下拉框的功能代碼如下: <!DOCTYPE html> <html> <head> <meta cha

原创 ES6的模塊化和commonJS以及AMD和CMD的區別

commonJS是運行時加載 ES6模塊化是編譯時加載 ES6 模塊不是對象,而是通過export命令顯式指定輸出的代碼,再通過import命令輸入。 CommonJS 模塊輸出的是值的緩存,不存在動態更新,而ES6是動態更新的, C

原创 對React-redux中connect方法的理解

關於React-redux Redux是React全家桶的重要一員,之前在知乎上也看到類似的提問:該如何通俗易懂的理解Redux?  Redux是JavaScript的狀態容器,Redux的概念簡單明瞭: 1. 應用中所有的狀態都是以

原创 JS中call、apply、bind大概區別

爲什麼需要這些?主要是因爲this,來看看this乾的好事。box.onclick = function(){   function fn(){     alert(this);   }   fn(); };123456我們原本以爲這裏面

原创 AMD和CMD

首先遵循的規範不同,AMD是“異步模塊規範”而CMD是“通用模塊規範”。 http://www.jianshu.com/p/09ffac7a3b2c AMD,CMD,CommonJS是目前最常用的三種模塊化書寫規範。 Common