前端日刊-2018.02.14

2018-02-14每天努力的日刊君 前端新視野

EveryDay為小夥伴們推薦 3 篇有質量的前端技術文章，讓你每一天都收穫滿滿還在等什麼，和日刊君一起把~

The Next Day is Always a New Day

React

深入淺出React高階組件

高階組件通過包裹（wrapped）被傳入的React組件，經過一系列處理，最終返回一個相對增強（enhanced）的React組件，供其他組件調用。

高階組件是Decorator模式在React的一種實現，它可以抽離公共邏輯，像洋蔥一樣層層疊加給組件，每一層職能分明，可以方便地抽離與增添。在優化代碼或解耦組件時，可以考慮使用高階組件模式。

鏈接：

https://zhuanlan.zhihu.com/p/28138664

JS

我眼中的 JavaScript 函數式編程

本文將略去一大堆形式化的概念介紹，重點展示在 JavaScript 中到底什麼是函數式的代碼、函數式代碼與一般寫法有什麼區別、函數式的代碼能給我們帶來什麼好處以及常見的一些函數式模型都有哪些。

鏈接：

http://taobaofed.org/blog/2017/03/16/javascript-functional-programing/

CSS

Flexbox和網格, 你的布局好助手

有句話說「網格時代到來了，Flexbox結束了」，或者是」網格已經上線，我們應該把Flexbox當作網格布局的降級版」，這樣的觀點很可能是有問題的。

所以先讓我們一起看看這些謎團，以便深入理解這兩種同時使用的技術，而不是把它們獨立區分開來進行比較。 我們也會看一個現在已經在生產環境里的真實用例，在本文最後，你會看到一個HTML和CSS的樣板，這樣你也可以開始使用Flexbox和網格了。

鏈接：

http://www.zcfy.cc/article/flexbox-and-grids-your-layout-s-best-friends

歡迎關注我們的微信公眾號： 前端新視野