项目运行时出现端口被占用的问题一键解决

一些基于buildAdmin的基础开发笔记。

BuildAdmin页面分为前台页面和后台页面，前台页面的路径一般为根目录，即页面进入后直接就可以访问到前台页面，后台页面一般为/admin开头，所以我们在部署到服务器后常常要配置伪静态规则来匹配页面的接口请求，否则无论前后台页面均会出现接口访问失败。

小插曲：在安装时提示build失败，后续提示 缺少autoprfixer,是因为项目的web目录下的前端项目缺少了postcss.config.js文件。上述准备做完后，打开文件夹，在cmd命令行中输入composer install，然后输入。如果你没有下载php、mysql、Apache、Nginx等软件，小皮可以一键下载。选择简体中文，npm包管理选择（新手选择）pnpm开始安装，如果是。我这里下载的是v8.1版本，可以根据自己的需要下载合适的版本。立即安装，安装期间请勿刷新浏览器。

在开发时，遇到了页面刷新后swiper显示异常、滑动出错的问题。初步分析认为可能是Swiper的CSS样式在页面刷新后丢失，导致布局和功能异常。为了解决这个问题，手动添加了缺失的CSS样式，包括设置overflow: hidden、display: flex和flex-shrink: 0等属性，并重新定义了swiper-wrapper的类名。通过这些调整，Swiper的功能恢复正常

若依定时任务的配置。定义了bean为autoController，并调用其中的autoAdd方法。

若依前后端分离项目部署详解。ruoyi前后端分离项目部署。宝塔服务器部署操作。ruoyi宝塔部署。ruoyi宝塔配置。服务器配置。域名配置。java项目部署。部署后页面访问失败。java项目部署失败。ruoyi-admin部署宝塔。jar包部署服务器。jar包部署若依分离。宝塔操作截图。

计算属性（computed properties）是基于它们的依赖进行缓存的响应式属性。只有当相关依赖发生改变时，计算属性才会重新求值。

在Vue中，Vue Router是官方的路由管理器，它提供了多种路由模式来管理应用的路由。Hash模式是使用URL中的hash部分（即#后面的内容）来管理路由。例如：http://www.abc.com/#/vue，其中的#/vue就是hash值。History模式使用HTML5的History API（如pushState和replaceState）来管理路由。它通过修改URL的路径部分来实现路由的切换，而不再依赖于URL的hash部分。

在Vue中，Vue Router是官方的路由管理器，它提供了多种路由模式来管理应用的路由。Hash模式是使用URL中的hash部分（即#后面的内容）来管理路由。例如：http://www.abc.com/#/vue，其中的#/vue就是hash值。History模式使用HTML5的History API（如pushState和replaceState）来管理路由。它通过修改URL的路径部分来实现路由的切换，而不再依赖于URL的hash部分。例如：http://www.abc.com/vue。

vue现在使用率极高，但是由于经常基于公司项目或开源项目二开，以至于对创建vue项目记忆十分模糊，刚好此次有需要创建，于是在这里做一下记录。

项目场景：[Vue warn]: : v-model is not supported on this element type. If you are working with contenteditable, it’s recommended to wrap a or with the contenteditable attribute inside a custom component.

在 Vue 应用中，当我们在模板中使用 v-for指令来循环一个对象的属性时，必须确保该属性在数据对象中已经被正确定义和初始化。例如，如果你的模板试图循环 form.list，你需要在Vue 组件的 data 函数中提前定义 form 对象，并确保 list 是一个数组（即使是一个空数组）。在上面的例子中，如果 form 初始化为一个空对象 {}，而没有 list 属性，那么在模板中尝试使用 v-for=“item in。

在JavaScript的开发过程中，很多开发者可能会遇到一种令人困惑的现象：当你将一个对象直接赋值给另一个变量后，修改新变量的属性时，原对象的相应属性竟然也会被更改。这个陷阱源于JavaScript中对象的赋值机制，本文将对此进行详细的解释，并通过代码示例展示其原理。

JavaScript作为一门灵活且功能强大的编程语言，包含了许多可能让初学者或经验不足的开发者感到困惑的特性。以下例举一些

el-cascader多选并可搜索时，搜索框数据显示异常的问题。

cover 裁剪后填满，图片会丢失边缘内容，但是保留主体。scale-down 和contain挺像的。contain 填不满，但是不变性。none则图片保持原大小。

根据条件修改验证规则:el-form中若A为空，则B可为空，若A有值，则B必填,动态改变B的验证规则。

监听可视窗口区域变化时，如框架侧边栏隐藏。隐藏侧边栏，空白区域增加，resize的图却没有变大。隐藏后展开侧边栏，空白区域减少，resize的图变得更大，这显然是不合理的。

【代码】AVue中form表单添加自定义按钮并触发回调函数。

【代码】常用正则表达式整理。