# 小蜜蜂前端周刊第二十五期

本期文章由张紫月供稿

# 个人

# npm包全局安装和局部安装,执行包命令有什么不同？ (opens new window)

推荐理由: npm包全局安装和局部安装,执行包命令有什么不同?
推荐人: 张紫月

# 新鲜事

# Introducing Node.js 12 (opens new window)

推荐理由: 时隔一年，Node.js 12 如约而至，正式发布第一个 Current 版本。

# React

# React ref 的前世今生 (opens new window)

推荐理由: 众所周知，React 通过声明式的渲染机制把复杂的 DOM 操作抽象成为简单的 state 与 props 操作，一时圈粉无数，一夜间将前端工程师从面条式的 DOM 操作中拯救出来。尽管我们一再强调在 React 开发中尽量避免 DOM 操作，但在一些场景中仍然无法避免。当然 React 并没有把路堵死，它提供了 ref 用于访问在 render 方法中创建的 DOM 元素或者是 React 组件实例。

# CSS

# CSS技巧(01) (opens new window)

推荐理由: 从这周开始，我将会把每周看到有关于CSS有意思的技巧整合成一篇文章。将会在每周的星期天整理发布，每篇文章中将会以CSS的技巧为主线进行介绍，但每个技巧不会深入的阐述。主要目的给对CSS感兴趣的同学增强CSS的眼界，扩大知识面和使用场景。同时也希望能帮助大家将一些CSS技巧运用到实际项目中，另外提高自己在这方面的技术。如果感兴趣的话，可以持续关注，或者有你相关的技巧也可以和我们一起共享。

# CSS 技巧（02） (opens new window)

推荐理由: 在写第一期有关于CSS技巧的时候立下过一个Flag，即每周末发布一篇有关于自己在本周看到过有关于CSS的小技巧(有意思的CSS)。但由于上周末去深圳参回第五届CSS Conf，没有如期整理发布，所以今天整理了发出来。在这期的小技巧中，大部分是与边框相关的故事。希望大家会喜欢。

# Web技巧 (03) (opens new window)

推荐理由: 又到了每周CSS技巧发布的时间了，在正式发布这期之前，先说一下，从这期开始将以Web技巧的标题来发布，因为今后发布的内容不再局限于CSS的方面，或涉及到Web的其他技术或特性。原则是同样的，将会以自己在本周看到的一些有关于Web技术有意思的知识，将每个知识点整理成文来发布。在上一期中，主要围绕着CSS的border来扩展故事。那么这一期将会涉及到哪些Web知识点呢？感兴趣的同学请继续往下阅读。

# Web技巧 (04) (opens new window)

推荐理由: 在Web技巧第三期中，我们了解到了排版中断字连接符、原生的延迟加载、不规则阴影处理、Sass颜色函数和CSS自定义属性的结合以及CSS中对齐等知识点。在这一期中，我们将围绕着CSS中的布局来展开。在这一期中将会向大家介绍CSS Shapes给布局带来的变化（Web艺术）、在Flexbox和Grid布局中如何控制最后一行的剩余项以及如何使用Flexbox和Grid实现响应式布局、CSS怎么实现瀑布流布局、CSS怎么构建对角容器和两个还未得到支持的CSS特性：subgrid和带两个属性值的display。

# JS

# 图解 Map、Reduce 和 Filter 数组方法 (opens new window)

推荐理由: map、reduce 和 filter 是三个非常实用的 JavaScript 数组方法，赋予了开发者四两拨千斤的能力。我们直接进入正题，看看如何使用（并记住）这些超级好用的方法！

# RxJS

# RxJS 入门 (opens new window)

推荐理由: RxJS 入门

# 多语言

# ESLint-plugin-i18next：多语言文本检查 (opens new window)

推荐理由: 在需要支持多语言的项目中，我们常常保存一份词典，里面保存着每段文本对应不同语言的翻译，根据用户选择的语言，动态显示对应的文本。我们可能需要一个类似 i18next 的模块来管理词典。