事项vue cli 01
常用Dockerfile注意事项
Dockerfile添加PATH生效 # 注意不要写= ENV CONDA_DIR /opt/anaconda3 ENV PATH $CONDA_DIR/bin:$PATH Dockerfile添加普通用户 # ADD By Yu for sim dev environment FROM ubunt ......
【2024-01-11】打个篮球
20:00 乐观主义者认为，相比前世和来生，现在生活的世界是最好的世界。而悲观主义者却担心现在的世界已经是最好的世界了。 ——罗伯特·奥本海默 今天周四，是公司的篮球日。自从搬来新办公室后，我连球场在哪都不知道。听同事说好像就在离公司300米开外。这么近，我竟然连去打一下的冲动都没有。这可是我从小到 ......
【2024.01.12】闪光灯学习（上）
教程来自于https://www.bilibili.com/video/BV1nr4y1i7JS/?spm_id_from=333.1007.top_right_bar_window_history.content.click&vd_source=d3b20de6fd728a6822df14fa2e ......
Vue 3 中动态获取高宽
1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " ......
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
linux 危险cli
1. rm -rf / 复制 rm -rf / 1. 原理解析： 该命令会递归地删除根目录下的所有文件和子目录，这将导致系统的完全崩溃和数据的永久丢失。rm表示删除文件或目录的命令，选项-r表示递归删除，选项-f表示强制删除，而"/"表示根目录。因此，执行该命令会删除根目录及其下所有文件和目录，造成 ......
2024.01.11
1.Matcher.appendReplacement(StringBuffer sb, String replacement)：将当前匹配子串替换为指定字符串，并且将之前的字符串添加到一个StringBuffer对象 appendTail(StringBuffer sb)：将最后一次匹配工作后的剩 ......
01.接口测试价值与体系
目录 接口测试概念 接口测试的价值 分层测试体系 接口测试学习路线 接口测试概念 接口：不同的系统之间相互连接的部分，是一个传递数据的通道 接口测试：检查数据的交换、传递和控制管理过程 接口测试的价值 传统的测试方法成本急剧上升 测试效率下降 分层测试体系 越往上，发现 Bug 的时间越晚，成本越高 ......
2024-01-11 训练总结
T1 愤怒的小鸟 [NOIP2016 提高组] 愤怒的小鸟 题目背景 NOIP2016 提高组 D2T3 题目描述 Kiana 最近沉迷于一款神奇的游戏无法自拔。 简单来说，这款游戏是在一个平面上进行的。 有一架弹弓位于 \((0,0)\) 处，每次 Kiana 可以用它向第一象限发射一只红色的小鸟 ......
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 ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
[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 ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
原生安卓嵌入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 ......
01-HTML元素
HTML（ HyperText Markup language ）超文本标记语言，咱们熟知的网页就是用它编写的，HTML 的作用是定义网页的内容和结构。 1）HyperText 是指用超链接的方式组织网页，把网页联系起来2）Markup 是指用 `<标签>` 的方式赋予内容不同的功能和含义 1. H ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue项目。 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
vue入门——？？？06days
案例回顾： 点击显示小电影案例 - 按钮点击事件 - axios.get().then(res=>{ res.data # 响应体的内容 }) - v-for循环 》div # 2 计算属性 -必须要有返回值，返回值当做属性的值 -方法当属性用 -computed中 -它依赖的变量发生变化，它才重新 ......
Vue.nextTick在动态更新iframe的src中的使用
Vue.nextTick在动态更新iframe的src中的使用：https://codeleading.com/article/63673310260/ 当iframe中的地址src需要动态改变时，需要使用Vue.nextTick来切换地址src，否则DOM的地址不会实现更新，而是保持上一次的src ......
海亮01/11网络流专题
海亮01/11网络流杂题 题单链接 T1 题意 一共有 \(n\) 个飞行员，其中有 \(m\) 个外籍飞行员和 \((n - m)\) 个英国飞行员，外籍飞行员从 \(1\) 到 \(m\) 编号，英国飞行员从 \(m + 1\) 到 \(n\) 编号。 对于给定的外籍飞行员与英国飞行员的配合情况 ......
vue 高德地图异步引用
先建立一个文件，引入高德 gDMapLoader.js const ak = '4e9f15de14b05fd8f19e1d8fbe91f0a3' export default function load() { return new Promise(function(resolve, reject ......
01 Docker 安装：入门案例带你了解容器技术原理
Docker 能做什么？ 众所周知，Docker 是一个用于开发，发布和运行应用程序的开放平台。通俗地讲，Docker 类似于集装箱。在一艘大船上，各种货物要想被整齐摆放并且相互不受到影响，我们就需要把各种货物进行集装箱标准化。有了集装箱，我们就不需要专门运输水果或者化学用品的船了。我们可以把各种货 ......
【2024-01-10】认知年轻
20:00 聆听树林的生长，而不是大树的折断。 ——黑格尔 今天想跑步，已经有十几个工作日没跑步。工作忙，适当加班也是正常，一会写完日记就走。 跑步，是一项极具价值回报的坚持。我最能看到的价值，就是它帮我熬过了最大压力的人生阶段。我很幸运地看到自己还能有六块腹肌的身材，还能一直保持RMB靶心位置的体 ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......