事项vue cli 01
01内部类
内部类 一、内部类的分类 成员内部类 静态内部类（static） 局部内部类：类在方法的内部 匿名内部类 二、内部类的概念（什么是内部类？） 在一个类的内部再定义一个完整的类 class Outer{ class Inner{ } } 三、内部类的特点 编译之后可生成独立的字节码文件 内部类可以直接 ......
摄像机使用注意事项
1. 白平衡模式要打到手动，才不会自动去调节白平衡了。 如：快门优先或者光圈优先都有可能自动再去调节图像 2. udp 发送 visca 指令： 云台设置里注意改成visca, 然后注意一下 visca 端口 上: 81 01 06 01 05 05 03 01 FF // 81 里的 1 是云台设 ......
Vue3 typescript script setup获取范型组件的ref
原博客地址： https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下，如果想获取带类型的组件模板引用，官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
vue3解构defineProps失去响应式解决办法
先看下面的代码 const props = defineProps({ showName: { type: String, default: "123", }, }); const { showName } = props; 我们发现这个东西虽然可以展示到页面但是它失去了响应式。 那么正确的使用姿势 ......
如何使用 GoGoCode 一键 Vue2 转换 Vue3
前言 从今年年初开始，项目开始升级优化，将之前的 Vue2 旧版本整体升级到 Vue3 版本。在重写了几个 Vue 文件后，我发现做的都是一些机械性的工作，效率低且重复性大。于是就试着搜索了一下有没有什么能够批量转换代码格式的工具，发现了阿里的这个基于 AST 的 JavaScript/Typesc ......
vue父组件中调用子组件中的方法 及vue父组件调用孙子组件的方法
一：通过ref直接调用子组件的方法； 子组件child.vue <template> <div>我是子组件</div> </template> <script> export default { methods: { childFun() { console.log('我是子组件的方法'); }, ......
vue 各种东西的顺序
props —》beforeCreate —》methods —》data —》computed —》watch(immediate) —》created beforeCreate 会在实例初始化完成、props 解析之后、data() 和 computed 等选项处理之前立即调用。 created ......
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化 问题 Col标签不对齐 首先直接放解决办法 在 vsCode settings.json 中添加 { // 缩进大小,自行按需配置 "vetur.format.opt ......
vue学习八
<div id="app8"> <ul> <li v-for="(item,index) in list" style="display: inline;list-style-type: none; margin-left: 10px;" @click="indexactive = index"> ......
vue学习七
<div id="app7"> <div style="height: 80px;width: 80px;background-color: aquamarine;" @click="father"> <div style="height: 40px;width: 40px;background-c ......
STM32 EEPROM_Emulation 保存数据使用注意事项
1 目的: stm32 官方提供flash模拟eeprom的代码例子，为了能给产品添加数据保存功能，可以改造该例子迅速完成数据保存的功能。示例代码路径： C:\Users\rd-yhzhang\STM32Cube\Repository\STM32Cube_FW_F1_V1.8.5\Projects\ ......
vue框架spa首屏优化
一、减小入口文件体积 常用的手段是路由懒加载，把不同路由对应的组件切割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加。在vue-router 配置路由的时候，采用动态加载路由的形式，这样就可以把各自的路由文件分别打包，只有在解析给定的路由时，才会加载路由组件。 ......
vue扫码功能
直接写到组件里面，使用组件传值返回数据 <template> <div class="scan"> <div id="bcid"> <div style="height:40%"></div> <p class="tip">...载入中...</p> </div> <footer> <button ......
vue3 hooks使用watch监听注意事项
当我们再vue3 写了一个通用hooks的里面使用watch来执行某些操作要注意！！！ 一个页面只能再根路由去创建实例，也就是调用 对呀hooks,如果子路由也需要使用 则由根路由 provide() 子路由inject，如果子路由都创建实例，会造成多次执行监听例如 我们由一个useSearch,来 ......
通过node.js部署vue项目
一、下载 Node.js官网下载大家根据自己的系统进行下载安装包（我的电脑是windows10-64位，所以下载第一个） 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\，我这里选择在D:\Program Files\n ......
01_二极管
二极管 单向导通性: 电流只能从正极流向负极, 不能从负极流向正极 二极管测试 电路图 特性: 二极管导通之后, 它所分的电压值为0.7V; 发光二极管导通之后所分的电压值为1~2V, 电流值为5~20mA 结论:(对于1N4148) 当二极管两端的电压很小时, 它是不导通的,当电压达到 ......
[Vue]Object.defineProperty()和Vue数据代理
Object.defineProperty (person, 'age', { value: 18, enumerable: true, // 属性是否可枚举，默认为false writable: true, // 属性是否可被修改，默认为false configurable: true, // 属 ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
vue3实现一个通用的右键菜单组件
1、新建一个名为ContextMenu.vue的文件 <template> <div ref="containerRef"> <slot></slot> <Teleport to="body"> <Transition @beforeEnter="handleBeforeEnter" @enter= ......
目录-01-数组
1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，数据驱动界面改变 v-model 的双向绑定已告一段落, 剩余的就以这篇文章来完成。 首先完成我们的 v-html，v-text, 其实很简单，就是将我们之前的 v-model 创建观察者的方法，在 v-html 和 v-text 中再写一次即可，创建属于 v-html 和 v-t ......
假期没闲着系列 续作 01
今天在准备新公司入职手续的同时，又把这个项目管理工具更新了下。 现在是这样式儿的： 嗯，改动了挺多，然后我想着去联系原作者让他一同看下，就去了某ee的代码仓库给作者发了消息。 不过看到原作者的更新在2021年初就停止了，不知道他还用不用某ee。 其他不说了，我讲下我更新了哪些吧，首先除了在第一篇《假 ......
vue 基础学习 一
1. vue 使用快速入门三步走 (1) 新建 HTML 页面，引入 Vue.js文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue.js 入门示例</title> <script src="https://cdn.j ......
Struct DoWhileDemo01
package com.chen.struct; public class DoWhileDemo01 { public static void main(String[] args) { int i = 0; int sum = 0; do { sum = sum + i; i++; }while ......
struct IfDemo01
package com.chen.struct; import java.util.Scanner; public class IfDemo01 { public static void main(String[] args) { Scanner scanner = new Scanner(Syst ......
Struct SequenceDemo01
package com.chen.struct; public class SequenceDemo01 { public static void main(String[] args) { System.out.println("hello1"); System.out.println("hell ......
Struct SwitchDemo01
package com.chen.struct; import java.util.Scanner; public class SwitchDemo01 { public static void main(String[] args) { //case穿透 //switch 匹配一个具体的值 cha ......
vue学习七之生命周期
1.vue的四个生命阶段 2.vue的八个钩子 (1) beforeCreate:创建阶段前,script数据尚未加载 (2) created:创建阶段已完成 (3) beforeMount:挂载阶段前，开始通过数据进行页面渲染 (4) mounted:挂载阶段完毕 (5) beforeUpdate ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......
软考上午01
原码：第一位为符号位（+为0. -为1）后七位为二进制存储 反码：正数与原码相同，负数则符号位不变，其余位取反 补码：在原码的基础上符号位不变，剩下的位中，剩下的位中从右向左找1并填充1 原码用于表示数据，补码用于求和运算。溢出的时候就是0。 阿姆达尔定律： 加速比=不使增强措施时完成整个任务的时间 ......