奇舞周刊第267期（2018-07-20）

• 奇舞推荐

• Hook Git 实现代码与需求的一致性

  如果我们能将需求、缺陷与代码进行关联，便能使项目管理和团队协作变得更有效率。

  奇舞推荐 GIT

• 为什么浮层或弹框一定要有叉叉关闭按钮？

  原来如此！确实是实力科普啊。

  奇舞推荐 用户体验

• GraphQL 在微服务架构中的实践

  这篇文章首先会简单介绍 GraphQL 是什么，它能够解决的问题；接着重点分析 GraphQL 在微服务架构中的使用以及在实践过程中遇到的棘手问题，在最后作者给出了自己心中合理的 GraphQL 微服务架构的设计。

  奇舞推荐 GraphQL 微服务

• JavaScript

• 将你的 Virtual dom 渲染成 Canvas

  一个基于 Vue 的 virtual dom 插件库，按照 Vue render 函数的写法，直接将 Vue 生成的 VNode 渲染到 canvas 中。支持常规的滚动操作和一些基础的元素事件绑定。

  JavaScript Vue

• React Router 4.x 雷区

  React Router 4.x 开发，这些雷区我们都帮你踩过了。

  JavaScript React

• 在浏览器中进行人脸识别：face-api.js

  face-api.js 建立在 tensorflow.js 之上，它实现了三种卷积神经网络架构，用于完成人脸检测、识别和特征点检测任务，可以在浏览器中进行人脸识别。

  JavaScript 人脸识别

• Webpack

• Webpack 中的 sideEffects 到底该怎么用？

  webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects 声明该包/模块是否包含副作用，从而可以为 tree-shaking 提供更大的优化空间。

  Webpack

• 嗨，送你一张 Web 性能优化地图

  文章列出了 2018 年前端工程师应该关注的 Web 性能优化方法。

  Javascript Web性能优化 Webpack CSS Berwin推荐

• Webpack 动态入口构建的实现

  在多页面开发的项目中，启动时不构建任何资源，按照具体访问的前端页面再构建对应的资源，使得每次进入新的页面的时候，再将对应的 js 动态的添加到 webpack entry 中。

  Webpack

• CSS

• 使用 CSS Grid 的九大误区

  @Jen Simmons录制了一个视频，向大家阐述了使用 CSS Grid 的九大误区，也是使用 CSS Grid 布局易犯的错误，并且在视频中提出了一些相关的建议，让大家在使用 CSS Grid 布局的时候能尽量的避免这些误区，甚至可以帮助一些同学改掉一些旧习惯。

  CSS

• 神奇的 CSS3 混合模式

  教你如何使用 CSS mix-blend-mode。

  CSS

如果你觉得奇舞周刊不错的话，长按二维码“ 关注我们的公众号 ”。如果你觉得本期文章不错的话，欢迎点击右上角“ 分享到朋友圈 ”。