TypeScript 中高级应用与最佳实践

当我们讨论 TypeScript 时，我们在讨论什么？

上篇回顾：我们说了斗地主游戏的渲染展示部分，最后也讲了下 canvas 中交互的情况，下篇的重点就是游戏逻辑。

逻辑主要分成两块：流程逻辑和扑克牌对比逻辑。

github 地址：https://github.com/vorshen/landlord

背景：朋友来深圳玩，若说到在深圳有什么好玩的，那当然是宅在家里斗地主了！可是天算不如人算，扑克牌丢了几张不全……大热天的，谁愿意出去买牌啊。不过问题不大，作为移动互联网时代的程序猿，当然是撸一个手机在线斗地主来代替实体牌了。

github 地址：https://github.com/vorshen/landlord

阅读前注意：
本文分为上下两篇，本篇讲准备工作以及前端一些布局相关的知识；下一篇讲 webassembly 实现核心逻辑和 server 端相关。

PS：本文适合对 HTTPS 已经有一定了解的人阅读。

前言

这篇文章我准备了很久，反复修改了很多次，仍不觉得满意，原因是：

1. 网上虽有很多 HTTPS 相关的资料，但是质量参差不齐，而且有些地方的理解还不一致，我不知道哪个是对的。
2. 对于 HTTPS，我很难在实践中应用它，因此，也没法从实践中确认我所理解的就是对的。

背景

页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力.

本文主要讨论: 设计和开发页面可视化搭建工具包含哪些技术要点.

飞机上的梗

某天，小明同学突然反馈 ：“昨晚发现根本无法使用你们的应用... .... 怎么回事呢”。我和我的小伙伴们立马惊呆了，心想：“老司机多年的经验有一种预感，那就是同学你使用姿势不正确...（此处省略 300 字）”。 然后默默排查了许久，答案竟然是：

相信大家或多或少都有使用过在线文档，国内的像我们在做的腾讯文档还有其他家的很多类似产品。今天主要为大家揭开在线协作的神秘面纱，那就是 OT 算法。

闭包这个概念是前端工程师必须要深刻理解的，但是网上确实有一些文章会让初学者觉得晦涩难懂，而且闭包的文章描述不一。

本文面向初级的程序员，聊一聊我对闭包的理解。当然如果你看到闭包联想不到作用域链与垃圾回收也不妨看一眼。希望读了它之后你不再对闭包蒙圈。

基于 React 的组件化开发方式，为富前端 web 应用提供大量技术实践，社区逐渐形成了稳定的组件规范，本文从 API 层面归纳出 6 种组件类型，分析其优缺点和适用场景，为日常组件开发提供一个方法指南。6 种类型分别为结构型组件、样式型组件、组合型组件、配置型组件、受控型组件、非受控组件。

正则表达式可能大部分人都用过，但是大家在使用的时候，有没有想过正则表达式背后的原理，又或者当我告诉你正则表达式可能存在性能问题导致线上挂掉，你会不会觉得特别吃惊？

我们先来看看 7 月初，因为一个正则表达式，导致线上事故的例子。

https://blog.cloudflare.com/details-of-the-cloudflare-outage-on-july-2-2019/

简单来说就是一个有性能问题的正则表达式，引起了灾难性回溯，导致 cpu 满载。