原创 Node - 內存管理和垃圾回收

前言 從前端思維轉變到後端, 有一個很重要的點就是內存管理。以前寫前端因爲只是在瀏覽器上運行, 所以對於內存管理一般不怎麼需要上心, 但是在服務器端, 則需要斤斤計較內存。 V8的內存限制和垃圾回收機制 內存限制 內存限制一般的後端語言開發

原创 Node - 異步IO和事件循環

前言 學習Node就繞不開異步IO, 異步IO又與事件循環息息相關, 而關於這一塊一直沒有仔細去了解整理過, 剛好最近在做項目的時候, 有了一些思考就記錄了下來, 希望能儘量將這一塊的知識整理清楚, 如有錯誤, 請指點輕噴~~ 一些概念 同

原创 Node.js - 阿里Egg的多進程模型和進程間通訊

前言 最近用Egg作爲底層框架開發項目,好奇其多進程模型的管理實現,於是學習瞭解了一些東西,順便記錄下來。文章如有錯誤, 請輕噴 爲什麼需要多進程 伴隨科技的發展, 現在的服務器基本上都是多核cpu的了。然而,Node是一個單進程單線程語言

原创 Css-移動端適配總結

前言 工作以後,大部分的業務工作都是基於移動端H5的,開發過程中學習了很多東西,遇到過許多問題,諸如rememcss pxdevice px等,本文純屬個人的歸納總結,如有問題,請指出親噴~ PC端 本文主要是講解移動端的響應式佈局, 但是

原创 Js-函數式編程

前言 JavaScript是一門多範式語言,即可使用OOP(面向對象),也可以使用FP(函數式),由於筆者最近在學習React相關的技術棧,想進一步深入瞭解其思想,所以學習了一些FP相關的知識點,本文純屬個人的讀書筆記,如果有錯誤,望輕噴且

原创 React-代碼複用(mixin.hoc.render props)

前言 最近在學習React的封裝,雖然日常的開發中也有用到HOC或者Render Props,但從繼承到組合,靜態構建到動態渲染,都是似懂非懂,索性花時間系統性的整理,如有錯誤,請輕噴~~ 例子 以下是React官方的一個例子,我會採用不同

原创 Webpack系列-第三篇流程雜記

系列文章 Webpack系列-第一篇基礎雜記 Webpack系列-第二篇插件機制雜記 Webpack系列-第三篇流程雜記 前言 本文章個人理解, 只是爲了理清webpack流程, 沒有關注內部過多細節, 如有錯誤, 請輕噴~ 調試 1.使用

原创 Webpack系列-第一篇基礎雜記

前言 公司的前端項目基本都是用Webpack來做工程化的,而Webpack雖然只是一個工具,但內部涉及到非常多的知識,之前一直靠CV來解決問題,之知其然不知其所以然,希望這次能整理一下相關的知識點。 簡介 這是webpack官方的首頁圖

原创 React-Router 雜記

三種Router的區別 1. HashRouter: 即對應url中的hash值,如xx.com/#/a、xx.com/#/a/b, 服務器對任務url都返回同一個url,具體的路徑由瀏覽器區分,因爲瀏覽器不會發送hash後面的值給服務器。

原创 React-flux雜記

簡介 Flux是一種搭建WEB客戶端的應用架構,更像是一種模式而不是一個框架。 特點 單向數據流 與MVC的比較 1.傳統的MVC如下所示(是一個雙向數據流模型) 用戶觸發事件 View通知Controller執行相關邏輯

原创 React-Redux進階(像VUEX一樣使用Redux)

前言 Redux是一個非常實用的狀態管理庫,對於大多數使用React庫的開發者來說,Redux都是會接觸到的。在使用Redux享受其帶來的便利的同時, 我們也深受其問題的困擾。 redux的問題 之前在另外一篇文章Redux基礎中,就有提到

原创 React-redux進階之Immutable.js

Immutable.js Immutable的優勢 1. 保證不可變(每次通過Immutable.js操作的對象都會返回一個新的對象) 2. 豐富的API 3. 性能好 (通過字典樹對數據結構的共享) <br/>Immutable的

原创 React-redux基礎

前言 在學習了React之後, 緊跟着而來的就是Redux了~ 在系統性的學習一個東西的時候, 瞭解其背景、設計以及解決了什麼問題都是非常必要的。接下來記錄的是, 我個人在學習Redux時的一些雜七雜八~ Redux是什麼 通俗理解 h

原创 React-生命週期雜記

前言 自從React發佈Fiber之後,更新速度日新月異,而生命週期也隨之改變,雖然原有的一些生命週期函數面臨廢棄,但理解其背後更新的機制也是一種學習 在這裏根據官方文檔以及社區上其他優秀的文章進行一個對於生命週期的總結,大致上分爲以下三個

原创 React-事件機制雜記

前提 最近通過閱讀React官方文檔的事件模塊,有了一些思考和收穫,在這裏記錄一下~ 調用方法時需要手動綁定this 先從一段官方代碼看起: 代碼中的註釋提到了一句話: This binding is necessary to make