问题toref vue3 vue
30 29 | 如何判断一个数据库是不是出问题了？
我在第25和27篇文章中，和你介绍了主备切换流程。通过这些内容的讲解，你应该已经很清楚了：在一主一备的双M架构里，主备切换只需要把客户端流量切到备库；而在一主多从架构里，主备切换除了要把客户端流量切到备库外，还需要把从库接到新主库上。 主备切换有两种场景，一种是主动切换，一种是被动切换。而其中被动切 ......
21 20 | 幻读是什么，幻读有什么问题？
在上一篇文章最后，我给你留了一个关于加锁规则的问题。今天，我们就从这个问题说起吧。 为了便于说明问题，这一篇文章，我们就先使用一个小一点儿的表。建表和初始化语句如下（为了便于本期的例子说明，我把上篇文章中用到的表结构做了点儿修改）： CREATE TABLE `t` ( `id` int(11) N ......
记录一次用户态踩内存问题
这几天在做总结，把三年前写的一个定位案例，翻了出来。回想起定位这个问题时的场景，领导催得紧，自己对很多东西又不熟悉，所以当时面临的压力还是很大的。现在回想起来感慨还是很多的，我们在遇到任何一个问题，一定不要放弃。还记得在产品线做开发时，学到的一些项目知识，任何一个bug，他总有一天会爆发出来。任何一 ......
16 15 | 答疑文章（一）：日志和索引相关问题
在今天这篇答疑文章更新前，MySQL实战这个专栏已经更新了14篇。在这些文章中，大家在评论区留下了很多高质量的留言。现在，每篇文章的评论区都有热心的同学帮忙总结文章知识点，也有不少同学提出了很多高质量的问题，更有一些同学帮忙解答其他同学提出的问题。 在浏览这些留言并回复的过程中，我倍受鼓舞，也尽我所 ......
踩内存问题定位手段汇总
最近项目中遇到一个全局变量被莫名修改的问题，代码排查了好久居然没发现，确实有些惭愧，这时候使用一些辅助工具帮助定位就很有必要也比较快速精准！全局变量被修改无非就三种原因：1、自己写的代码修改的；2、数组越界导致的；3、变量定义的时候没有初始化； 排查手段：手段一：踩内存周边地址排查排查被踩内存周边地 ......
vue路由切换时终止异步请求【转载】
项目场景：bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止， ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
Centos7 开机时遇到initramfs-xxx.img not found错误导致虚拟机无法开启问题处理
1、背景 一台运行在Esxi上面的VM重启后报initramfs-xxx.img not found错误。 按任意键后出现以下错误。 之前在运维Centos7的时候解决过Kernel panic - not syncing : VFS: Unable to mount root fs on unkn ......
6 加餐（二） | 工作遇到不懂的问题：何时可以求助，如何正确提问？
你好，我是乔新亮。上周末，咱们专栏编辑找到我说，有一位 2020 年毕业，刚刚入职两个月的热心读者正被一些问题所困扰，希望征求下我的意见。 问题大致如下：工作时，经常遇到不懂的事情，大部分是技术相关的问题。想要提问，却不知道什么问题能问，也不知道怎么问比较好，担心别人因此质疑自己的工作能力。长此以往 ......
Vue3+TS+Node打造个人博客（后端架构）
在使用 Express 搭建后端服务时，主要关注的几个点是： 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由，各个模块的子功能相当于是用二级路由处理。 简单举个例子，/article ......
vue全家桶进阶之路45：Vue3 Element Plus el_button组件
在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......
AVB-avbtool中添加log时碰到的一些问题
起因： 一来，为了查看Makefile调用avbtool生成vbmeta相关数据时的一些细节，尝试在avbtool中增加log。 二则，在查看hashtree校验的几个分区的footer时，发现footer中指示的vbmeta offset超过了分区的大小，很是疑惑，决定加点log来对比下（这个“o ......
vue全家桶进阶之路44：Vue3 Element Plus el_row和el_col组件
在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......
RuoYi-Vue3若依 await import 报错
npm run dev 启动时报错： await import('source-map-support').then((r) => r.default.install()) 网上查询应该是 node.js 的版本问题 原因是我使用的node是12.18.4版本，升级成16.16.0即可。 先将原 n ......
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
16-浏览器的兼容性问题
title: 16-浏览器的兼容性问题 publish: false 我们在div里放一个img，发现： 在html和html5中，div的长宽是不同的，后者的高度要超过几个像素。 比如说，下面这个是html的。 <!DOCTYPE html> <html lang="en"> <head> <me ......
vue全家桶进阶之路42：Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......
/var/spool/postfix/maildrop占用空间及inode问题处理
早上收到报警如下： 触发2级告警【严重】- 来源【指标平台】 ⏰ 告警时间：2023-04-20 09:15:43 🕐 发生时段：2023-04-20 09:14:43 ~ 持续中 📌 告警标题：基础资源监控-linux系统inode使用率（本地磁盘）一线运维 📚 监控类型：基础资源监控 📜 ......
04-解决 Git 不区分大小写导致的文件冲突问题
解决 Git 不区分大小写导致的文件冲突问题 文章发布时间：2022-02-17 作者：@千古壹号 有些同学在 Git 仓库对文件/文件夹进行命名时，刚开始是小写，后来为了保持团队一致，又改成了大写，然而 Git 不会发现大小写的变化，此时就出了问题：导致仓库里出现了 大小写 同时存在的两个文件。但 ......
vue3微信公众号商城项目实战系列（12）项目发布到服务器上
本篇介绍如何将vue3项目打包发布到服务器上，然后在微信公众号上打开。 vue3发布之前需要对项目进行编译，编译时会在项目根目录下创建 dist 文件夹，编译后的文件会存放在这里。 在编译之前，我们在public目录下建一个 config.js 的文件，里面放如下的代码： const config ......
线性规划——物流配送问题的R实现
物流配送是电商物流的主要方式，基于电子商务的特点，对整个物流配送体系实行统一的信息管理和调度；按照用户订货要求，在物流中心进行理货工作，并将配好的货物送交收货人。物流仓储配送服务已然成为中国电子商务最为核心的作业环节，能够提供一个全面完善的物流仓储配送解决方案也成为了很多中小卖家、电子商务供应商品牌 ......
Vue3 readonly与shallowReadonly
视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......
Vscode 卡顿、CPU 过高问题解决
原则：非必要不要搞很多Vscode的插件，Vscode本身插件很强大，但是非必要不要使用很多插件。 在 VSCode 扩展市场目前其实存在着不少下载量特别高但是不应该再被使用的扩展，显然官方是不可能直接给你标出来哪些扩展已经被废弃了，哪些有严重 bug，纯靠扩展作者自觉。 第一步：Ctrl+ Shi ......
Vue3 shallowReactive与shallowRef
视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据， ......
Makefile中的include引用另外makefile文件的问题
在使用大型工程中，Makefile文件都是嵌套的，但是该如何嵌套呢？ 在整个工程中我们在最顶层的Makefile得深层引用上一级目录的时候，一定不能有目标，有目标的话，如果在引用的某个有目标的话，那么会直接进入到引用的那个Makefile文件中，将其中第一个目标当做默认目标，进行make操作，执行完 ......
（IDEA）spring项目导入本地jar包方法和项目打包时找不到引入本地jar包的问题解决方案
转： （IDEA）spring项目导入本地jar包方法和项目打包时找不到引入本地jar包的问题解决方案 【Maven】理解maven的6大内置属性 ......
Vue3实现剪贴板功能
1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......
记录一下因mybatis-plus版本不一致导致的实体主键id未赋值，新增失败问题
记录一下因mybatis-plus版本不一致导致的实体主键id未赋值，新增失败问题 mybatis-plus中对于id的赋值在 package com.baomidou.mybatisplus.core; public class MybatisParameterHandler implements ......
Vue3 toRef与toRefs
视频 直接用ref是创建新的对象 10.toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展：toRefs 与toRef功能一致， ......