硬核前端系列

为开源（或私有）项目编写一个漂亮且实用的使用文档，这个要求一点都不过分吧🐶，本文将介绍一套生成项目文档的方案，生成的页面不仅很花瓶，还很能打。

各种编程语言支持 Wasm 时都制定了自己的通讯标准，不过它们都是基于相同的底层通讯实现的，本文正是介绍这个底层通讯实现方法，了解底层实现后自然可以轻松掌握各编程语言中 Wasm 通讯的使用。

本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。

简单跟踪分析一下当前热门构建工具 vite 的环境变量替换过程和原理，掌握了构建工具的内部执行原理才能将其用的更好，所谓：磨刀不误砍柴工。

本文介绍了图片的Exif数据的二进制结构，Exif数据是如何嵌入到JPEG格式的图片中的。最后还使用Vue实现了一个可以读取、编辑并保存JPEG图片Exif数据的应用，可打包为Vue组件。

我们知道在编码时即使不标注变量类型，TypeScript 编译器也能推断出变量类型，那 TypeScript 编译器是怎么进行类型推断，在类型推断时又是如何判断兼容性的呢？此文，正好为你解开这个疑惑。

本文讲的内容是 TypeScript 类型系统的内部工作方式与原理，掌握之后可以做到“在编码时将代码在你的大脑里面运行一遍，不用依赖于编译器的类型检查” 。

交叉类型逻辑上与联合类型是互补的，交叉类型由一组有序的成员类型构成，交叉类型表示类型同时为多个类型，等同于运算符 &&，类似于数学运算中的乘法。交叉类型也是通过交叉类型字面量来定义的。

联合类型由一组有序的成员类型构成，联合类型表示类型可以为若干类型之一，等同于运算符 `||`，类似于数学运算中的加法。需要注意的是联合类型是通过联合类型字面量来定义的。

泛型程序设计是一种编程风格或编程范式，它允许在程序中定义形式类型参数，然后在泛型实例化时使用实际类型参数来替换形式类型参数，这一过程有些类似于函数形参在被函数调用时传入的实参替换。

本文实现了一个用于抓取奇舞周刊文章标题、描述及文章原始链接的 CLI 工具，该工具依托于 Node.js 运行。基本满足了快速获取奇舞周刊文章链接的需求，文章数据还能够缓存在本地，有效提升了使用体验。

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

最近在整体地复习一遍现代前端必备的核心知识点，将会整理成一个前端分析总结文章系列。这篇是其中的第三篇，主要是总结下JS中原型与继承等核心知识点。（另外，此系列文章也可以在语雀专栏——硬核前端系列查看）。 实例对象是通过 new 操作符来操作构造函数 constructor 生成…

最近在整体复习一遍现代前端必备的核心知识点，将会整理成一个前端分析总结文章系列。这篇是其中的第二篇，主要是总结下JS底层的内存模型。（另外，此系列文章也可以在语雀专栏——硬核前端系列查看）。 主要分为两大类：基本数据类型、复杂数据类型，详细分类如下。 对于不同的数据类型有不同的…

经常在面试中被问到“如何清除浮动？”、“为什么 overflow: hidden 可以清除浮动？”等等比较基础的问题。虽然这些题目案在各种写面试题的文章中都有提供答案，但这种教科书式的问答肯定不是我们的目的，与其记住答案不如彻底掌握其核心原理——块级格式化上下文（BFC）。 这…

在网页端、移动端H5、小程序等各个终端环境的前端开发中随处可见事件的运用，可见事件机制的确是前端这一块的重中之重。经过我研读大量博客文章以及开源框架源码后，这次算是对DOM事件机制有了更新更全面的认识。 下文主要通过一个例子带你分析DOM事件的传递、事件处理，然后在此基础上再深…

今天这篇文章将会带着你解析这一系列疑问，以vant-weapp组件库为例，从开发标准的弹窗组件使用到高度定制复合自我审美的弹窗，再到完全研究清楚vant-weapp框架弹窗组件部分源码。 vant-weapp组件库是有赞团队开发的一款灵活简洁且美观的小程序UI组件库，此文将以这…

在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…

最近在做公司后台管理系统项目时遇到一个比较怪异的bug——采用keep-alive+vue-router实现的路由缓存遇到缓存不生效的情况。 此项目是基于iview-admin@2.0进行开发的，全局状态管理采用vuex分module实现，路由采用vue-router进行路由配…

ES模块系统带给了JavaScript官方标准化的模块系统，对于JavaScript模块系统的标准化经历了近10年的时间。但是对着Firefox 60版本的发布，所有主流浏览器已经全面支持ES模块，随后Node.js也逐步开始支持ES模块。同时，ES模块与WebAssembly…