mykurisu

本文将会介绍nest框架，以及为什么我们选择使用这个框架（关于迁移过程遇到的问题可以关注后续的文章）。 如果大家没接触过nest，可以结合nest官网以及fast-nest 一个基于nest的快速启动项目来构建一个初印象。 如图，这是官网示例项目的目录结构，可以发现它和我们传统…

希望使用者有JavaScript基础，熟悉typescript更佳。 如代码所示，将本项目克隆至本地，安装好依赖即可启动服务，默认端口为9999，倘若需要调整请在根目录的config.ts中进行调整。 会持续维护。至于后续会接入什么模块，将视个人业余时间而定，初步设想会完善有用…

假如我们有下面这组数据，需要将它们变成一个常规的Q&A页面，并且希望它是个独立的、小型的静态页。(如果有可能的话，尽量赋予它通用化、模板化的能力) 虽说vue和react给了我们很多惊喜，但是并不是所有的项目都适合使用它们，比如这次我们需要实现的 -- 静态化的文档列表查看页面…

如果我们遇到上面的情景会怎么解决呢？方案倒不少，storage、状态管理甚至暂存到全局。今天我想介绍的方案是EventBus，也就是我们常说的事件总线，也可以认为是发布/订阅模式，废话不多说，直接进入正题。 引入事件总线之后，在下单页跳转至地址编辑页之前，我们可以订阅一个事件例…

在网页开发的过程中，秉着保护自己不信任用户的原则，我们有必要在某些会被频繁触发的按钮或者热区加上“锁”，这里的锁指的是短时间内不允许多次点击按钮。 ...... 这只是其中一个会涉及用户点击的场景，试想在一个较为复杂的表单页面可能会有很多的可点击项，如果不在全局的层面对点击加以…

背景介绍，该tab组件将会由两个现成的组件拼凑而成，分别是tab-head与tab-body，并且tab-haed组件只接受字符串组成的数组。废话少说，先上代码↓↓ 如图所示，我们将会得到一个list数组用于描述整个tab组件，按照我们一贯的处理方式，大概会在获取到list数据…

两个对象合并之后，结果却不符合预期，assign方法的后参数对象覆盖了前参数对象，按照对这个方法的直观理解，是应该输出图中的第一个结果才对。 这样就能解释上面那个不符预期的结果了，Object.assign()拷贝的是属性值，如果属性值是对象，它只会拷贝引用值，也就造成了“覆盖…

不知道大家平时有没遇到过要判断版本号的需求，假设有这样一个场景，我们需要在H5或者小程序中判断微信客户端的版本号，不同版本的微信显示不一样的UI或者执行不同的逻辑。 targetVersion是我们能够取到的当前的版本号，baseVersion是我们的“标尺”版本。 在函数的开…

由图大致可以判断，我们应该将此组件拆成两块，一个是tab选项区，一个是下方的附加选项区。 最主要的原因是项目自身原因，之前就有tab的组件，我们可以直接引用。 当然，就算我们自身项目没有这个组件，我也是建议拆分开来，因为在表单的开发中，这种tab选择的形式可以说太常见了，拆分开…