缓存computed方法vue
MySQL GTID 主从复制错误修复方法
MySQL GTID 主从复制错误修复方法 MySQL传统复制恢复方法： root@(none) >stop slave; Query OK, 0 rows affected (0.00 sec) root@(none) >SET GLOBAL SQL_SLAVE_SKIP_COUNTER = N; ......
vue封装包含区域内不可拖拽的可拖拽组件
标题比较绕口，大概意思就是封装一个可拖拽组件，但是因为组件内有文件或者表单或者其它原因而不可在这个区域内使用拖拽，所以在绑定拖拽区域方法的同时限制不可拖拽区域。 实现方式很简单 直接看代码 drag.js import Vue from 'vue' export const drag = Vue.d ......
【快应用】addEventListener()方法无法监听动画事件
【关键词】 动画监听、动态改变 【问题背景】 Style中设置动画样式，然后在onshow生命周期中调用addEventListener()方法去监听动画事件，无法监听到，该方法无任何回调返回 问题代码如下： <template> <!-- Only one root node is allowe ......
vue2 学习
vue标签含义 1、 <el-button :logding="buttonLoading" type="primary" @click="submitForm">确 定</el-button> <!-- 1，logding属性=true 会一直现在转圈圈显示状态。 2.buttonLoading属 ......
【HarmonyOS】HarmonyOS应用APP与HAP包签名信息查看方法
HarmonyOS可以通过DevEco Studio 构建对应的APP包或者是HAP包，对于签名我们有两种方式： DevEco Studio提供了根据开发者信息生成自动调试签名的能力方便各位开发者进行调试，简化签名步骤。 在开发流程中也可以根据自己的需要生成固定的调试签名和发布签名文件给APP包或 ......
javascript现代编程之四——数值的进制和表示方法
在JavaScript中，数值可以以不同的进制表示： 1. **十进制**：这是我们最常用的进制系统。例如：`let decimal = 123;` 2. **二进制**：数值前面加上 `0b` 或者 `0B`。例如：`let binary = 0b1011; // 等于十进制的11` 3. **八 ......
Vue3 之 reactive、ref、toRef、toRefs 使用与区别，源码分析详细注释
[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象，不论层级多深都可以返回响应式对象，(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型，推荐使用基本类型 - 使用时 需 ......
vue的插槽
插槽 含义 插槽（slot）是vue为组件的封装者提供的能力，允许在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。可以理解为组件封装期间，为用户预留的内容占位符。 封装组件的目的是为了实现UI结构的复用 假设在一个组件<myCount>中，需要有一个部分，这个部分是不确定的，可能是<div ......
web页面中导出Excel (方法四) 纯 js 前端将table中数据导出Excel 使用 js-xlsx
这个示例使用 前端 easyui-datagrid 后端 php 这里是不是 easyui-datagrid 不重要了，是将easyui-datagrid的数据转到table，再将 table导出Excel 使用了 js-xlsx js-xlsx 文件可自行搜索下载 ，参考 https://www. ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
缓存双写一致性
几种方案 1、先更新数据库，再更新缓存（不可行） 该方案会导致不一致，如： （1）线程A更新了数据库 （2）线程B更新了数据库 （3）线程B更新了缓存 （4）线程A更新了缓存 B却比A更早更新了缓存，这就导致了脏数据，不可行 2、先删缓存，再更新数据库 该方案会导致不一致的原因是。同时有一个请求A进 ......
vue学习记录 3
近日笔记简写。 功能实现汇总 页面循环次数创建控件：制作一个11行11列的表格，用v-for实现。 <table> <tr v-for="index_y in 11" :key="index_y"> <td colspan="1" v-for="index_x in 11" :key="index_ ......
web页面中导出Excel (方法三) 前端easyui-datagrid(分页)导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点：查询结果显示在datagrid中(可以分页)，前端直接下载不用回后端， ......
MySQL缓存
MySQL缓存机制即缓存sql 文本及缓存结果，用Key-Value形式保存再服务器内存中，如果运行相同的sql，服务器直接从缓存中去获取结果，不需要再去解析、优化、执行sql，可以大大提高查询的性能 参数设置 （1） have_query_cache表示是否支持查询缓存，YES表示支持 （2） q ......
2023-06-14 记录一下vue组件如何调用App.vue里面的方法（代码来至chatGpt）
可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下： 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件，并调用相应的方法 ```vue ``` ......
直播源码开发，vue 简单的tab切换滑动效果
直播源码开发，vue 简单的tab切换滑动效果 js部分： 利用computed属性计算位移距离 data() { return { value: '0' }; }, computed: { sty() { let num = Number(this.value) * 100 return `tra ......
直播平台软件开发，Vue上拉框显示隐藏动画
直播平台软件开发，Vue上拉框显示隐藏动画 css简单布局 .picker { height: 300px; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2020; overflow-y: ......
vue3对于ref和reactive类型数据监听的区别
总结：1、对于ref类型的数据进行监听，不能使用 ()=>字段名,的方法，而是采用直接写值进行监听，案例见方式一和方式二2、对于reactive类型的数据进行监听，不要使用直接写属性名的方式监听:watch(属性名，(newVal, oldVal)=>{})，因为这种方式虽说可以执行函数，但却监听不 ......
从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架
本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
vue watch deep 用法
### 简单案例 ``` watch deep obj:{{obj}} 调用watch次数:{{times}} 改变对象 ```  前端easyui-datagrid导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点：查询结果显示在datagrid中(不能分页)，前端直接下载不用回后端， ......
关于创建xfs文件系统时指定UUID的方法
关于在linux系统中对于xfs文件系统创建后，可以通过指定文件系统uuid的方式进行挂载 [root@qq-5201351 ~]# mount -U 5a85ee6b-2866-4832-8fea-475d7c8b561c /data01 [root@qq-5201351 ~]# mount -t ......
减肥的方法分享
一、动机篇 曾经210斤的我，尝试过很多次减肥，均以失败告终。最后我能从210斤减到160斤（目前还在持续的减肥当中），很多人询问了我是怎么减肥的，我就想着把减肥的方法分享出来，让更多人收益。 二、减肥原理篇 有些人可能会说我每天吃得很少为什么体重还一直增加；还有些人可能会说我每天那么大运动量为什么 ......
mysql数据库数据同步几种通用方法？
MySQL数据库数据同步的几种通用方法包括以下几个方面： 一、基于主从同步 主从同步是 MySQL 数据库最为常见和基本的同步方式，即其中一台 MySQL 服务器作为主服务器（Master），另外一台或多台 MySQL 服务器作为从服务器（Slave）。主服务器处理写入数据的请求，并将数据的变化复制 ......
建设数字工厂：生产物料齐套检查的实现方法
摘要： 本期介绍如何在华为云数字工厂平台上，通过扩展配置生产工单的信息模型和逻辑流程模型，实现在生产工单下发前，轻松透视生产物料齐套状况。 本文分享自华为云社区《数字工厂深入浅出系列（四）：生产物料齐套检查的实现方法》，作者：云起MAE 。 随着市场个性化需求不断发展，多品种小批量生产加工模式已经形 ......
web页面中导出Excel 方法一 后端php导出Excel
这个示例使用 前端 easyui-datagrid 后端php 其中前端是不是 easyui-datagrid 不重要，这个方法主要是使用后端 php 来实现导出Excel 优点：现在的应用中大部分是分页显示的，在前台只显示一部分，但导出Excel是要看全部的。所以此时用前端js导出则不太好实现。 ......
Web.Config中customErrors的使用方法(mode=On|Off|RemoteOnly)
https://cloud.tencent.com/developer/article/2103802 1）customErrors 中的mode “On” 始终显示自定义(友好的)信息。 “Off” 始终显示详细的 ASP.NET 错误信息。 “RemoteOnly” 只对不在本地 Web 服务器 ......
vue 中使用 rem 后元素最终大小的计算和转换？
1.如果项目引入了rem，那么默认的html元素的font-size大小被设置为 html 元素样式中的 font-size 会被设置为 clientWidth/10 + "px"，此值可以自己修改2.1rem 将等于 html 的 font-size 的大小3.如果一个元素用px作为单位设置，那将 ......
ant design-vue的table表格添加rowkey的三种方式
项目场景： 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析： 未按照组件要求添加key 属性作为唯一的标识。 解决方案： 方法1：:rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t ......