FCC 成都社区·技术周刊第 14 期

【前端】

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 :)