Alili Weekly 前端周刊 第十五期

Alili Weekly 前端周刊 第十五期

GraphQL 在微服务架构中的实践

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

GraphQL,微服务


将你的 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,人脸识别


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

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

Javascript,Web性能优化,Webpack,CSS


Webpack 动态入口构建的实现

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

Webpack


使用 CSS Grid 的九大误区

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

CSS


神奇的 CSS3 混合模式

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

CSS


巧用 Typescript

记录一些有趣、实用的写法。

Typescript


canvas HTML 属性尺寸和 CSS 尺寸多个细节深入

原本以为 canvas 元素尺寸和 img 元素一样,结果深入一研究发现,还是有不少差异的,有兴趣可以进来看看,说不定可以学到点东西。

HTML5,Canavs,CSS


本文链接:

https://alili.tech/archive/k8ui524vul8/