- 博客(103)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 如何配置本地git
然后登录到你的代码托管平台（如 GitHub、GitLab 等），在设置中找到 SSH 密钥管理，添加复制的公钥。如果你想针对特定仓库设置不同的用户信息，可以在该仓库目录下去掉 --global 参数执行上述命令。这里将默认编辑器设置为 Vim，你可以根据自己的喜好替换为其他编辑器，如 nano、emacs 等。安装完成后，需要配置你的用户名和邮箱，这两个信息会在每次提交代码时被记录。这会在 ~/.ssh 目录下生成 id_rsa（私钥）和 id_rsa.pub（公钥）两个文件。
2025-03-20 18:44:49
195
原创 v-form标签里的:rules有什么作用。如何定义。
例如，可以验证输入是否为空、是否符合特定的格式（如邮箱格式、电话号码格式等），以及输入的长度是否在规定范围内等。validator：指定一个自定义的验证函数，该函数接收三个参数：rule（当前的验证规则）、value（当前表单项的值）和 callback（用于返回验证结果的回调函数）。在自定义验证函数中，你可以编写复杂的验证逻辑，并通过 callback 函数返回验证结果。trigger：指定触发验证的事件，常见的值有 blur（失去焦点时验证）和 change（值改变时验证）。2. 自定义验证规则。
2025-03-20 15:51:46
121
原创 如果数据是[{a:‘‘,b:‘‘},{}]形式的，如何watch到a,b的变化.除了深度监听还有什么方法
在 Vue 3 的 <script setup> 中，若要 watch 监测形如 [{a:'',b:''},{}] 这样数组里对象的 a 和 b 属性的变化，可以使用深度监听（deep 选项），不过要注意深度监听会带来一定的性能开销，因为它会递归地监听对象的所有属性。若你只想关注 a 和 b 属性的变化，可以手动创建一个计算属性来追踪这些属性，然后监听这个计算属性。此方法会监听数组中所有对象的所有属性变化，当 a 或 b 属性变化时，回调函数会被触发。方法三：分别监听每个对象的 a 和 b 属性。
2025-03-20 08:14:55
74
原创 vue里localStorage可以直接用吗
在 Vue 项目里能够直接使用 localStorage，因为 localStorage 是浏览器提供的 Web Storage API 的一部分，它独立于 JavaScript 框架，所以可以在 Vue 项目的任何地方使用，包括组件的模板、script 标签内部，无论是 Vue 2 还是 Vue 3 都适用。localStorage 存储的数据会一直保留在浏览器中，除非手动删除，并且存储大小通常限制在 5MB 左右。在使用 localStorage 时，要注意数据的安全性，避免存储敏感信息。
2025-03-20 08:08:58
56
原创 watch方法在vue3setup中的应用
在 Vue 3 的 <script setup> 语法糖中，watch 方法用于响应式地追踪一个或多个数据源，并在数据源发生变化时执行回调函数。第二个参数是回调函数，当 count 的值发生变化时，该回调函数会被调用，并且会传入新值和旧值。如果你需要监听一个对象的某个属性的变化，可以使用一个 getter 函数作为 watch 的第一个参数。回调函数的第一个参数是新值数组，第二个参数是旧值数组，它们的顺序与监听的数据源顺序一致。watch 方法的第一个参数可以是一个数组，用于同时监听多个数据源。
2025-03-20 08:04:22
227
原创 已经app.use(ElLoading)了，还用在组件里再import引入吗
如果你使用的是 ElementPlus 提供的 v-loading 指令来显示加载效果，通常不需要额外引入 ElLoading，因为 app.use(ElLoading) 全局注册后，v-loading 指令已经在全局可用。综上所述，是否需要在组件里 import 引入 ElLoading 取决于你具体的使用方式：如果使用 ElLoading.service 手动创建加载实例，就需要引入；如果你要使用 ElLoading.service 手动创建加载实例，那么需要在组件中引入 ElLoading。
2025-03-20 07:58:28
56
原创 vue3 setup中访问全局变量还用加this吗。原来在组合式API中，需要用this.$loading。在setup中怎么用
在 Vue 3 的 <script setup> 语法糖里，不存在 this 这个概念，因为 <script setup> 是一种更简洁的语法，它会自动将内部的变量和函数暴露给模板，并且不需要显式定义 setup 函数。在创建 Vue 应用时，可提前把全局属性挂载到 app.config.globalProperties 上，然后在 <script setup> 里直接导入使用。使用 provide 和 inject 可以更优雅地在组件间共享数据，避免直接访问全局属性带来的耦合问题。组件文件（注入数据）
2025-03-20 00:10:47
213
原创 将对象内的键值转换为响应式变量后，在setup函数中用这些属性的时候为什么不用像ref那样加value
在 Vue 3 里，ref 和 reactive 都是用来创建响应式数据的，但它们的使用方式和实现原理有所不同，这就导致了在访问响应式数据时，ref 需要通过 .value 来访问，而 reactive 不需要。
2025-03-20 00:08:11
79
原创 created在vue3 script setup中的写法
而在 Vue 3 的 <script setup> 语法糖里，不再有像 Vue 2 那样直接使用 created 钩子的写法，不过可以借助 onBeforeMount 或者 onMounted 来达到类似的效果。在 Vue 3 的 <script setup> 里，虽然没有直接的 created 钩子，但可以使用 onBeforeMount 来模拟 created 钩子的功能。若需要在挂载后执行操作，则可以使用 onMounted 钩子。替代 created 的生命周期钩子。
2025-03-20 00:05:39
118
原创 Vue3.如何把一个对象内的键值变成响应式变量
在 Vue 3 中，若要把 tables 对象里的内容作为变量声明并使用，可借助 reactive 或者 toRefs 来达成。
2025-03-20 00:04:17
191
原创 scrollIntoView 的behavior都有哪些属性
behavior: "auto" 适合需要元素快速滚动到可见区域，不希望有动画效果的场景。behavior: "smooth" 适合需要给用户提供更友好、自然的滚动体验的场景，尤其是在需要用户关注滚动过程的交互中。在实际使用 scrollIntoView 方法时，你可以根据具体的需求来选择合适的 behavior 属性值。
2025-03-19 23:59:28
223
原创 defineAsyncComponent和一般的import有什么区别
一般的 import：适用于在应用启动时就需要立即使用的组件，代码简单直接，但可能会增加初始加载的文件大小。defineAsyncComponent：适用于按需加载的组件，可以提高应用的性能和响应速度，同时提供更灵活的错误处理和加载状态管理。
2025-03-19 23:53:46
294
原创 table height:100%.里面包含两个＜tr＞第一个tr 高度定为60.第二个tr.撑满剩余的高度
要实现表格里第一个 tr 高度固定为 60px，第二个 tr 撑满剩余高度，并且表格整体高度为 100%，可以使用 CSS 的 flexbox 或者 grid 布局，不过对于表格，更合适的做法是结合 table-layout 和 height 属性来实现。这样，第一个 tr 高度固定为 60px，第二个 tr 会自动撑满表格剩余的高度。
2025-03-19 23:46:53
150
原创 ＜table＞内有两行＜tr＞，第一行设定高度为60，剩余第二行，和右侧元素高度补齐。
实现 <table> 内第一行高度设定为 60px，第二行和右侧元素高度补齐的效果，你可以通过 CSS 样式来控制。第二行，设置高度为100%即可。
2025-03-19 23:35:51
294
原创 li 能否用:span=““这种样式
li是 HTML 原生标签，不像 ElementPlus 的 el-col 组件那样支持 :span 属性。不过，你可以通过 CSS 来模拟 :span 的效果，实现对 li 元素宽度的控制。使用 flex-basis 或 width 属性结合 calc 函数来根据总列数和间隔计算每个 li 元素的宽度。确保 ul 元素使用 display: flex 和 flex-wrap: wrap 来实现换行布局。代码示例。
2025-03-19 23:32:42
95
原创 为什么 flex-wrap不能自动换行
在 ElementPlus 里，el-row 和 el-col 构建的布局默认是基于 Flexbox 布局的。添加 flex-wrap: wrap 理论上能让元素在空间不足时换行，不过可能会因为其他 CSS 样式的影响而无法正常换行。CSS 样式冲突：其他 CSS 样式也许会影响 el-row 和 el-col 的布局。父容器宽度不够：如果父容器宽度不足以让 el-col 元素水平排列，它们就会垂直排列。查看是否有其他 CSS 样式影响了 el-row 和 el-col 的布局。
2025-03-19 23:27:31
122
原创 el-row和el-col必须搭配使用吗
单独使用 el-col：el-col 一般是和 el-row 搭配使用的，但在某些情况下，你也可以单独使用它。不过，脱离了 el-row，el-col 的 span 属性就不会起作用，它会像普通的块级元素一样显示。在 ElementPlus 中，el-row 和 el-col 并非必须搭配使用，不过它们通常会一起用，以实现灵活的网格布局。综上所述，el-row 和 el-col 搭配使用能够发挥出 ElementPlus 网格布局的优势，要是你不需要复杂的网格布局，也可以单独使用它们。
2025-03-19 23:24:22
34
原创 return promise.reject(response)和return response有什么区别
return response 用于将响应数据正常传递给后续的 then 方法，继续执行成功逻辑。return Promise.reject(response) 用于将响应数据作为错误信息传递给后续的 catch 方法，执行错误处理逻辑。
2025-03-19 16:26:19
263
原创 使用 request 的 axios 状态码分析
修改 validateStatus 配置：适用于你希望将更多状态码视为成功响应的情况，这样可以让这些状态码的响应进入 response 回调进行统一处理。在 error 回调中处理：适用于你只想对特定状态码（如 400）进行特殊处理，而不改变 axios 对成功状态码的默认判断逻辑。你可以根据实际需求选择合适的解决办法。
2025-03-19 16:11:07
238
原创 ＜el-form ＞ref数据监测不到的原因
container.value.addEventListener is not a function 错误，是因为 container 作为 el - form 组件的 ref，container.value 拿到的是组件实例，而非原生 DOM 元素，而 addEventListener 是原生 DOM 元素的方法。你若写成 container.value.addEventListener 就会报错。正确做法是使用组件实例的 $el 属性获取底层 DOM 元素，然后再添加事件监听器。
2025-03-19 15:19:07
252
原创 table有一列，高度100%,有两行，第一行高度60，第二行撑满剩余高度
【代码】table有一列，高度100%,有两行，第一行高度60，第二行撑满剩余高度。
2025-03-17 11:44:41
101
原创 安装electron踩过的坑
1.新建项目文件夹。进入cmd，定位到新建文件夹。或在文件夹内直接shift+命令提示符。1.1安装时报错。err1等一长串错误。npm install electron --save-dev使用此命令安装不成功npm install --save-dev electron使用此命令似乎能安装，但是等待时间太长了。也放弃了。最后使用npm install --arch=ia32 --platform=win32 electron似乎安装成功。验证一下
2022-02-13 13:57:08
868
原创 THINKPHP利用redis更新数据库表
一、common.php<?php// 应用公共文件use think\cache\driver\Redis;use think\facade\Db;/** * @param $key [待删除的redis中的键，可以理解为虚拟表名] */function delRedis($key){ $redis=new Redis(); $redis->delete($key); }/** * @param $key [待更新或创建的
2022-02-11 16:13:22
934
原创 div随鼠标拖动
<!DOCTYPE html><html> <head> <meta charset="{utf-8}"> <title></title> <script src="../jquery-3.2.0.js"></script> <style> .aa{ height: 10.
2022-01-24 12:30:29
379
原创 thinkphp6连接oracle
1.服务器安装oracle，后配置环境变量，及监听。2. 下载PHP的OCI扩展到https://windows.php.net/downloads/pecl/releases/oci8/2.2.0 下载对应PHP版本的OCI8扩展，PHP v7.3.13 x64 TS版因下载php_oci8-2.2.0-7.3-ts-vc15-x64.zip解压php_oci8-2.2.0-7.3-ts-vc15-x64.zip，将其中php_oci8.dll、php_oci8_11g.dll、 php_
2022-01-21 17:14:08
729
原创 php多维数组排序
1.二维数组，提取某一列的值array_column(PHP 5 >= 5.5.0, PHP 7, PHP 8)array_column — 返回输入数组中指定列的值说明array_column(array $array, int|string|null $column_key, int|string|null $index_key = null): arrayarray_column() 返回 array 中键名为 column_key 的一列值。 如果指定了可选参数 in
2022-01-11 12:03:40
2844
原创 向layui模块中添加sorable
1.拖拽时跳出新的tab.添加以下代码<script>document.body.ondrop = function (e) {e.preventDefault();e.stopPropagation();}</script>2.向某个模块中添加render(){!function(t){"use strict";if()....}(sort)},sort(){sortable主函数}3.引用时，先运行render();
2022-01-10 18:17:05
395
原创 css 背景url带括号不显示的问题
圆括号冲突，加上引号引用url地址解决： background-image: url('[http://xxxxxxxxx-(1)-600x600.jpg'][http_x
2021-12-29 18:54:51
498
原创 thinkphp6 使用 jwt 生成 token 中间件验证token
一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。1、用户向服务器发送用户名和密码。2、服务器验证通过后，在当前对话（session）里面保存相关数据，比如用户角色、登录时间等等。3、服务器向用户返回一个 session_id，写入用户的 Cookie。4、用户随后的每一次请求，都会通过 Cookie，将 session_id 传回服务器。5、服务器收到 session_id，找到前期保存的数据，由此得知用户的身份。这种模式的问题在于，扩展性（scalin.
2021-12-12 16:53:42
4201
3
转载 thinkphp6使用最新版本composer后多应用模式提示路由不存在
今天使用composer安装了一个PHPMailer，然后写完之后发现访问页面一直提示路由不存在，因为今天没有操作这个 项目只composer了一下，怀疑是composer的问题，换了一个测试项目发现也出现这个问题解决方法为，在vendor文件夹下面的services.php文件的return 的array是空的。我找的之前正常时候的备份复制过来就好了...
2021-12-12 12:22:09
696
转载 thinkphp扩展插件
列表数据格式依次为：描述 插件（或扩展）Composer包名 —— 仓库地址请使用composer require Composer包名安装插件或扩展数据库 数据库迁移工具 topthink/think-migration —— https://github.com/top-think/think-migration ORM类库 topthink/think-orm —— https://github.com/top-think/think-orm Oracle驱动 topthi
2021-12-12 10:49:27
684
原创 phpstorm 无法启动此程序，因为计算机中丢失api-ms-win-crt-stdio-l1-1-0.dll。怎么解决
系统windows server 2012 r2启动phpstorm 时提示此错误安装VC++2015-64bit+32bit后症状消失此文件丢失可以安装VCredit.exe程序解决。可以到system32文件夹检查，看看是否已有这个文件，必要时候可以先删除掉。有些软件是自身文件夹内会有此文件，可以从网上下载再试或者重新安装客户端。设计人员通常用草图开始设计，将草图变为工作图的繁重工作可以交给计算机完成；由计算机自动产生的设计结果，可以快速作出图形，使设计人员及时对设计做出判
2021-12-02 08:46:43
1397
原创 php,nginx配置重定向，rewrite
需求，将http://localhost:80/index/abc rewrite为http://localhost:80/aaa.php/abc访问网站时只输入http://localhost:80/index/abc经过nginx rewrite后，重定访问路径为：http://localhost:80/abc.php/abcrewrite指令的功能就是，使用nginx提供的全局变量或自己设置的变量，然后结合正则表达式和标志位实现url重写以及重定向。rewrite指令只能放...
2021-11-20 10:17:01
4852
原创 php函数注释规范
/*** @name 名字* @abstract 申明变量/类/方法* @access 指明这个变量、类、函数/方法的存取权限* @author 函数作者的名字和邮箱地址* @category 组织packages* @copyright 指明版权信息* @const 指明常量* @deprecate 指明不推荐或者是废弃的信息MyEclipse编码设置* @example 示例* @exclude 指明当前的注释将不进行分析，不出现在文挡中* @final 指明这是一个最终的类、方.
2021-11-07 15:54:11
369
原创 thinkphp 无法返回汉字Malformed UTF-8 characters, possibly incorrectly encoded
thinkphp 无法返回汉字,是因为文件没有以utf8保存！！！！找了多个地方，thinkphp版本,composer版本。结果都不是。如何把thinkphp以utf8保存呢。phpstorm竟然没有找到。在notepad++找到了有编码转变的菜单...
2021-11-06 23:38:41
645
原创 thinkphp6读取不到session
新建的项目。出现此情况。于是搜了一下。解决方法如下：找到项目路径 ：app\middleware.php将默认的session初始化开启即可// Session初始化\think\middleware\SessionInit::class如果还是不行：官方的答复是：session写入之后不能有exit或者die等中断操作...
2021-11-03 13:32:56
1244
原创 composer回滚，升级thinkphp框架
composer self-update --rollback to return to version 1.8.5
2021-11-03 09:55:27
1088
原创 验证数字的正则表达式集
验证数字的正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][0-9]*$验证非零的负整数：^\-[1-9][0-9]*$验证非负整数（正整数 + 0）...
2021-10-29 18:43:16
107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人