在日常工作中对TypeScript的一些开发实践总结，对比较常用的API和新特性进行了归类，同时在实践中是如何一步步将dva拥有主动类型约束，以及服务端数据类型是如何进行多人协同开发进行工作。

在 JavaScript 中布尔类型的变量含有有限范围的值，即 true 和 false。而在 TypeScript 中使用枚举，你也可以自定义相似的类型。 No 和 Yes 被称为枚举 NoYes 的成员。与对象字面量一样，尾随逗号是被允许的。对于 NoYes 枚举我们能够轻…

Imgcook 是以各种设计稿图像 (Sketch/PSD/静态图片）为原材料烹饪的匠心大厨，通过智能化手段将各种原始设计稿一键生成可维护的 UI 视图代码和逻辑代码。 在这样一个智能生成代码的流程中，设计稿作为原材料，是非常重要的一环。原始设计稿的质量，直接决定了最终生成代码…

最近有个需求要用到 dynamic import ，发现 require 也可以实现同样的效果，但是 webpack 不推荐用多种 module method。后来就尝试去了解关于 static import / dynamic import / require 之间的区别。再…

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

创建入口文件。在根目录下新建一个bin文件夹，并在bin文件夹中创建一个叫my-cli.js的文件： 在my-cli.js中，声明使用nodejs作为脚本的解释器,并且在脚本里面随便写点什么。 告诉npm，这个包所对应的主命令是my-cli。具体来说，就是在package.js…

面试官很忙，但我不单纯是蹭热点，今天聊的主题绝对是面试中命中率很高的知识点。我在复习javascript函数这块知识时，注意到一个有意思的点，就是构造函数显式return，并由此引发了一波头脑风暴...... 我们知道，如果不做特殊处理，new构造函数时会发生下面这几步。 执行…

我们使用最多的就是class组件，这种类型的组件我觉得使用还是很有必要的，因为在写class组件的时候，你会了解class相关知识，以及this的指向问题。但是由于class组件的过度语法糖话，导致越来越多的人更倾向于函数组件，函数组件最开始用法很单一，只是作为一个ui组件（无…