原创 如何使用mock.js生成假數據

在公司項目中,由於前端與後臺通常一起開工,可作爲jser的我,很多工作,是需要建立在後臺返回數據的基礎上去進行的,因此,大部分時間,代碼都是在看不到效果,看不到數據的情況下編寫出來,這就會導致在後臺結束工作之前無法進行我的js代碼的調試,

原创 函數是一等公民與純函數

本文爲閱讀博文後總結而得,關於博文的網址,由於保存不當,丟失了,作者看到請與我聯繫,我會將網址添加到文章中 js中函數是一等公民即 js中,函數和其他變量一樣,可以把它們存在數組裏,當作參數傳遞,賦值給變量等 爲什麼我們需要純函數 比如現

原创 使用babel進行es6到es5的轉換

本文爲結合http://www.07net01.com/2015/09/926960.html和http://www.cnblogs.com/axl234/p/5794863.html博文內容而得 1、首先安裝babel-cli(用於

原创 瀏覽器兼容之聚焦相關的事件

常年做前端,哪能不噁心?雖然這兩年瀏覽器兼容性是越來越好了,但還是會偶爾遇到一些其他問題,讓你欲哭無淚,求死不能。今天我們就來八一八瀏覽器中跟聚焦(focus)有關的事件。  這個世界上有兩種人:使鼠標的和使鍵盤的。鼠標是二維定位,精確

原创 js中的函數和執行環境

本文內容爲閱讀博文http://roomfourteen224.iteye.com/blog/2248632後總結而得,其中代碼示例均引用自該博文 何爲環境 函數能夠訪問聲明在當前函數作用域“之外”的變量、全局變量、聲明在函數內部的變量以

原创 js中構造函數與原型(圖解)

本文爲閱讀博文http://clarkdo.github.io/javascript/2014/08/21/17/後總結而得 ①: f1._proto_==Foo.prototype//true ②: function Foo() {

原创 mocha教程

本文爲閱讀博文http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html 後  節選與整合而得 爲什麼要寫單元測試 比如,現在我們隨着代碼日加冗餘,之前

原创 js參數是按什麼傳遞的

本文內容爲閱讀博文baidu.com後總結而得,其中代碼示例均引用自該博文 基本類型的傳遞 按值傳遞。也就是說,調用函數時,其形參爲實參的副本,修改形參並不會影響傳入的實參值。 var a = 1; function foo(x) {

原创 js中原型式繼承和類式繼承

其中的代碼示例來自於http://web.jobbole.com/83319/博文 類式繼承 在子函數中通過call和apply調用父函數的構造函數 栗子: var father = function() { this.age =

原创 組合模式

本文爲閱讀《Javascript設計模式》一書後,總結部分內容而得。其內部的代碼和截圖都來源自該書。 使用組合模式的一個場景示例 想象一下,現在你需要維護一個個人信息的頁面,當用戶不同時,頁面也可能會發生變化。比如,當用戶爲小明時,展示給

原创 讀JavaScript語言精粹後部分知識的總結

不同的函數調用方式 方法調用模式 一個函數B是另一個對象A的屬性時,通過A.B來調用函數B的方式我們稱之爲方法調用模式 A= { a:'a vairalbe', B: function(

原创 chrome下判斷點擊input上標籤還是其餘標籤

想要實現的功能:當input框失焦且點擊的不是清除鍵時,執行reset方法重置input樣式,當點擊清除鍵時,執行clear方法,清除input內容。如圖 本想通過如下代碼來實現 $(".search-input").focusou

原创 react教程

本文內容爲博文http://www.ruanyifeng.com/blog/2015/03/react.html 的部分節選與總結 爲了使以下代碼示例生效,需要導入三個包。 <head> <script src="../build

原创 js中單體

本文爲閱讀《JavaScript設計模式》一書後總結部分內容而得,其中代碼示例皆來源於該書。 單體的功能 避免在代碼複雜的項目中,所創建的全區變量間互相沖突,比如已經有了一個A屬性,在之後爲了其他功能,又創建了一個同名的A屬性。單體爲我們

原创 nodejs中的事件機制以及事件協作和雪崩問題的改進方法

本文爲閱讀《深入淺出node.js》後總結部分內容而得。文中代碼皆來源於該書 簡單事件機制 通過事件機制,我們不用關心組件內部是怎樣的,只需要關注在我們所需的事件點即可。 比如以下代碼: var options = { host