问题toref vue3 vue
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
docker里nginx转发其他nginx失败问题（这个算是docker网络问题，已解决）
docker里nginx转发其他nginx失败问题 最近在学习nginx 目标是:想通过docker中的nginx容器1转发到 nginx2的页面中，目前转发失败，--name mynignx的log报错如下 2023/09/15 16:15:55 [error] 22#22: *1 connect ......
业务问题：服务接口拓扑的校验
业务问题：服务接口拓扑的校验 看起来，通过接口调用 metric 来串联调用链路是一种通用的方式，但是其生成结果显然存在如下的问题： 已生成的数据缺少校验方式。由于数据是业务方代码上报的，即使引入了通用的SDK，caller-func 信息也只能依赖于代码调用时主动传入。从实践经验来看，caller ......
Java面试题和一些经典问题
Java面试题和一些经典问题 整数扩展类 浮点数扩展 System.out.println(i); System.out.println(i2); System.out.println(i3); System.out.println(" "); // //浮点数扩展？ 银行业务怎么表示？钱 // B ......
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五：自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......
尚硅谷大数据HiveSQL练习题(一)——同时在线人数问题
题目需求 现有各直播间的用户访问记录表（live_events）如下，表中每行数据表达的信息为，一个用户何时进入了一个直播间，又在何时离开了该直播间。 user_id (用户id) live_id (直播间id) in_datetime(进入直播间的时间) out_datetime (离开直播间的时 ......
Vue源码学习(五):<templete>渲染第四步,生成虚拟dom并将其转换为真实dom
好家伙， 前情提要： 在上一篇我们已经成功将ast语法树转换为渲染函数 现在我们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我解释给你听一万遍 新增文件：vnode/index.js vnode/p ......
课堂动手动脑问题
Enum是一种类类型，他的对象的值智能是其所有列举项目中的一个。 并且，各个枚举项的对象都是不相同的。 定义static的value的范围更大，但在主函数中的value里输出近，所以输出结果为2 输入输出 反码补码原码 在计算机中，原码、反码和补码是表示有符号整数的三种常见方式。在Java中，整数采 ......
spring依赖注入单例模式下（默认都是单例），类变量（实例变量）线程安全问题
java变量是程序中最基本的存储单元，其要素包括变量名，变量类型和作用域。Java的变量类型有： 成员变量类中的变量（独立于方法之外的变量） 局部变量类的方法中的变量。而 java类的成员变量又有俩种： 静态变量（类变量）： 独立于方法之外的变量，用 static 修饰。 实例变量： 独立于方法之外 ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
测试行业面临的问题及RunnerGo在工具层面如何解决的
RunnerGo致力于打造成一款企业级全栈测试平台，旨在实现产品生命周期的闭环管理，帮助企业在整个产品生命周期中确保质量、降低风险，并提供卓越的用户体验。采用了较为宽松的Apache-2.0 license开源协议，方便志同道合的朋友一起为开源贡献力量。 目前测试行业所面临的问题 场景共享难：测试人 ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
9.15课程中的所有动手动脑的问题以及课后实验性的问题
1.动手动脑 EnumTest.java 源代码：public class EnumTest { public static void main(String[] args) { Size s=Size.SMALL; Size t=Size.LARGE; //s和t引用同一个对象？ System.o ......
vue前后端分离项目中，对于空字符串转可空类型出错的解决办法
环境：netcore 6.0+ 序列化采用自带的 System.Text.Json工具 使用vue做前后端分离时，我们提交的对象中，可能有些字段是为空字符串，但是对应接口要求是int? ，decimal? datetime?等类型。那么在序列化时，就会报错。 因为空字符串无法直接反序列化为 null ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
【技术视界】鸿蒙开发套件之DevEco Profiler助您轻松分析应用性能问题
作者：shizhengtao，华为性能调优工具专家 应用的性能优化一直以来都是开发者所面临的一大难题，在2023HDC大会上全新亮相的HarmonyOS NEXT开发者预览版，其中鸿蒙开发套件DevEco Profiler，对应用卡顿这一问题的定位解决又提供了哪些能力呢？本文带你一探究竟。 一、Re ......
TB总站现网频繁GC堆栈资源不释放问题定位
dump的文件在现网，暂无截图，从现网看，很多的forkjoin和future的对象，GC后依旧很多，几十万个，把堆占满了 日志里频繁打印 2023-09-11 11:20:39,899 [DefaultTransportService-18-2] WARN o.t.s.t.m.s.GatewayS ......
vue-day02
模版语法 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j ......
Vue Debug Reac 配置
https://zhuanlan.zhihu.com/p/475999585 作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种： 不调试，直接看代码找问题 console.log 打印日志 用 Chrome Devtools 的 debugge ......
vue vue-devtools调试工具神器安装
目录vue vue-devtools调试工具神器安装前言chrome商店直接安装手动安装第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools第二步：安装项目所需要的npm包第三步：编译项目文件第四步：添加至chrome游览器vue-devtool ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
Vue基础
一 条件渲染 指令 释义 v-if 相当于： if v-else 相当于：else v-else-if 相当于：else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else< ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
vue背景及快速使用
前端介绍 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2. Ajax的出现 -> 后台发送异步请 ......
Vue——模版语法、文本指令、事件指令、属性指令、style和class、条件渲染、列表渲染
模版语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/vue.js"></script> </head> <body> <div id="a ......
vue2原理初探-数据代理和数据劫持
本篇文章主要想简单聊聊vue如何实现数据修改，页面联动的底层原理。 当然，篇幅有限，只是自己一些浅显的认知而已，我会从一下几个方面去聊，希望对你有所帮助。 几个基础知识点 数据代理 数据劫持 完整demo 一、几个基础知识点 1.普通函数和箭头函数的区别 我们知道，每个函数执行都会形成一条作用域链[ ......