上一篇文章中，介绍了Jest的一般套路和基本语法，这篇文章将会接着介绍异步代码的测试回调函数假如现在有一个接收一个callback函数为参数的fetchData函数，会在一段时间后调用callback

首先，这让我想到了，年初的时候沉迷的一个网站 CSS Battle 。这个网站是核心玩法就是： 官方给出一张图形，在给定的 400 x 300 的画布上，能够用越短的代码实现它，分数就越高。 注意是，完全一模一样还原。 额，这样当然可以，但是看看文章的标题，一行 CSS ？这明…

1. @Component(options:ComponentOptions = {}) 装饰器 2. @Prop(options: (PropOptions | Constructor[] | Constructor) = {})装饰器 PropOptions，可以使用以下选…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

高质量可维护的代码应具备可读性高、结构清晰、低耦合、易扩展等特点。而原生的 JavaScript 由于其弱类型和没有模块化的缺点，不利于大型应用的开发和维护，因此，TypeScript 也就应运而生。 TypeScript 是 JavaScript 的一个超集，它的设计初衷并不…

因为开发中有很多环境，开发环境，测试环境，预生产环境等，所以会经常会用到nginx来配置代理。但是我也只是会用，想仔细梳理一下nginx的知识。 1. 什么是Nginx Nginx (engine x

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

Vue2.0中，重复的含有响应式数据的逻辑复用时采用 mixins 方法不够灵活和方便。Options API中，可以看到多个处理逻辑在 data、methods、computed和watch都有涉及，杂糅在了一起。Composition API尤大大暂时将其翻译为“组合API…

一个专为 Vue.js,应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 的 store 接受 plugins 选项，这个选项暴露出每次 mutation 的钩子。Vuex 插件就是一个函数，它接…