事项vue cli 01
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的，只不过ref()是针对变量的响应式包装，而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值，返回一个响应式的变量 变量 reactive() 返回一个 ......
[7626] 01 组件渲染：vnode 到真实 DOM 是如何转变的？
在 Vue.js 中，组件是一个非常重要的概念，整个应用的页面都是通过组件渲染来实现的，但是你知道当我们编写这些组件的时候，它的内部是如何工作的吗？从我们编写组件开始，到最终真实的 DOM 又是怎样的一个转变过程呢？这节课，我们将会学习 Vue.js 3.0 中的组件是如何渲染的，通过学习，你的这些 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码，所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程，也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念，它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
Vue中 let _this = this的作用
近日在学习vue方面，发现一个问题回答的挺好，在此记录下。 作用讲解：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或 ......
vulfocus初探01--搭个玩玩
vulfocus初探01--搭个玩玩 0X10搭建环境 平台：debian11 64位 docker 0X20vulfocus介绍 vulfocus是一个基于docker的漏洞模拟平台，完全开源，网址GitHub - fofapro/vulfocus: 🚀Vulfocus 是一个漏洞集成平台，将漏 ......
Vulnhub靶机笔记01——Billu_b0x
一、Billu_b0x介绍 billu_b0x是vulnhub的一款经典靶机 二、安装与环境 下载地址:billu_b0x,下载后解压导入即可 攻击机：kaili 靶机：billu_b0x 三、动手 1.信息获取 nmap扫描 （1）主机存活扫描nmap -sn 192.168.124.0/24 ┌ ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
Openpose学习笔记(一) 01_body_from_image.py
01_body_from_image.py 是Openpose官方给出的demo运行文件，这篇随笔仅记载个人学习记录 代码如下： # From Python # It requires OpenCV installed for Python import sys import cv2 import ......
qiankun vue子应用升级webpack5问题记录
升级的方式是使用最新版本的 vue-cli 脚手架，重新创建一个新项目，然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖，处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了 ......
vue-router3.x和vue-router4.x相互影响的问题记录
背景 项目中有一个系统使用的微前端，主站使用是vue2实现的，使用的是vue-router3.x。子应用有使用vue3实现的，使用的为vue-router4.x。 该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求，此时使用的是vue-router4.x的编程式导航API。 当通过点击 ......
记录-Vue移动端日历设计与实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告，但是找了好多日历组件都不是很符合需求，只好自己手写一个日历组件，顺便记录一下。 先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自 ......
缓冲流Demon01
package test2;import java.io.*;//缓冲流public class Demo02 { public static void main(String[] args) { FileInputStream fis = null; FileOutputStream fos = ......
VF01/VF11 创建和冲销开票凭证
1、创建开票凭证 1.1、前台 VF01创建开票凭证 1.2、源代码 " @斌将军 DATA:lt_billingdatain TYPE TABLE OF bapivbrk WITH HEADER LINE, lt_conditiondatain TYPE TABLE OF bapikomv WIT ......
vue3中使用pinia
//npm install pinia //在mian.ts中引入pinia，然后在createApp中use(pinia)即可 import {createPinia } from 'pinia' const pinia=createPinia() createApp(App).use(route ......
OpenResty学习笔记01：认识OpenResty
一. 先挖个坑 本来只想着简单了解一下OpenResty，但在接触之后，发现确实太有意思了，为了不让自己半途而废，先发这第一篇学习笔记，算是给自己立个flag自勉。 如果有哪位同行路过，并且对OpenResty有所了解，还望不吝指正！ 二. 关于OpenResty的相关理解 OpenResty并不是 ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
Vue+Openlayers+proj4实现坐标系转换
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115916949 在上面的基础上实现不同坐标系坐标数据的转换。 Openlayers中默认的坐标系 ......
vue-router4 配置懒加载 页面加载时展示loading
懒加载写法 { path: "/", name: "index", component: () => import("../views/Home.vue"), } 创建Loading组件 并引入到顶层组件中 使用store控制loading组件是否展示 包装懒加载写法 const lazyLoad ......
vue-router学习笔记
1.路由基础配置 https://router.vuejs.org/zh/guide/ 2.动态路由 根据设置的路径参数实现 const routes = [ // 动态字段以冒号开始 { path: '/users/:id', component: User }, ]。 需要注意的是参数改变时（第 ......
如何实现vue项目中使用Baidu Map，有多个点，鼠标移入出现文字标注，移除消失文字标注，并且点的轨迹连线有箭头指向。
直接来案例，再分析； <template> <div ref="map" style="height: 100vh;"></div> </template> <script> export default { data() { return { points: [ { lng: 116.404, l ......
Vue中$mount()和配置项中的el关系详细解释
$mount和el的关系 在源码中$mount()和el简单的关系为:从这个设计理念上说,作者是希望要么就用el要么就用$mount(),两个都用我没试过,但是觉得是不可行的,如果两个都用的话,会先走一次el逻辑,等初始化完成之后会再次调用$mount(),会导致使用$mount()这个模板. ......
vue主应用，qiankun 子应用切换主应用样式错乱问题
vue主应用，qiankun 子应用切换主应用样式错乱问题 const childRoute = ['/flinkdashboard', '/dolphinscheduler', '/datainsight' ] //子应用路径 const isChildRoute = (path) => chil ......
questions_01：500 Internal Server Error 解决思路
500 Internal Server Error问题如何解决？结果令人啼笑皆非 问题出现场景 register.html: 在利用ajax发送请求之后，我们手机会收到短信验证码，并且前端会收到后台的一个返回值，此时在我们的页面就要开始验证码倒计时，不知道什么原因就是显示不出来，后台运行代码也没报错 ......
vue-cli使用方法
是什么? vue-cli vue command line interface 是vue命令行接口工具 怎么用? 1. 安装npm: 【Win7】只支持node.js v13.14.0或更早 1）到官网下载https://nodejs.org/download/release/v13.14.0/no ......
若依vue框架添加kotlin依赖，实现kotlin和java混合编译
第一步：在最外部pom.xml文件添加版本号和依赖管理 properties添加版本号 <kotlin.version>1.4.21</kotlin.version> <!--启用kotlin增量编译--> <kotlin.compiler.incremental >true</kotlin.com ......
vue3 uniapp Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions') 报错
引发这个问题是在三级页面中使用uni.navigateBack({ delta: 2 })返回到一级页面 再重一级页面进入二级页面 二级页面中引用的组件引发的emitsOptions报错 //原因：我在二级页面中的组件使用ts的emit写法引发的报错 const emit= defineEmits< ......
动力节点老杜Vue框架教程【三】Vue组件化
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
java 工程手动jar打包步骤及注意事项
1. 准备MANIFEST.MF文件1）若生成的jar包直接导入java工程中使用，可以不用MANIFEST.MF文件，直接在工程中导入jar包引用到的第三方包；2）若生成的jar包需要放到服务器上跑，在jar包的存放路径下同时存放一个lib文件夹，在该文件夹中存放第三方包，如图所示：|--工程.j ......
老杜Vue实战教程完整版笔记（三）Vue组件化
接上篇文章，分享动力节点老杜全新版Vue教程笔记 学习の地止：https://www.bilibili.com/video/BV17h41137i4 3 Vue组件化 3.1 什么是组件 传统方式开发的应用 一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript） 传统 ......
Vue监听页面放大缩小事件
Vue监听页面放大缩小事件 ，使用window.addEventListener，methods中方法 ChangeWin(){ let ratio = this.getRatio(); let Pwidth = window.screen.width*this.getRatio()/100; le ......