pageoffice springboot代码vue
vue入门——？？？07days
昨日回顾： 1 聊天室案例 -不停向后端发送请求 》定时器 》生命周期的 created--》定时任务，发送ajax请求 -v-for渲染 -组件销毁，定时器销毁 -按钮，点击发送消息 -后端 # 2 扩展 # 登录--》注册 # 列出所有用户（筛选） 》点击关注请求 》 -性别 -年龄 ?gend ......
[代码随想录] 第二天
203.移除链表元素https://leetcode.cn/problems/remove-linked-list-elements/ 思路：没什么好说的 /** * Definition for singly-linked list. * public class ListNode { * int ......
直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!
前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 ......
vue 使用screenfull全屏插件后，F11和ESC导致的问题解决
我们在使用screenfull插件时，会产生几个问题： 1.F11的全屏无法监听到 2.ESC的监听（尤其是在使用F11开启全屏后，ESC无法监听） 主要解决方法可参考如下代码： import screenfull from 'screenfull'//引入插件 //全屏判断（判断全屏和非全屏图标的 ......
零基础入门Vue之梦开始的地方——插值语法
一、Vue 我！作为初学者，既然要将Vue，那我一定要介绍一下他是什么？我们可以应用一下官方的话 vue的介绍 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上 ......
一段shell代码可用于git部署代码到服务器的操作
整个执行的思路： 1 先放弃服务器本地的修改，把代码从git管理服务器检出，最新的代码。 2 复制配置测试或生产环境配置文件到工程里面。 3 文件夹的权限重新覆盖。 比如把下面这段bash 脚本命名为test_shop.sh，赋予它可执行的权限。chmod a+x test_shop.sh #!/b ......
vue3 获取循环的div的总宽度
要获取循环的 <div> 元素的总宽度，您可以使用 Vue 3 中的 ref 和 $refs。 在模板中，使用 v-for 循环生成多个 <div> 元素，并为父元素和每个子元素添加 ref 属性。例如： <template> <div ref="parentDiv"> <div v-for="it ......
import在vue中使用
一、import的使用 在Vue 3中，使用import语法可以导入其他模块、组件或库。Vue 3支持使用ES模块的标准导入语法。以下是一些常见的import语法示例： 1、导入单个模块或组件 import { 模块名 } from '模块路径'; 示例： import { ref, reactiv ......
Vue 3 中动态获取高宽
1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " ......
h5页面代码已修改未生效
h5页面代码修改之后，用微信自带浏览器打开，出现未在开发环境出现的样式问题，且初次打开链接的手机没问题，用手机浏览器打开也没问题 原因： 微信浏览器缓存 解决方案： 一：打开微信，“我” “设置” “通用” “存储空间” “缓存” 等待计算完成后 “前往清理” 二：取消全选，不然很多东西会清空， 如 ......
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
fork 后的代码仓如何同步被fork仓的代码
同步develop分支的代码 git checkout develop git remote -v git remote add upstream ‘被fork代码仓的 git 地址’ git fetch upstream git merge upstream/develop git push or ......
线程安全问题的例子以及解决方案示例代码
1.多线程安全问题，出现重复卖票的现象 package net.bbd.spider.lock; public class Ticket implements Runnable { static Integer tickets = 10; @Override public void run() { ......
代码随想录算法训练营第一天
Leetcode704 二分查找 https://leetcode.cn/problems/binary-search/submissions/494474207/ 文档讲解：https://programmercarl.com/0704.%E4%BA%8C%E5%88%86%E6%9F%A5%E6 ......
[代码随想录] 第二天
977.有序数组的平方[https://leetcode.cn/problems/squares-of-a-sorted-array/] 思路：因为数组是非递减，数组有正有负，找到第一个非负数设为i，i将数组划分为前部分的负数组，后部分的非负数组，使用辅助数组将原数组平方部分存储，后部分使用正序存储 ......
LRU cache实现，还是使用伪头部和伪尾部节点写代码更加简单
class Node: def __init__(self, key, val): self.key = key self.val = val self.prev = None self.next = None class LRUCache: def __init__(self, capacity) ......
代码随想录 day16 N 叉树的最大深度 完全二叉树的节点个数
N 叉树的最大深度 这题昨天做过二叉版本 n叉区别不大 完全二叉树的节点个数 层级遍历 入que的数量就是节点个数 ......
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM ......
为什么在 Vue 对象上新增一个属性会丢失响应式？
为什么在Vue对象上新增一个属性会丢失响应式？ 在 Vue 中，当你新增一个属性到一个已经创建的对象上时，这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化，只有初始化时存在的属性才能被 Vue 进行响应式处理 如果你需要让新增的属性也具有响应式，你可以使用this.$set方 ......
Vue源码学习(十九)：router基本原理
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件！ 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置：在路由配置对象中，定义路径与组件的映射关系。例如： import AboutComponent from '../views/AboutCompon ......
springBoot(基础部分)
springboot入门案例开发步骤 那他这么强，是怎样做到的呢？ 对于jdk的使用版本，我们可以先将模块创建出来，然后在项目结构中修改 在springboot中，对于前面springmvc和spring的一些配置信息我们可以完全省略 springboot工程官网创建方式 演示了我们在spring官 ......
iMessage群发,iMessage群发软件开发(常见代码错误与解决方案篇)
随着社交媒体的兴起，iMessage群发软件受到了广泛欢迎，通过这类软件，企业、营销人员等可以轻松地与大量用户进行沟通。 然而，在开发过程中，开发者可能会遇到一些常见的源代码错误，本文将为你揭示这些错误，并提供相应的解决方案，以帮助你顺利开发出高质量的iMessage群发软件。 一、错误的源代码示例 ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
趣味代码-烟花
烟花雨代码 效果图预览： 代码： <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>2024新年快乐！万事如意！</title> <meta name="viewport" content="width=de ......
怎么做UI自动化测试？不会代码也可以？
UI自动化测试已经成为现代软件开发过程中不可或缺的一部分。它能够提供诸多优势，包括提高测试效率、减少人力成本、提升软件质量等。同时，可视化工具为UI自动化测试带来了更多便利和灵活性。然而，可视化工具也存在一些潜在的劣势。本文将探讨UI自动化测试的必要性以及可视化工具的优势和劣势。 一、UI自动化测试 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
原生安卓嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb ......
原生IOS嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p ......