模板 基础vue
Vue3 Composition API 的优势
视频 四、Composition API 的优势 1.Options API 存在的问题 使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改 。 2.Composition API 的优势 我们可以更加优雅的组织我们的代码，函数。让相关 ......
Vue3 响应式数据的判断
视频 6.响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或 ......
VUE - 加载图片
VUE - 加载图片 方式1： <template> <div style="width: 100%; height: 100%"> <img :src="addjpg" :data-source="addjpg" alt="" /> </div> </template> <script> impo ......
Vue3 provide 与 inject
视频 5.provide 与 inject 作用：实现祖与后代组件间通信 套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据 具体写法： 祖组件中： setup(){ ...... let car = reactive({name:'奔驰',pr ......
docker容器基础
一、Docker 概述 1、Docker的概念 Docker是一个开源的应用容器引擎，基于go语言开发并遵循了apache2.0协议开源 Docker是在Linux容器里运行应用的开源工具，是一种轻量级的“虚拟机” Docker 的容器技术可以在一台主机上轻松为任何应用创建一个轻量级的、可移植的、自 ......
Vue3 customRef
视频 4.customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3> </template> <script> ......
vue转换js文件 require js
1 define 和require 方式 不同点 define 用来定义一个模块的，requireconfig 文件配置后才行 require 加载模块 define来定义模块，还是通过require来加载模块 究竟什么时候去使用 2TaskExcutionToday 文件如何转换compoment ......
向着Vue3进发，Vue2.7升级指南
北京时间7月1号，Vue2.7正式发布，Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性，例如Composition Api、setup、Css v-bind等。 与此同时，Vue2.7也是Vue2.X的最终次要版本，在这个版本之后，Vue2将进入LTS（长期支持），即从现在开始持 ......
vue3学习
资料： http://docs.vikingship.xyz/ 声明类型： 1.使用ref可以声明基础数据 2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象 比vue2优势：可以直接新增或修改对象数据，也能实时更新 基础数据： 对象数据： 如果想直接用count ......
Vue3 toRaw与markRaw
视频 3.toRaw 与 markRaw toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应 ......
[vite]: Rollup failed to resolve import "APlayer" from "./APlayer/index.vue".This is most likely unintended because it can break your application at runtime.
这个错误提示是在你使用 Vite 构建项目时遇到的。 错误信息提示 Rollup 在构建过程中无法解析 import "APlayer"，而且这很可能会在运行时破坏你的应用程序。这个问题的原因是，APlayer 并不是一个模块，没有被正确地导出到你的项目中。 为了解决这个问题，你需要告诉 Rollu ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
vue中添加生成二维码
1、安装组件 npm install qrcodejs2 --save 2、在页面引用组件 import QRCode from "qrcodejs2"; 3、在页面创建一个存放二维码的区域 <div id="qrcode" ref="qrcode"></div> 4，事件中调用 handlePri ......
基于SpringBoot+Vue的音乐网站
本次项目是基于SpringBoot+Vue的前后端分离项目，旨在熟练相关框架，掌握相关技术，拓展个人知识面。 音乐来源：本地 用户页面：Web 项目亮点：根据歌词、音乐旋律、定位时间线（老师的意见） 确定好方向，开始项目、收集资料、准备相关的开发环境和软件等。 了解项目的结构与逻辑，确定基本功能，需 ......
ai问答：使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图
<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
VUE实现文件上传下载功能实例解析
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
微信小程序对接在线客服系统，对接小程序订阅消息模板，小程序订阅方法以及后端发送订阅模板消息的方法
微信小程序想要对接独立在线客服系统，除了使用小程序消息推送接口外，还可以使用webview嵌入的形式嵌入聊天链接。 但是，使用webview嵌入的形式，当用户离开页面以后，就收不到客服回复的消息了 所以，我们需要当用户离开聊天页面后，客服回复消息，使用小程序的订阅模板来进行通知。 我们前往小程序后台 ......
Vue向服务端发送axios请求报错解决：AxiosError {message: 'Request failed with status code 403', ...}
Vue向服务端发送axios请求报错解决：AxiosError {message: 'Request failed with status code 403', ...} 登录界面点击提交向服务端发送用户名和密码，在Vue中用axios向服务端发送请求，一直显示403错误： 出现问题的前端请求代码如 ......
Rollup failed to resolve import "vue-demi" from
1、背景： vue3 + vite + ts 的一个项目打包的时候报错了 2、报错截图 3、引入截图 4、修改引入 vue-demi -> vue 5、结果 可以正常打包啦～～ ......
Vue 项目安全扫描漏洞，JS 库版本太低，要求升级 YUI（vue2 升级javascript库）【检测到目标站点存在javascript框架库漏洞漏洞风险：中】
原帖：https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描，查出一些漏洞，其中有一项要求升级 javascript 框架库（如图）： 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......
JDBC基础
JDBC（Java DataBase Connectivity,Java数据库连接）是一种用于执行SQL语句的Java API,由一组用Java语言编写的类和接口组成。 访问数据库的步骤 1.装载数据库驱动程序 Class.forName("com.mysql.jbdc.Driver"); 2.建立 ......
OSPF 基础知识(学习笔记)
恢复内容开始 LS tpye 恢复内容结束 恢复内容结束 恢复内容结束 恢复内容结束 恢复内容结束 恢复内容结束 末节区域都要打stub 恢复内容结束 ......
Java__SpringBoot与Vue连接
SpringBoot与Vue 注解RequestMapping("/dir/") 创建一个方便前端调用的接口目录/接口函数，前端可以获取到函数返回的数据 @RestController @RequestMapping("/dir/") public class BotInfoController { ......
SAP CRM 基础知识
HAND SAP April 2018 ZH HAND CRM基础知识 HAND 上海市青浦区汇联路33号 版权 上海汉得信息技术股份有限公司 © 2018 版权所有。保留所有权利。 未经上海汉得信息技术股份有限公司的明示许可，本出版物不得以任何形式或任何目的进行复制或传播.。此处包含的信息可以更改 ......
记录下easyexcel导出复杂excel表格（填充excel模板）
要求生成的excel如下： 这里我第一想到的就是用阿里的easyexcel来做：链接如下填充excel 要求生成的excel如下： 1）引入pom依赖:需要3.0.x以上的版本 <dependency> <groupId>com.alibaba</groupId> <artifactId>easye ......
docker基础命令
注意：vgantrun https://hub.docker.com修改docker镜像仓库的地址：（原因直接采用docker自己配置的拉取比较慢，因此自己选择国内的一些镜像仓库速度要快一些） 修改步骤：1.根据不同系统的daemon.json的位置不同，目前我采用的是centos7路径是/etc/ ......
Vue 3.0自定义指令
Vue2 和 Vue3 在自定义指令上有一些差异，并不完全一致，下面的介绍主要是针对 Vue3 的介绍。 1. 作用域 自定义指令有两种作用域，一种是局部的自定义指令，还有一种是全局的自定义指令。局部的自定义指令就只能在当前 .vue 文件中使用，全局的则可以在main.js里挂载之后，在所有的 . ......
《Linux基础》09. Shell 编程
Linux基础。Shell 简介、Shell 脚本、变量、位置参数变量、预定义变量、读取标准输入、运算符、条件判断、流程控制、函数、文件包含。 ......
Day1，MarkDown基础
一级标题 二级标题 以此类推 字体 字体粗体 字体斜体 字体加粗斜体 ~~字体~~删除 #引用 引用内容 #分割线 或*** #图片 ![图片名字]（图片路径） eg：！[02]("C:\Users\86178\Pictures\Saved Pictures\R-C.jfif") #超链接 名字 # ......
【WPF学习】04 数据模板
相对于上一节控件模板ControlTemplate定义的是控件的外观及行为，数据模板DataTemplate定义的是数据的可视化结构 DataTemplate允许我们实现通过数据绑定来达到数据驱动UI显示的效果 在下面的实例中，我们首先声明一个包含颜色代码Code和颜色名称Name两个字段的一个构造 ......