// Github项目每日优选 第3篇 // 正文共 1996 字 // 预计阅读时间：10 分钟 各位宝友大家好，今天给大家带来了 react-use 。咱说心里话，这个东西我第一次看见真觉得捡到了宝儿。React hooks我相信很多同学已经门清了，这个库实现了基本上我们常见的所有自定义Hooks,需要哪个直接查看源代码复制到你的项目中，二次在改一改，你的同事夸你666呢😁 Github是个巨大的仓库，里面有非常多优秀的项目。其实并不是一定star多的项目才值得关注，有很多小而美的项目我们完全可以去

各位宝友大家好，今天给大家带来了 smartcrop.js ，它是什么呢？通过名字我们大概能猜出来就是智能裁剪。我用我拙劣的东北英语大概翻译了下：Smartcrop.js 实现了一种算法来为图像找到好的裁剪。它提供了三种使用方式分别是 浏览器中、node、 和CLI 。

货币是复杂的，JavaScript不足以正确完整的去表示货币，就像我们用js操作css，xx="14px"这显然是丑陋的，但是目前早已有CSS.px(14)，正规了许多，更能避免我们去犯一些错误，今天给大家分享的是Dinero.js。Dinero.js 是一个 JavaScript 库，可让您表达货币价值，还可以执行mutations、转换、比较、格式化，并总体上使您的应用程序中的货币操作更容易、更安全。

如果你用过传统的强类型语言，可能会很熟悉 void 的概念：一种类型，告诉你函数和方法在调用时不返回任何内容。

本文将通过代码示例展示如何使用基于回调的 API，然后将其改成使用 Promises，最后再用 Async/Await 语法。本文不会详细解释回调、promise 和 Async/Await 语法。有关这些概念的详细解释，请查看 MDN 的 Asynchronous JavaScript[1]，它解释了什么是异步性以及如何用回调、promise 和 Async/Await 语法处理异步 JavaScript。

使用环境变量是配置 Node.js 程序的好方法。而且许多包或模块可以基于不同的 NODE_ENV 变量的值表现出不同的行为。

CSS in JS是一种解决css问题想法的集合，而不是一个指定的库。从CSS in JS的字面意思可以看出，它是将css样式写在JavaScript文件中，而不需要独立出.css、.less之类的文件。将css放在js中使我们更方便的使用js的变量、模块化、tree-shaking。还解决了css中的一些问题，譬如：更方便解决基于状态的样式，更容易追溯依赖关系，生成唯一的选择器来锁定作用域。尽管CSS in JS不是一个很新的技术，但国内的普及程度并不高。由于Vue和Angular都有属于他们自己的一套定义样式的方案，React本身也没有管用户怎样定义组件的样式[1]，所以CSS in JS在React社区的热度比较高。

Puppeteer 是 Node.js 的一个函数库，可用来操控浏览器，是 Google 的项目，可以应用的范围包括：前端的自动化测试、爬虫、表单提交等。

然而在熟悉了编程语言之后，你还必须了解如何根据任务轻松且有效地操纵数据。这就是数据结构的用武之地。

换句话说，就在于代码中不能出现任何英文字母（a-zA-Z）与数字（0-9），除此之外（各种符号）都可以。执行式码之后，会执行 console.log(1)，然后在控制台中输出 1。

做为一个前端程序猿，肯定应该知道很多与前端相关的知识，像是 HTML 或是 JS 相关的东西，但这些通常都与“使用”有关。例如说我知道写 HTML 的时候要语义化，要使用正确的标签；我知道 JS 应该要怎么用。可是有些知识虽然也跟网页有关，却不是前端程序员经常接触的。

在 GitHub 上闲逛时，发现一个叫做 shortcuts-js[1] 的项目，其描述写的是“A JavaScript iOS 12 快捷指令 creator”，花了几个小时的时间玩了一下，发现挺不错。

看上去 promise.prototype.then() 和 promise.prototype.finally 似乎非常相似。但是你需要明白它们有一些重要的差异。

在使用 JavaScript 中的对象时，你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择：

首先在 ES6中引入的“解构赋值语法”允许把数组和对象中的值插入到不同的变量中。虽然看上去可能很难，但实际上很容易学习和使用。

Sass（Syntactically Awesome StyleSheets） 是 CSS 的一种扩展，是 CSS的 超集（通过编译生成浏览器可以处理传统 CSS）。Sass 的出现是为了解决在大型项目中传统 CSS 会遇到的重复、可维护性差等问题（添加了嵌套的规则、变量、mixins、选择器继承等特性）。让开发者可以编写简洁、富语意（expressive ）、可复用、可维护性和可延展性性佳的 CSS 代码。

从 v 6.3.0 开始，可以用 Chrome Developer Tools 调试 Node.js。以下是操作步骤：

网站或网页的效率在很大程度上取决于测试，并且涉及对网站或相关软件的细致检查。那么我们如何该测试 Web 程序呢？在探究 Web 程序测试服务的更多细节之前，先讨论一下测试为何如此重要。

如果要检查 JavaScript 中的相等性，有两个比较运算符：双等号运算符（==）和三等号运算符（===）。

本文中所用到的大多数套路也可以用在其他 WebGL 库中，例如 Three.js[2] 或 Babylon.js[3] 中，但是需要一些小小的调整。