FCC 成都社群·技術週刊 第 14 期

FCC成都社群發表於2019-01-19

【前端】

1. React Fiber 架構

React16 啟用了全新的架構,叫做 Fiber,其最大的使命是解決大型 React 專案的效能問題,再順手解決之前的一些痛點。

詳情:https://zhuanlan.zhihu.com/p/37095662

2. React 16 載入效能優化指南

作者從使用者開啟一個連結到頁面完全呈現出來的全過程來分析各個階段的優化,整個過程分為:開啟頁面 -> 首屏渲染 -> 首次內容渲染 -> 可互動 -> 內容載入完畢, 使用到的關鍵優化方法包括:動態 polyfill、SplitChunksPlugin 拆分公共程式碼、動態 import,以及使用 lazyload 和 placeholder 提升載入體驗。

詳情:https://zhuanlan.zhihu.com/p/37148975

3. TypeScript 2.8 下的終極 React 元件模式

有狀態元件、無狀態元件、預設屬性、Render回撥、元件注入、泛型元件、高階元件、受控元件,你不想了解下麼?

詳情:https://juejin.im/post/5b07caf16fb9a07aa83f2977

4. ScrollHint – 指示滾動元素

一個簡單的 JavaScript 庫,用來指示元素是否可以水平滾動,並帶有指標圖示。

詳情:https://appleple.github.io/scroll-hint/

5. JavaScript 常見演算法和資料結構

用 JavaScript 實現的各種演算法(例如洗牌演算法,漢明距離,二分查詢)和資料結構(例如連結串列,樹,堆,棧),每種演算法和資料結構都有自己的 README 並提供相關說明以及進一步閱讀和 YouTube 視訊。(含中文版)

詳情:https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md

6. Keyframes – CSS 動畫建立器

前端工程師的一個小工具:通過一個視覺化的時間線來幫助您建立、檢視和執行動畫,而無需在瀏覽器和編輯器之間來回切換。提供 chrome 擴充套件程式和 web 應用程式。

詳情:https://keyframes.app/

7. 頁面視覺化搭建工具前生今世

頁面視覺化搭建, 是一個歷久彌新的話題。更廣義上講, 頁面是 GUI 的一部分, GUI 的拖拉生成在各種開發工具上很常見, 如 Android Studio, Xcode, Visual Studio 等。前端頁面早在十幾年前就能用 Dreamweaver, Frontpage 等工具視覺化搭建出來。文章主要從這些方面探討了頁面視覺化搭建工具:頁面構成和頁面元件化;頁面視覺化搭建工具的必要性;頁面視覺化搭建工具的區分維度;業界的實踐例項。

詳情:https://mp.weixin.qq.com/s/fq1uuVztlzYIeM7TAEQa7A

8. ElemeFE/v-charts:基於 Vue2.0 和 ECharts 封裝的圖表元件

在使用echarts生成圖表時,經常需要做繁瑣的資料型別轉化、修改複雜的配置項,v-charts的出現正是為了解決這個痛點。基於Vue2.0和echarts封裝的v-charts圖表元件,只需要統一提供一種對前後端都友好的資料格式設定簡單的配置項,便可輕鬆生成常見的圖表。

詳情:https://github.com/elemefe/v-charts

9. Material Theme Editor: 幫你更好地設計 Material Design 風格應用

在剛結束不久的 Google I/O 大會上,Google 公佈了一系列 Material Design 的更新,其中包含一款名為 Material Theme Editor 的 Sketch 外掛。Material Theme Editor 內建了四套主題,可以將它們看作是四個案例 App 的設計規範文件,我們可以通過 Material Theme Editor 全域性修改這些規範文件中的顏色、字型、形狀等元素,建立符合自身需求的 Symbol 庫,從而生成自己的 Material App 設計規範。這篇文章非常詳細地介紹了使用方法,一起來動手實現一下吧。

詳情:https://zhuanlan.zhihu.com/p/37094123

【後端】

1. golang 版本的文字雲演算法實現

文字雲(詞雲),是對文字資料中出現頻率較高的“關鍵詞”在視覺上的突出呈現,通過關鍵詞的渲染形成類似雲一樣的彩色圖片,從而一眼就可以領略文字資料的主要表達意思。該專案是 golang 版本的文字雲演算法實現。

詳情:https://gitee.com/bangbaoshi/wordcloud

2. Python-100天從新手到大師

Python 作為一個“優雅”、“明確”、“簡單”的程式語言,其比較流行的領域包括:雲基礎設施、DevOps、網路爬蟲、資料分析挖掘、機器學習。該專案內容涵蓋:  Python語言基礎、Python語言進階、Web前端、Linux作業系統、資料庫基礎和進階、Django、Flask、爬蟲、資料處理和機器學習、團隊專案開發。

詳情:https://github.com/jackfrued/Python-100-Days

3. Docker 資源和專案清單

Docker 作為一個開源的應用容器引擎,讓開發者可以打包他們的應用以及依賴包到一個可移植的容器中,然後釋出到任何流行的 Linux 機器上,也可以實現虛擬化。Docker 可提供一次性的環境,提供彈性的雲服務以及組建微服務架構。該專案涵蓋了 Docker 相關的資源和專案。

詳情:https://github.com/veggiemonk/awesome-docker

4. pipenv 更優雅的管理你的 python 開發環境

 pipenv,可以說完美的解決了 python 版本及包的管理問題。並且 pipenv 是 Python.org 正式推薦的 python 包管理工具,出自極受歡迎的 requests 包 Kennethreitz 大神之手。

詳情:https://segmentfault.com/a/1190000012837890

5. 漫畫:什麼是 ZooKeeper

Apache ZooKeeper 是 Apache 軟體基金會的一個軟體專案,他為大型分散式計算提供開源的分散式配置服務、同步服務和命名註冊。文章通過漫畫的形式講解了 ZooKeeper 的大致原理。

詳情:https://mp.weixin.qq.com/s/Gs4rrF8wwRzF6EvyrF_o4A

6. 新手 MySQL 工程師必備命令速查手冊

MySQL 的基本操作可以包括兩個方面:MySQL 常用語句如高頻率使用的增刪改查(CRUD)語句和 MySQL 高階功能,如儲存過程、觸發器、事務處理等。文章整理了常用的命令,作為參考。

詳情:http://dbaplus.cn/news-11-2055-1.html

【其他】

1. 一個程式設計師的成長之路 – 剖析別人,總結自己

這是張雲龍老師於 2018 年 5 月 19 日在「 FDCON 2018 中國前端開發者千人峰會」上的發言。作為走在前端工程化前列,現任全民直播 CTO 的張雲龍老師,分享了他的個人成長之路,希望能夠在前端職業規劃上,給大家一些參考和啟發。

詳情:https://mp.weixin.qq.com/s/zWPjfHiYxx0HH9lE99Yijw

2. 瞭解下 DDoS 攻擊方式

DDoS 攻防對抗多年,從 DoS 到 DDoS,從以流量取勝到以技巧取勝,從單一攻擊到混合攻擊,攻擊手段正不斷進化,文章介紹了最常見、最具代表性的攻擊方式。包括 ICMP Flood、UDP Flood、NTP Flood、SYN Flood 和 CC 攻擊等。

詳情:https://zhuanlan.zhihu.com/p/29784472

每週一同步更新到 GitHub, 歡迎 star ?

相關文章