问题toref vue3 vue
useEffect、异步请求、定时器使用useState闭包问题
useEffect闭包问题: 问题:useEffect使用useState会使调用的所有方法内部的state值为useEffect周期的值,即使在这个过程中useState的值变化也不能影响调用方法内获取到原始值 解决方式:使用useCallabck 可以避免由此产生的闭包问题 异步请求、定时器等j ......
swift kvo问题
按照官方文档的写法,在iOS 10上必现crash。 在网上找到类似的问题,但是我遇到的博客中说的不会crash的方式 swift还是不要用kvo了,用combine框架吧 ......
【随手记录】关于win环境变量配好, jdk版本切换不成功问题
由于需要win电脑装了多个jdk版本,在切换时候配置好环境变量一直没生效 后来发现jdk默认会添加一个环境变量配置 把这个带Jdk的默认配置的环境变量去掉,保留自己的 JAVA_HOME环境变量即可生效! ......
数据库(SQL注入问题、视图、触发器、事务、存储过程、内置函数、流程控制、索引)
SQL注入问题 SQL注入的原因:由于特殊符号的组合会产生特殊的效果 实际生活中,尤其是在注册用户名的时候会非常明显的提示你很多特殊符号不能用,会产生特殊的效果。 结论:涉及到敏感数据部分,不要自己拼接,交给现成的方法拼接即可。 import pymysql # 链接MySQL服务端 conn = ......
Redis分布式锁问题
通过SET原子操作来设置key和过期时间 // 加锁// 如果key不存在,那么设置它的值,否则什么也不做SETNX lock 1// 10s后自动过期EXPIRE lock 10 // 2者合一,一条命令保证原子性执行SET lock 1 EX 10 NX 问题1:无法评估准确的加锁时间(自动续期 ......
vue -父子组件值传递
父组件:是指引用其他组件东西(这里叫attrgroup.vue) 子组件:是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件,如下: <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件,通过事件触发然后 ......
vue-day21-过滤器学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
vue.js浏览器插件
提取地址: 链接:https://pan.baidu.com/s/1Uf9yZaQfRQ1r2JvOxXX50A?pwd=l3iw 提取码:l3iw 加载已解压的扩展程序 ......
vue-day20---收集表单数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>收集表单数 ......
vue2
一.mvvm模型 MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分: View 表示当前页面所渲染的 DOM 结构。 Model 表示当前页面渲染时所依赖的数据源。 ViewModel 表示 vue 的实例,它是 MVVM 的核心 1.为 ......
.NET面试题系列(23)tcp粘包问题
序言 什么是粘包 所谓粘包问题主要还是因为接收方不知道消息之间的界限,不知道一次性提取多少字节的数据所造成的。 解决粘包问题的方法 资料 tcp粘包问题 ......
vue我自己的动态菜单思路
1、在router里把所有的路由都加上。 2、后端存储路由path和其他设计需要的信息。 3、登录后,后端返回菜单树,根据权限不同,返回的菜单不同,并且还要返回每个path代表的页面具有的权限数组。可以实现前端对权限的控制。 4、根据后端返回的菜单树的path,去过滤路由数组,即path对应相同的路 ......
vue-day19--Vue监测数据的原理--大综合练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vue监测 ......
vue-day18--vue监测数组
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue--day17---Vue.set()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
记录flutter 开发window应用遇到的一个问题及解决方法
今日周末闲来无事,突然心血来潮。想测试下flutter桌面开发功能。使用的flutter 3.10.6 版本。 想到就干,照着百度上的答案,配置好Visual Studio 2019。 1、flutter doctor 检查Flutter开发环境是否配置正确 完美 !!! 2、根据中文官网指引 ht ......
vue: number addition
单页应用:(Single Page App, SPA)体现了其强大的优势。页面是局部刷新的,响应速度快,不需要每次加载所有的CSS/JS。前后端分离,前端(手机端)不受后端(服务器端)的开发语言的限制。Angular,React ,Vue.js框架都是很好的选择。 https://github.co ......
vue-day16---模拟一个数据监测
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>模拟一个数据监测你</title> </head> <body> <script type="text/javascript"> let data = { ......
【技术积累】Vue.js中的事件【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
线程间共享数据的问题
#### 线程间共享数据的问题 * 多线程共享数据的问题多由数据改动引起 * 破坏数据结构不变量的恶性条件竞争是会引起问题的 * 解决的方式有,控制对数据结构的访问,有互斥实现,还有修改数据结构的设计及其不变量,由一连串不可拆分的改动完成.这通常被称为无锁编程,还有一种事务的方法,核心思想是单独操作 ......
FeignClient服务端接口404问题
自定义feignClient,服务端继承client接口,调用出现404异常。 问题原因:feignClient接口的实现类上使用@Controller或@RestController的value属性中写入了公共url,导致接口方法404;因为feignClient是根据服务名在注册中心拉取到服务然 ......
Vue安装
#### 安装vue及脚手架 ##### 1.安装vue.js npm install vue -g 或者 cnpm install vue -g 查看安装的vue信息: npm info vue 或者 cnpm info vue ![image-20230715211634838](https:/ ......
vue--day16---列表排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue-day16---watch与computed实现列表过滤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
VUE WebSocket连接成功后,立即发送一个token
ws = new WebSocket(`ws://${location.host}/xxx`) ws.onopen = () => { ws.send(JSON.stringify({ headers: { Authorization: `Bearer ${token}` } })); isConn ......
vue3 封装api接口
新建axiosj.ts import axios from 'axios'; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from 'element-plus' // 引入el 提示框,这个项目里用什 ......
vue3 中屏蔽控制台中的警告信息
main.js中 const app = Vue.createApp({}); // 屏蔽错误信息 app.config.errorHandler = () => null; // 屏蔽警告信息 app.config.warnHandler = () => null; app.mount("#app ......
时间回显问题
使用 moment //安装npm i moment//vue 引入方法 import moment from "moment"; //直接赋值 let a = ""//需要回显的时间 a = moment(请求过来的数据或需要赋的值); //传递使用函数变更时间格式或者组件自带的时间时间格式函数 ......
vite-plugin-vue-images——Vite自动导入图片
# vite-plugin-vue-images——Vite自动导入图片 在Vue2时我们经常会这样引用图片: ```vue ``` 但在Vite中不支持require了,引用图片变成了下面这样: ```vue ``` 每次使用图片都得import,显然耽误了大家摸鱼的时间,这时我们可以借助vite ......