在VueRouter中使用Pinia 2023 年 9 月 18 日更新： 经过评论提醒，Pinia 官方文档已经提供了解决方案，具体请参考官方文档 一言以蔽之，在 Pinia 实例化之后再使用 前言 目前Vue3+Vite+Pinia+VueRouter的组合已经非常流行了，但是在使用过程中也发现了一个小小的问题，即在VueRouter中使用Pinia会报错，后来经过一番研(bai)究(du)找

[XR-Frame]微信小程序XR简单踩坑记录 前言 工作中需要写一个微信小程序，利用XR-Frame框架展示模型，由于先前没有接触过threejs，知识储备匮乏，只能通过官方文档进行学习，记录踩坑历程 项目初始化 mockdata 先准备好测试用的虚拟数据 1234567891011121314151617181920212223242526272829export const mockData

[大屏可视化] 用REM适配各尺寸屏幕 前言 对于大屏可视化来说，适配屏幕是一个重要的内容，一旦画面的格式出现了错误，对于整体的观感是毁灭性的打击。在我的这个项目中，我使用了动态REM来进行屏幕适配 如何适配屏幕？ 一般来说，前端做出来的页面都有一个固定的比例，而显示页面的大屏的比例不固定，因此就会出现画面的压缩或者拉伸，因此我们需要固定页面的比例 假设我们制作的页面是16:9的，那么我们的页面有

[发财图床] 与LeanCloud交互 前言 在本项目中，我主要通过LeanCloud来实现Serverless，因此与后端的交互也是通过LeanCloud提供的API 代码实现 本项目中的交互较为简单，主要分为四个部分 用户注册 LeanCloud提供了注册的接口，只需要设置用户名和密码即可 12345678const user = new AV.User();user.setUsername(

[发财图床] Mobx升级v6引bug 前言 一直用Mobx v5，近期升级了v6之后网页全噶了，后来查询文档和自己实验后发现，需要增加一个makeAutoObservable(this)，属于是新特性，因此发上来给升级后发现相同问题的小伙伴避坑 旧版代码 原代码很长，这里简化了一下用于演示 12345678910class Store { @observable isLogin: b

[发财图床] React懒加载和加载中 前言 最近在做一个React+React Router+TypeScript+Mobx+LeanCloud的一个图床项目， 为了提高性能，在页面的展示中使用了懒加载，并做了一个加载页面，本文将记录一下实现过程 加载页面的制作 因为是在项目搭建骨架的时候制作的，所以有些草率，主要是那个意思 React懒加载 1234567891011121314151617

[静态服务器]用node写一个静态服务器 前言 使用node写一个简单的静态服务器，本项目主要使用了TypeScript 实现过程 HTTP请求和响应主要分为两个部分，头和体，通过请求头我们能得到用户传来了什么请求，又请求什么 可以看到用户发了一个GET请求，请求了/路径 因此我们只需要对不同的请求类型和请求地址响应不同的内容即可 首先我们创建一个服务器 1const server = http

[Cli Translator]用node写一个命令行翻译工具 前言 这是一个用node和TypeScript写的命令行工具，可以翻译中文或者英文单词，主要是实践用node发请求，目前已经发布npm和GitHub 使用方法 安装bald3r-node-cli-translator 12345npm i -g bald3r-node-cli-translatororyarn global add b

[Cli Todo]单元测试 前言 折磨一下这个命令行小工具，这里使用的是jest，主要的测试内容是文件的读写能力 测试流程 创建__tests__/db.spec.js 明确目标，我们需要测试fs的读写，因此要进行mock 创建__mocks__/fs.js 写测试代码 运行测试 大功告成 代码分析 通过jest.mock()对fs进行mock 1234//__te

[Cli Todo] 一个命令行todo工具 前言 bald3r-node-todo是一个用node.js开发的，主要用于命令行的todo工具，主要使用了fs模块，目前已经发布至npm 本工具主要使用了面向接口的编程思想，并用jest进行单元测试 链接 baIder/node-todo (github.com) bald3r-node-todo - npm (npmjs.com) 使用演示 首