gitworktree介绍 gitworktree 是Git命令，用于管理多分支工作区。 使用场景： 同时维护不同分支，隔离分支依赖差异：从原有项目开辟一个分支作为另一个新项目，当两个项目依赖差距越来越大时，每次切换分支后都需要重新安装依赖。通过gitworktree可以隔离两个分支的依赖，并且两个分支可以互相merge、cherry-pick。 多个分支同步开发：允许在同一存储库中的不同分支上同时进行工作，而不需要频繁切换分支，这对于需要同时处理多个功能或修复多个bug的情况非常有用。 进行实验性更改：在不影响主工作目录的情况下，尝试进行实验性的更改或调试。 同时进行长期和短期任...

安装react-native-fs npm npminstallreact-native-fs--save yarn yarnaddreact-native-fs 安卓配置 android/settings.gradle ... include':react-native-fs' project(':react-native-fs').projectDir=newFile(settingsDir,'../node_modules/react-native-fs/android') android/app/build.gradle ... dependencies{ ... imp...

写入剪切板 使用clipboard.js第三方插件： clipboard.js 安装clipboard.js yarn yarnaddclipboard npm npminstallclipboard--save 使用示例（vue） <template> <div> <spanv-copy>复制这段文本</span> </div> </template> <script> importClipboardJSfrom"clipboard"; exportdefault{ directives:{ ...

官网 Mongoose.js中文网(mongoosejs.net) 基本使用 安装 最新的是mongoose8.0.0版本，基于Promise，以前的版本是基于回调函数。 npm npmimongoose yarn yarnaddmongoose 使用 以mongoose8.0.0举例： //1-引入mongoose constmongoose=require("mongoose"); //2-连接数据库 mongoose .connect("mongodb://127.0.0.1:27017/test") .then(()=>{ console.log("数据库连接成...

在src目录下新建一个文件夹models，用来存放数据模型和操作数据库的方法。 在models目录下新建一个文件user.js，用来管理用户信息相关的数据库操作。 相关的数据模型和数据库操作方法，最后通过module.exports暴露出去。 mongoose版本8.0.0 1-创建结构 constmongoose=require("mongoose"); constuserSchema=newmongoose.Schema( { id:{ type:Number, index:true, unique:true, }, name:String, }, { versionKey:fal...

命令行交互 命令行交互一般是学习数据库的第一步，不过这些命令在后续用的比较少，了解即可。 角色命令 创建角色 useadmin db.createUser({"user":"root","pwd":passwordPrompt(),"roles":[{role:"role",db:"<database>"}|"root"]}) 校验用户 db.auth("user",passwordPrompt()) 数据库命令 显示所有的数据库 showdbs 切换到指定的数据库，如果数据库不存在会自动创建数据库 use数据库名 显示当前所在的数据库 db 删除当...

一、简介 1.1Mongodb MongoDb是一个基于分布式文件存储的数据库，官方地址https://www.mongodb.com/ 1.2数据库 数据库(DataBase)是按照数据结构来组织、存储和管理数据的应用程序。 作用：数据库的主要作用就是管理数据，对数据进行增(c)、删(d)、改(u)、查(r)。 核心概念： 数据库（database）数据库是一个数据仓库，数据库服务下可以创建很多数据库，数据库中可以存放很多集合。 集合（collection）集合类似于JS中的数组，在集合中可以存放很多文档。 文档（document）文档是数据库中的最小单位，类似于JS中的对象。 一般情...

1-安装MongoDB 在面板中的【软件商店】搜索MongoDB并安装，推荐下载4.x以上的版本（可视化工具MongoDBCompass对高版本兼容比较好）。 下载完成后，可以点击【设置】，【版本切换】，对MongoDB版本进行切换。 2-配置 (1)mongodb配置 在【配置项中】，对监听IP和监听端口进行配置。 监听IP：由127.0.0.1设置为0.0.0.0，放开IP限制。 监听端口：默认27017端口。可以自定义设置端口（建议500165535间）。注意需要在服务器安全组和宝塔面板安全组放行监听的端口。 在【配置文件】中，根据需要选择是否启用权限验证。 authoriz...

1-npm注册账号 访问npm官网注册账号，邮件验证激活账号 npm官网 2-项目npm配置 在项目下打开终端，初始化npm npminit-y 此时项目下会生成package.json配置文件，可以在里面修改配置。 3-登录npm账号 注意：这里开始不要使用npm镜像，否则发包会失败。 如果使用了镜像，可以输入下面指令还原： npmconfigsetregistryhttps://registry.npmjs.org/ 登录，终端输入： npmlogin 此时提示键入enter回车，打开浏览器填写登录信息。 4-发包 npmpublish 发包成功，会显示+包名@版本号 如果发...

背景 在lodash函数工具库中，防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func,[wait=0],[options=]) 创建一个debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后调用 func 方法。 参数 func (Function):要防抖动的函数。 [wait=0] (number):需要延迟的毫秒数。 [options=] (Object):选项对象。 [options.leading=false]...

Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。 比起Vue实例上的EventBus，mitt.js好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或者Vue，甚至jQuery项目都能使用同一套库。 安装 使用yarn安装 yarnaddmitt 或者通过npm安装 npminstall--savemitt 官方使用案例 importmittfrom'mitt' constemitter=mitt() //listentoanevent emitter....

优雅解决方案在最下面，小伙伴们儿可以直接前往😊 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： <template> <div> <!-动态绑定图片资源--> <img:src="img_src"> </div> </template> <scriptsetup> import{ref}from'vue'; //静态图片资源 constimg_src=ref('./1.jpg'); </script> 实际效果是这样： 原因分析 我们注意到，控制...

背景 再很多场景中，我们可能想在子组件中修改父组件的数据，但事实上，vue不推荐我们这么做，因为数据的修改不容易溯源。 Vue2写法 在vue2中，我们使用.sync修饰符+自定义事件'update:xxx'，来使父子组件数据同步。 //父组件 <template> <div> <h2>我是父组件，我有{{money}}¥</h2> <hr> <!-这里使用.sync修饰符，使子组件pmoney与父组件money同步--> <Son:pmoney.sync="money"/> </div> ...

背景 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦： 对于这种组件使用结构，vue3给我们提供了另外一种传参方式，那就是依赖注入。一个父组件相对于其所有的后代组件，会作为依赖提供者(provide)。任何后代的组件树，无论层级有多深，都可以注入(inject)由父组件提供给整条链路的依赖。 基础使用 依赖提供者provide() provide的使用非常简...

在vue3中，可以使用vue3的APIdefineExpose()函数结合ref或者$parent，实现父子组件数据的传递。 子组件向父组件传递数据defineExpose()和ref 子组件：通过defineExpose()函数，向外暴露响应式数据或者方法 //src/components/son.vue <template> <div> <h1>儿子有${{son_money}}</h1> </div> </template> <scriptsetuplang="ts"> import{ref}fro...

温馨提示：本文以vue3+vite+ts举例，vite配置和ts语法侧重较少，比较适合有vuex或者vue基础的小伙伴们儿查阅。 安装pinia yarn yarnaddpinia npm npminstallpinia pnpm pnpmaddpinia 1-开始 方式一：在main.ts中直接引入pinia 在src/main.ts中引入pinia（根存储），并传递给应用程序。 import{createApp}from'vue' import'./style.css' importAppfrom'./App.vue' //1-创建一个pinia（根存储） impo...

以下是一些Pinia的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorage 来将状态保存在客户端。 插件系统：Pinia允许你编写自定义插件，以扩展和定制状态管理功能。你可以创建插件来处理持久化、日志记录、错误处理等任务，以适应你的特定需求。 响应式解构storeToRefs() 背景 在组件中访问仓库state,getters,a...

背景 在做管理台项目时，我们会经常使用到表单+表格+弹窗表单的组合，以完成对数据的增、删、查、改。 在vue2+elementui项目中，使用弹窗dialog+表单form，实现对数据的添加和修改。 每次关闭弹窗时，使用resetFields方法对表单进行重置。 下一次打开弹窗时， 如果是添加数据，那么会呈现空的表单。 如果是修改数据，那么表单上已预填好了数据。 很多小伙伴可能会遇到表单重置的初始值问题，如图。 问题具体描述为：每次关闭弹窗时，表单不是重置为我们设置的空数据，而是重置为在该页面上第一次打开弹窗时表单的数据。 这意味着，如果我们进入页面后第一次打开的是修改弹窗，那么以后...