原创 通過,實現圖片(文件)的上傳以及文件(附件)的下載

1.什麼是iframe? iframe閉合標籤,會創建包含另個文檔的內聯框架,針對不支持iframe的瀏覽器,可以將提示文字放在iframe之間。 2.iframe的作用 (1)通過iframe實現文件(附件)的下載 <a h

原创 nodejs中的多進程

簡要介紹:我們知道nodejs本身是一個單進程單線程,並且使用驅動模式來處理併發,對於多核CPU,如果僅僅使用單進程,其實是很浪費資源的,因此nodejs提供了cluster模塊和child_process模塊來創建多個子進程,從

原创 常見的異步實現方法以及ES7中如何通過async實現異步操作

簡要介紹:異步貫穿了整個js,從ES5到ES6,ES7,也有很多爲了解決異步的嘗試。 1、異步的幾種實現方法 (1)回調函數 var fs=require('fs'); fs.read('url',function(err,dat

原创 javascript實現數據結構中的基本排序方法

簡要介紹:基本排序方法,不外乎爲冒泡法排序法,插入排序法,選擇排序法,歸併排序法和快速排序法。 1.冒泡排序法 原理:比較任何相鄰的項,如果第一個比第二個大,則交換它們,元素相步步上移,最大的元素依次沉底。 //來一個冒泡排序

原创 React中的高階組件(HOC)

簡要介紹:React中不會用到組件的繼承,作者選擇用組合來代替繼承, 但是存在一種情況,就是兩種組件方法類似,如果能有一種“類繼承”的 方式,在同一個函數中可以生產這兩種組件,那麼就可以大量的減少代碼 的冗餘,在React的高階組

原创 翻譯君Mobx,Ten minute introduction to MobX and React

簡要介紹:最近看了一下Mobx,然後有一篇入門教程是英文的,這裏翻譯一下並寫寫自己的心得體會。 原文地址:https://mobx.js.org/getting-started.html 一、Mobx的核心思想 (1)Mobx的核

原创 js中對象深度克隆,以及ES6中的深度克隆的實現

簡要介紹:js中的對象的賦值,其實是實現了對象的引用,在賦值對象上修改屬性會影響到原來的對象。 –ES5中我們可以通過遞歸函數來實現深層次的克隆。 –ES6中我們可以通過Object.assign的方式來實現深度克隆。 1.ja

原创 深入理解ES6箭頭函數中的this

簡要介紹:箭頭函數中的this,指向與一般function定義的函數不同,比較容易繞暈,箭頭函數this的定義:箭頭函數中的this是在定義函數的時候綁定,而不是在執行函數的時候綁定。 1、何爲定義時綁定 我們來看下面這個例子:

原创 Node中GC機制以及如何防止內存泄露

在js本身的gc機制,可以自動釋放內存,但是無論是通過計數引用法,或者是標記清零法,都不能完全的避免內存泄露,前端js內存泄露,可以通過刷新瀏覽器來人爲避免,但是nodejs在服務器端的內存泄露呢,定時重啓服務器是一種方法,但是

原创 Redux源碼拾遺,關於createStore的第三個參數

簡要介紹:再看redux文檔的時候,發現了createStore是允許第三個參數的,看了一下源碼明白了第三個參數的作用。 一、createStore的第三個參數的定義 (1)官方定義:createStore(reducer, [i

原创 從觀察者模式,簡單實現Node的Events模塊

簡介:觀察者模式或者說訂閱模式,它定義了對象間的一種一對多的關係,讓多個觀察者對象同時監聽某一個主題對象,當一個對象發生改變時,所有依賴於它的對象都將得到通知。 node中的Events模塊就是通過觀察者模式來實現的: v

原创 javascript中的__proto__和prototype,以及ES6中class的原型相關

簡要介紹:javascript基於原型鏈的繼承與其他語言明顯不同,在一些瀏覽器廠商中,通過proto可以得到對象的原型,ES6中補充了Class,類似於C++和java,那麼Class是如何通過原型鏈實現的呢? 1.functio

原创 發佈一個npm包,用於監控頁面中的所有API請求的狀態和結果

  在前端監控系統中,或者其他場景下,如果我們需要監控當前頁面下所有請求狀態。可能通常請求下,我們會選擇在請求的回調中去處理。這種做法的缺點就是會侵入具體的業務代碼。在通常的監控中,監控部分的代碼和業務部分的代碼是分離的。此外,如果存

原创 在單頁應用中,如何優雅的上報前端性能數據

  最近在做一個較爲通用的前端性能監控平臺,區別於前端異常監控,前端的性能監控主要需要上報和展示的是前端的性能數據,包括首頁渲染時間、每個頁面的白屏時間、每個頁面所有資源的加載時間以及每一個頁面中所以請求的響應時間等等。   本文的

原创 從Mixin到hooks,談談對React16.7.0-alpha中即將引入的hooks的理解

  爲了實現分離業務邏輯代碼,實現組件內部相關業務邏輯的複用,在React的迭代中針對類組件中的代碼複用依次發佈了Mixin、HOC、Render props等幾個方案。此外,針對函數組件,在React v16.7.0-alpha