1、Node.js10会带来什么？Node.js10的第一个版本将于本周二（4月24日）发布，并将于10月作为LTS版本发布。会带来哪些更新？N-API、持续的HTTP/2支持、ECMAScript模块(ESM)、异步挂钩等。详情：https://nodesource.com/blog/what-you-can-expect-from-node-js-102。webpack4.6.0发布webpack4.6.0发布了对Prefetch/Preload的支持。预加载会更早地发现资源以避免级联提取，并且不会花费额外的带宽。Prefetch使用浏览器的空闲时间来获取资源，并且可能需要额外的带宽。详情：https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c3。200行JavaScript人脸识别库picojs是一个只有200行JavaScript代码的人脸识别库，最小只有2KB。它可以实时检测图像中的人脸，所有处理都在客户端完成。详情：https://github.com/tehnokv/picojs4。CSS网格布局的最佳实践什么是CSS网格布局的最佳实践？除了采用规范中的布局方式外，还需要考虑Grid与其他布局方式（如Flexbox）的结合、构建方式、团队的工作方式等。详情：https://www.smashingmagazine.com/2018/04/best-practices-grid-layout/5。Yarn与npm竞争npm是Node.js的默认包管理器，而Yarn是Facebook发布的包管理器。这篇文章深入介绍了这两个包管理器提供的功能、它们的不同之处以及它们的演变过程。详情：https://blog.risingstack.com/yarn-vs-npm-node-js-package-managers/6。开发大型JavaScript应用程序开发大型JavaScript应用程序后的一些想法。文中给出了整个演讲视频的链接。详情：https://medium.com/@cramforce/designing-very-large-javascript-applications-6e013a3291a37。Houdini:TheCSSKillerProjectHoudini是一个基于可扩展网络宣言（ExtensibleWebManifesto）的伟大项目，允许开发者直接访问浏览器的CSS引擎，这使得开发者可以自定义自己的CSS功能，从而可以高效运行在浏览器的本地渲染管道。更多信息，请阅读原文。详情：https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/8。9个技巧教你如何写出更好的React代码如何在React中写出更好的代码，作者为我们提供了9个有用的技巧：使用propTypes和defaultProps，适时使用Component、PureComponent和StatelessFunctionalComponent，如何使用ReactDevTools，使用Bit/StoryBook提高工作效率等。详情：https://blog.bitsrc.io/how-to-write-better-code-in-react-best-practices-b8ca87d462b09。介绍JavaScript的三个即将到来的新特性本文介绍了JavaScript即将到来的新特性，作者通过示例展示了JavaScript在OptionalChaining、Nullishcoalescing和Pipelineoperator方面的变化。详情：https://medium.freecodecamp.org/here-are-three-upcoming-changes-to-javascript-that-youll-love-387bce1bfb0b10。5分钟教你BulmaBulma是一个简单易用的CSS框架，虽然很多开发者更喜欢使用Bootstrap，但笔者认为Bulma的设计更好更轻量。在文章中，作者提供了一些步骤让您快速开始使用Bulma。详情：https://medium.freecodecamp.org/learn-bulma-in-5-minutes-ec5188c53e8311。使用Vue.js官方测试工具和Jest编写组件单元测试Vue.js以其灵活、高性能、易用等特点逐渐被应用到更多的web项目中。本系列文章介绍第一个简单组件单元测试用例的编写，测试递归渲染的Vue.js组件，测试组件的样式和结构，测试组件的状态，计算属性和方法，测试属性和自定义事件、测试生命周期回调、测试Vue.jsSlots、使用模块别名配置Jest等。详情：https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing-Tools-and-Jest/12。2018GraphQL想必大多数Developers都知道如何构建RESTAPI，也经历过它的红与黑；本文介绍和讨论API领域的新星GraphQL。GraphQL通常被称为面向前端的API技术解决方案，因为它允许前端开发人员以更简单、更灵活的方式进行数据请求。这个特性也弥补了传统RESTAPI的一个缺点：不能为不同的客户端返回自定义的数据；GraphQL的另一个优势是，对于原本需要向多个接口发起的请求，它可以只请求一个接口。详情：https://medium.com/@weblab_tech/graphql-everything-you-need-to-know-58756ff253d8每周一更新到GitHub，欢迎star:)
