Ghostliming

面试官：“用过 TypeScript 吗？” 我：“用过！” 面试官：“那你写一个 Pick 和 Omit 吧！”

网上的教程很多不全面，有很多坑对于新手甚至是没什么前端基础的人来说真的很难解决，本文以一个小白的角色，从环境搭建到官网文档的使用，页面跳转和动态数据请求，讲述如何从 0 开始做出一个完整的单页应用。

单元测试是针对程序模块来进行正确性检验的测试工作，程序单元是应用的最小可测试部件。 在 Web 应用中，我们可以把 Restful API 看作是构成应用的单元。 Restful API 比较好测试，测试起来也比较简单。 本文将介绍编写测试的原因和原则，然后以 Node.js 为例子介绍测试 Restful API 的方法。

使用 CSS 计数器就像使用变量一样。

以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT for Web 序列化手册》，用户可将整个拓扑图序列化成字符串的 JSON 格式内容，这样你可以保存到后台数据库，或者后台服务器文件皆可，HT 只是前端的图形组件，不介入后台通讯和存储，反正控制权在你，不收任何约束，可以随心所欲的设计你的网络拓扑图整体系统架构。

功能性动画是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。 通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。