摘要：
Nginx443绑定多域名 1. 修改nginx的配置文件 server { # 基于域名的虚拟主机 listen 443 ssl; server_name test1.abc.com; ssl_certificate /home/nginx/ssl/test1.abc.com.pem; ssl_c 阅读全文
posted @ 2024-02-27 11:33 且行且思 阅读(170) 评论(0) 推荐(0) 编辑
摘要：
<body> <div id="app"> <h2>总价：{{totalPrice}}</h2> </div> <script> const vm = new Vue({ el: "#app", data() { return { books: [ { id: 110, name: "JavaScr 阅读全文
posted @ 2024-02-22 08:32 且行且思 阅读(653) 评论(0) 推荐(0) 编辑
摘要：
Vue2中，可以通过this来获取当前组件实例； Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。 在Vue3中，getCurrentInstance()可以用来获取当前组件实例 vue3官方文档解释 let { proxy 阅读全文
posted @ 2024-02-21 08:37 且行且思 阅读(4498) 评论(0) 推荐(0) 编辑
摘要：
JS数组添加元素的三种方式 1、push() 结尾添加 数组.push(元素) 参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个元素。newelementX可选。可添加多个元素。 2、unshift() 头部添加 数组.unshift(元 阅读全文
posted @ 2024-02-06 09:06 且行且思 阅读(739) 评论(0) 推荐(0) 编辑
摘要：
1.单项目时自动关联：就是左侧只有一个项目时，自动关联定位。 2.点开悬浮菜单-与编辑器同步，选择总是关联，但项目多了，就会导致左侧项目目录树过长。 3.从HBuilderX 1.9.4起，默认策略调整为“单项目时自动关联”，如果有多个项目，默认不再自动关联， 所以可以在代码编辑区域内右键-在出现的 阅读全文
posted @ 2024-02-01 16:55 且行且思 阅读(23) 评论(0) 推荐(0) 编辑
摘要：
vue3使用v-viewer图片预览 v-viewer中文文档 安装 全局注册 main.js文件中 使用 v-viewer中文文档 安装 pnpm install v-viewer viewerjs 全局注册 main.js文件中 import Viewer from 'v-viewer' imp 阅读全文
posted @ 2024-01-31 15:25 且行且思 阅读(1101) 评论(0) 推荐(0) 编辑
摘要：
查看图片主要使用的旋转、翻转、缩放、上下切换、键盘操作等功能都有。 1、首先是安装 pnpm install v-viewer viewerjs 2、安装完在引用（还要记得引用它的css样式）下面有两种调用方式 <script lang="ts" setup> import Viewer from 阅读全文
posted @ 2024-01-31 11:11 且行且思 阅读(1727) 评论(0) 推荐(0) 编辑
摘要：
Windows 下配置 Nginx 使用多个conf 文件的Include 路径与Linux 有所不同。 如上： Windows : include ../conf.d/*.conf Linux: include /etc/nginx/conf.d/*.conf; 分别来看单个配置文件的内容： 总配 阅读全文
posted @ 2024-01-27 21:06 且行且思 阅读(859) 评论(0) 推荐(0) 编辑
摘要：
在做vue项目的时候，由于数据量比较多或是其他原因，前端调用接口数据的时候， 往往要等很久，我们一般会设置个超时，统一配置默认超时时间，当超过设置时间就向页面返回一个状态，让用户不用一直等。 timeout: 10 * 1000, // 等待时间为十秒 但是，当上传文件的时候，文件一旦大一些，就会超 阅读全文
posted @ 2024-01-25 15:33 且行且思 阅读(716) 评论(0) 推荐(0) 编辑
摘要：
Vue 项目的 index.html 文件在部署到生产环境时，很容易受到浏览器缓存影响，导致用户无法看到最新的页面。为了解决这个问题，有几种方法： 使用版本号：在构建项目时，设置打包后的文件名中包含版本号，比如 index.html?v=1.0，每次更新版本号即可避免缓存问题。 使用 meta 标签 阅读全文
posted @ 2024-01-24 10:28 且行且思 阅读(1784) 评论(0) 推荐(0) 编辑
摘要：
nginx配置 location ^~ /uploads/ {//图片文件路径 valid_referers blocked www.baidu.com;//允许访问的域名 if ($invalid_referer) { #rewrite ^/ http://www.hugwww.com/daoli 阅读全文
posted @ 2024-01-18 08:39 且行且思 阅读(123) 评论(0) 推荐(0) 编辑
摘要：
vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function 阅读全文
posted @ 2023-12-28 21:37 且行且思 阅读(230) 评论(0) 推荐(0) 编辑
摘要：
1. 背景 在开发过程中，有时我们会对同一个网站打开很多的浏览器标签页，比如 百度首页 页面，用来同时保存多个开发窗口，多个标签页内有不同的内容，但是多个标签页的名称是根据网站自动提取的，完全一样，我们可能无法区分，如下图： 此时我们很难区分每个标签页中的内容是什么，只能靠自己去记住顺序，很麻烦。如 阅读全文
posted @ 2023-12-27 08:32 且行且思 阅读(733) 评论(0) 推荐(0) 编辑
摘要：
在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: 阅读全文
posted @ 2023-12-26 09:29 且行且思 阅读(31) 评论(0) 推荐(0) 编辑
摘要：
How to delete a .git file from svn? 我创建了一个带有git仓库选项集的iOS项目，后来不得不转向SVN。 我将.git文件夹添加到SVN时并未将其删除。 现在，我删除了.git文件夹。 尝试从SVN存储库中删除它时，出现以下错误： 提交失败(详细信息如下)： " 阅读全文
posted @ 2023-12-23 10:02 且行且思 阅读(17) 评论(0) 推荐(0) 编辑
摘要：
Page<FwSjJbEntity> page1 = new Page<>(page,pageSize); LambdaQueryWrapper<FwSjJbEntity> queryWrapper = new LambdaQueryWrapper<>(); Page<FwSjJbEntity> j 阅读全文
posted @ 2023-12-21 21:39 且行且思 阅读(185) 评论(0) 推荐(0) 编辑
摘要：
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 阅读全文
posted @ 2023-12-21 11:13 且行且思 阅读(7347) 评论(0) 推荐(0) 编辑
摘要：
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo 阅读全文
posted @ 2023-12-21 09:12 且行且思 阅读(440) 评论(0) 推荐(0) 编辑
摘要：
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp 阅读全文
posted @ 2023-12-21 08:53 且行且思 阅读(884) 评论(0) 推荐(0) 编辑
摘要：
适用场景： img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。 Bug原因： Vite打包只会处理静态src路径，动态src路径只会原样保留。 <!-- 静态src会被处理为正确地址 --> <img src="@/assets/xx.png" /> 阅读全文
posted @ 2023-12-21 08:45 且行且思 阅读(2237) 评论(0) 推荐(0) 编辑
摘要：
vben-admin 网址 介绍 | Vben Admin (vvbin.cn) https://doc.vvbin.cn/guide/introduction.html #从 GitHub 获取代码 git clone https://github.com/vbenjs/vue-vben-admi 阅读全文
posted @ 2023-12-07 22:06 且行且思 阅读(393) 评论(0) 推荐(0) 编辑
摘要：
一、使用node命令查询版本信息 node命令提供了一个参数-v，可以在控制台中输出Node.js版本信息。在终端中输入以下命令即可查询Node.js版本： 使用以下命令可以列出当前系统中已经安装的所有Node.js版本： $ nvm ls 阅读全文
posted @ 2023-12-07 22:04 且行且思 阅读(2230) 评论(0) 推荐(0) 编辑
摘要：
1. 场景 Where 以我当前所在的项目组为例，有四个前端开发工程师。每个人在安装依赖的时候方式不一，我习惯用 cnpm install，别人习惯用 yarn install 或 npm install。这样的场景下，可能存在每个人所处的开发环境的依赖包不同。因此，可以试图用工具去规范团队： on 阅读全文
posted @ 2023-11-30 23:59 且行且思 阅读(196) 评论(0) 推荐(0) 编辑
摘要：
TypeScript是一种由微软开发的自由和开源的编程语言。 它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。 ts 支持类型支持，ts = type +JavaScript。 阅读全文
posted @ 2023-11-30 23:51 且行且思 阅读(16) 评论(0) 推荐(0) 编辑
摘要：
报错截图如下： 解决办法： 1、通过 nvm uninstall [version] 命令将已经安装的 node 版本依次删除。 [version] 代表 node 版本号。 2、找到 nvm 安装位置， 卸载 nvm , 安装最新版本 nvm。我目前安装nvm1.1.12 双击 nvm 目录中的 阅读全文
posted @ 2023-11-29 15:45 且行且思 阅读(592) 评论(0) 推荐(0) 编辑
摘要：
Vben Admin 安装依赖时 husky 安装失败 请查看你的源码是否从 github 直接下载的，直接下载是没有 .git 文件夹的，而 husky 需要依赖 git 才能安装。此时需使用 git init 初始化项目，再尝试重新安装即可。 在你要做的项目的文件夹中，空白区域右击鼠标，属性-安 阅读全文
posted @ 2023-11-29 15:36 且行且思 阅读(385) 评论(0) 推荐(0) 编辑
摘要：
一、NVM版本管理环境安装配置 1.nvm for windows安装包下载地址： 地址：https://github.com/coreybutler/nvm-windows/releases 点击nvm-setup.exe进行下载 2.安装nvm 选择NVM安装路径，路径名称不要有空格，然后点击n 阅读全文
posted @ 2023-11-29 11:17 且行且思 阅读(1838) 评论(0) 推荐(0) 编辑
摘要：
1、出现这个情况时，扪心自问，用nvm安装新的nodejs后是否有执行这个命令：nvm use [nodejs version name] nvm use v10.15.3 2、如果已经执行了上述命令但还是报node不是内部命令云云，那么先检查 环境变量：NVM_SYMLINK 目录是否可用，一般来 阅读全文
posted @ 2023-11-29 10:44 且行且思 阅读(3354) 评论(0) 推荐(0) 编辑
摘要：
npm (Node Package Manager) 是 Node.js 的包管理器，可以让开发人员更方便地安装、上传、管理和共享代码包。而要使用 npm，当然就需要先安装 Node.js，下面就来讲讲如何通过 npm 安装 nodejs。 在 Windows 上安装 nodejs，可以直接下载 N 阅读全文
posted @ 2023-11-29 10:23 且行且思 阅读(159) 评论(0) 推荐(0) 编辑
摘要：
一、改前端 加入格式化： value-format="yyyy-MM-dd HH:mm:ss" <el-date-picker v-model="formValidate.pastDueTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" 阅读全文
posted @ 2023-11-23 10:42 且行且思 阅读(1046) 评论(0) 推荐(0) 编辑
摘要：
Maybatis-Plus lambdaQuery和mapper中EQ、NE、GT、LT、GE、LE的用法及详解 实体 当前实体如下，后续代码示例都用该实体； @Data @TableName("user_info") @ApiModel(value = "UserInfo对象", descript 阅读全文
posted @ 2023-11-22 10:34 且行且思 阅读(2180) 评论(0) 推荐(0) 编辑
摘要：
引入依赖 首先在项目中引入引入依赖坐标，因为mpj中依赖较高版本mybatis-plus中的一些api，所以项目建议直接使用高版本。 maven <dependency> <groupId>com.github.yulichang</groupId> <artifactId>mybatis-plus 阅读全文
posted @ 2023-11-22 10:28 且行且思 阅读(435) 评论(0) 推荐(0) 编辑
摘要：
Mapper写法： @Select("SELECT * FROM tableA a LEFT JOIN tableB b on a.key = b.key ${ew.customSqlSegment}") List method1(@Param(Constants.WRAPPER) QueryWra 阅读全文
posted @ 2023-11-21 17:34 且行且思 阅读(2222) 评论(0) 推荐(1) 编辑
摘要：
以书籍整理为例，书籍是一个单独的表，书籍类别是另一个表，通过书籍通过类别的ID可以查询到书籍类别的具体名称，下面分享一下代码： //mapper IPage<BookInfo> selectBookPage(IPage<BookInfo> page, @Param(Constants.WRAPPER 阅读全文
posted @ 2023-11-21 17:19 且行且思 阅读(345) 评论(0) 推荐(1) 编辑
摘要：
目录Easy Trans1、适用场景2、easy trans 支持的五种类型3、环境搭建4、简单翻译（TransType.SIMPLE）5、字典翻译（TransType.DICTIONARY）6、跨微服务翻译（TransType.RPC）7、自定义数据源翻译（TransType.AUTO_Tranc 阅读全文
posted @ 2023-11-21 17:15 且行且思 阅读(1502) 评论(0) 推荐(0) 编辑
摘要：
List过滤的三种方式： 通过java8中filter过滤器进行过滤 通过For循环遍历过滤 通过ForEach遍历过滤 public class FilteringList { /** * 通过java8中filter过滤器进行过滤 * @param userList * @return */ p 阅读全文
posted @ 2023-11-21 11:18 且行且思 阅读(498) 评论(0) 推荐(1) 编辑
摘要：
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; ev 阅读全文
posted @ 2023-11-21 08:33 且行且思 阅读(64) 评论(0) 推荐(0) 编辑
摘要：
Nginx启动 启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。 启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://loca 阅读全文
posted @ 2023-11-20 08:40 且行且思 阅读(350) 评论(0) 推荐(0) 编辑
摘要：
概述Minio是GlusterFS创始人之一Anand Babu Periasamy发布新的开源项目。Minio兼容Amason的S3分布式对象存储项目，采用Golang实现，客户端支持Java、Python、Javacript、 Golang语言。 MiniO 是一个基于Apache Licens 阅读全文
posted @ 2023-11-15 10:51 且行且思 阅读(990) 评论(0) 推荐(0) 编辑