GavinGong

React.createElement 是React中一种创建React组件的方式，它古老而神秘。 虽然日常开发中已经很少能够见到他的身影。但是将JSX用babel编译之后，就是 createElement 函数 createElement 支持传入n个参数。 type：表示你…

TypeScript 4.1 快要发布了，老爷子 Anders Hejlsberg 加入了一项重大更新，「字符串模板类型」 的支持。昨天看到这个更新的我特别兴奋，曾几何时，只要一遇到字符串拼接相关的类型，TypeScript 就束手无策了，比如： Vuex 中加了 namesp…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

随着 Typescript 4 Beta 的发布，又带来了许多新功能，其中 Variadic Tuple Types 解决了大量重载模版代码的顽疾，使得这次更新非常有意义。 上面例子中，Arr 类型告诉 TS T 与 U 是数组类型，再通过 [...T, ...U] 按照逻辑顺…

看了很多打包优化的文章，很多都是基于原生的webpack配置，直接在webpack.config.js文件中修改配置的。但是vue-cli创建的项目已经封装了基本的webpack配置，需要在vue.config.js文件中修改预置的webpack配置。很少看到这方面的文章，因此…

Tincta是一款简约的文字编辑器，如果你觉得苹果系统内置的“文字编辑”程序不好用，或许可以试试这个轻巧又快速的文字编辑器。 软件提供超过80种程序语言的语法颜色设置、行数编号、支持拖放操作、缩排、搜索等等。除此之外，它还有自动关闭括号、自动换行等十多种便捷功能。 一款基于插件…

之前写了一篇 TS 一些工具泛型的使用及其实现, 但是一直没怎么使用 TS，回首看文章，发现自己都看不懂了。 期间内 TS 也有一些变化，所以这一篇将会承接上篇文章，分析解读更多的工具泛型，主要来自 utility-types项目的源码。 Exclude & Extract v…

其中包括编译器管道的概述，以及如何操作 AST，但是我还没有详细介绍如何实现解析器。 这是因为在一篇文章中实现 JavaScript 编译器对我来说是一项艰巨的任务。 好了，不用担心。JSON 也是一种语言。它有自己的语法，你可以查阅它的 规范。编写 JSON 解析器所需的知识…

之前使用 Netlify 进行自动部署应用，但是发现访问还是有些慢，索性花点心思把整个网站网络访问优化一遍。 将 google font 和 font-awesome 换成了国内的 CDN，jsdelivr 家的 CDN 国内访问速度还不错就懒得换了。 Netlify 家构建后…