脚手架vue day 34

实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......

vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function ......

有序数组的平方题目如下： 如果是可以使用O（nlogn）或以上复杂度的算法，本题可以简单的先平方一遍，然后使用排序算法就可以了 但是要求使用O（n）复杂度的算法，那么我首先想到的是昨天的快慢指针类似的想法： 我想先平方一次数组，然后从中间开始排序，如下 但是运行之后发现从中间开始进行相邻元素的比较好 ......

Markdown学习 标题 三级标题 ###+空格+文字 文字 **+文字 粗体 *+文字 斜体 +文字 删除 图片 超链接 [2323](百度一下，你就知道 (baidu.com)) 列表 1.+空格 或无序列表-+空格 表格 |姓名|性别| 姓名 性别 代码 ``` public ......

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......

路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......

01. 事务管理-事务回顾-spring事务管理 1.1 事务回顾 在数据库阶段我们已学习过事务了，我们讲到： 事务是一组操作的集合，它是一个不可分割的工作单位。事务会把所有的操作作为一个整体，一起向数据库提交或者是撤销操作请求。所以这组操作要么同时成功，要么同时失败。 怎么样来控制这组操作，让这组 ......

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......

排序 排序快速使用（GenericAPIView） 1.只有查询所有需要排序 2. 如何使用 1 必须是继承 GenericAPIView 及其子类 2 在类中配置类属性 filter_backends = [OrderingFilter] 3 类中写属性 ordering_fields = ['p ......

前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖： npm install bootstrap npm install @po ......

8.3-1-SpringCloud应用改造实践上 一、使用SkyWalking Agent Java中使用agent，提供以下三种方式实现 使用官方提供的基础镜像skywalking-base 将agent 包构建到已经存在的基础镜像中 sidecar模式挂载agent （推荐） 1.1 使用官方提 ......

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......

一、Vue定义及简介 1、Vue定义 关于Vue简介，百度百科给出的解释是：Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单 ......

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......

题目： leetcode 704. 二分查找 感悟： 困扰我多年的二分查找对于边界的判断，我终于理解了。 难点： 难点1：定边界right right = len(nums)还是len(nums)-1 难点2：while循环 while left < right 还是 left <= right 难 ......

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......

计算属性（Computed）： computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时，才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的，不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法，可以更灵 ......

8.1-Skywalking的整体架构及特性 一、为什么需要链路追踪 随着云计算和微服务架构的普及，越来越多的企业开始采用分布式架构开放应用程序。在这种复杂的架构中，应用程序的性能问题变得更加棘手，传统的单机监测工具已经无法满足需求。 二、Skywalking简介 Skywalking 是国内开源的 ......

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......

Day15二叉树、迭代与递归 By HQWQF 2023/12/27 笔记 102.二叉树层序遍历 给你二叉树的根节点 root ，返回其节点值的 层序遍历 。 （即逐层地，从左到右访问所有节点）。 示例 1： 输入： root = [3,9,20,null,null,15,7]输出：[[3],[9 ......

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......

​ 复习截断的含义用处 ​编辑​编辑 1.编辑器路径查找 ​编辑 有些目录是死掉的 有些漏洞街口没有 组合去遍历目录 扫到old目录 这个存放老网站的目录网站漏洞一般比较多 ​编辑 这些高位端口 一般都有很多漏洞 ​编辑 通过主站找别的站 别的站的端口找到编辑器漏洞 ​编辑 有些网站的编辑器可能是和 ......

目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板：GitHub仓库地址，克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......

介绍​ 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插 ......

二维数组 多维数组 多维数组可以看成是数组的数组，比如二维数组就是一个特殊的一维数组，其每一个元素都是一个一维数组。 二维数组 in a[][] = new int[2][5]; 以上二维数组 a 可以看成一个两行五列的数组。 二维数组模型图示 代码演练 package com.baixiaofan ......

1、什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，同源是指 两个页面具有相同的 协议+主机+端口号，它是浏览器最核心也是最基本的功能。如果没有同源策略浏览器将会十分的不安全。 2、如何解决跨域问题 1）使用jsonp 2）使用jquery ajax 3）在vue开发中实现跨域，通过在devS ......

自定义插件的基本使用： let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......

最近新需求项目集成WebSDK_V3.3.0的视频插件，开发过程中遇到了一些问题，如下： 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下： 如果你也有类似问题请往下看 首先 开发包如下： 1.无法正确引入插件 ......