WecTeam 前端周刊（github.com/wecteam/weekly）是由京东社交电商部维C团维护的技术周刊，每周从前端同学阅读的技术文章中精选而来，每周五出刊。第 012 期发布时间：2019-11-23。
更多「原创」前端技术文章，欢迎关注微信公众号「WecTeam」。
本文作者@黄浩群。Nginx 对于大多数开发者来说不算陌生，企业团队用它来搭建请求网关，我们私下用它 “科学上网”（价值观警告）。但对于前端 er 来说，平日里开发大多时候都只是专注于业务，根本不需要也没机会涉及到 Nginx 这一块的内容，也就导致我们也对它的了解少之甚少。随着 serverless 孕育普及，越来越多的人相信，不需要掌握任何运维知识，也能简单快速地实现自己的技术 idea。
然而事实上并不是这样的，Node 的兴起让前端工程师开始涉足后端领域，我们可以独立维护一些 BFF 服务，即使这只是一些简单的应用，也需要你掌握一定的运维技巧。另一方面，在快速变革的软件开发体系下，不同职责之间的部分边界变得越来越模糊，DevOps 理念的深入，也让我们不得不把目光投向应用运维，开始思考在新体系下如何构建一体化工程。所以，懂得一些简单易用的 Nginx 技巧，对于前端开发者来说，是非常必要的。
所谓 “技多不压身”，在你还在思考学不学的时候，有些人已经学完了。
老板的手机收到一个红包，为什么红包没居中？
如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。
你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场的时候，他们不敢这么写，也不知道怎么写最靠谱。
这篇文章中，我们来列出几种常见的写法，最终你会明白，哪种写法是最优雅的。
当然，我还会拿出实际应用中的真实场景来举例，让你感受一下标准垂直居中的魅力。
本文将以概览性的视角来介绍云凤蝶在 低代码+可视化搭建 这条路上遇到的问题与解决方案，包括：中后台 Web 应用搭建有哪些关键要素？可视化编辑器如何对齐 Pro Code 下视图 DSL 的表达能力？交互逻辑与状态如何进行组织与聚合？如何基于可视化底盘去探索 10 倍效能提升？
近年新出的UI框架，包括React，Flutter， SwiftUI等在内都采用了声明式的方法构建UI，其中基于React的RN，Flutter都是多端框架，可以一套代码多端复用。但是在国内“端”还有一个小程序，所以在国内的跨端，必须要兼顾到小程序。
本文将探讨一种将声明式UI语法在类小程序平台运行的通用方式，这是一种等效运行的方式，对原语法少有限制。
本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码，有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。
本文主要介绍CSS渲染以及优化相关的内容
通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里总结并分享给大家。