06 2021 档案
摘要：协变(Covariant)、逆变(Contravariant)、双向协变(Bivariant)并非Typescript所特有，其他结构化语言诸如c#、java等也都拥有该特性。 怎么理解这个概念呢？ 先说说集合、超集、子集(set, superset, subset) 下图中有两个集合：脊索动物、哺
阅读全文
摘要：一：类型映射(Mapped Types) const data = { value: 123, text: "text", subData: { value: false } }; type Data = typeof data; // type Data = { // value: number;
阅读全文
摘要：公司项目留下的JS代码，其中有一大段的switch/case (160行)，正巧给组里的同事介绍TypeScript，就顺便拿这段switch/case做了个改造的例子。 原始代码(仅为示例) var aHelper = { init: function() {...} } var bHelper
阅读全文
摘要：我们知道React等前端框架默认都是SPA+CSR (单页应用+客户端渲染)，所谓客户端渲染就是服务端返回：空页面 + JS bundle文件，在客户端浏览器再通过JS bundle对指定的DOM节点进行页面渲染(生成html、css)。 这种CSR模式有两个主要问题 1：在加载完js bundle
阅读全文
摘要：JS解构的用法想必大家都知道，但解构时可以赋予别名大家就不一定都了解了。 起因：在公司项目中希望通过传入的参数动态生成组件标签。 解决方式：对入参解构，赋予别名，并使用别名作为组件标签。 先解释JS中解构的别名 const obj = { x: 1 }; //otherName为x的别名 const
阅读全文
