模板 基础vue
2023-06-14 记录一下vue组件如何调用App.vue里面的方法（代码来至chatGpt）
可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下： 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件，并调用相应的方法 ```vue ``` ......
直播源码开发，vue 简单的tab切换滑动效果
直播源码开发，vue 简单的tab切换滑动效果 js部分： 利用computed属性计算位移距离 data() { return { value: '0' }; }, computed: { sty() { let num = Number(this.value) * 100 return `tra ......
直播平台软件开发，Vue上拉框显示隐藏动画
直播平台软件开发，Vue上拉框显示隐藏动画 css简单布局 .picker { height: 300px; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2020; overflow-y: ......
vue3对于ref和reactive类型数据监听的区别
总结：1、对于ref类型的数据进行监听，不能使用 ()=>字段名,的方法，而是采用直接写值进行监听，案例见方式一和方式二2、对于reactive类型的数据进行监听，不要使用直接写属性名的方式监听:watch(属性名，(newVal, oldVal)=>{})，因为这种方式虽说可以执行函数，但却监听不 ......
从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架
本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
[ARM汇编]计算机原理与数制基础—1.1.3 二进制补码
在计算机中，为了表示有符号整数（即正数和负数），通常采用二进制补码表示法。二进制补码不仅可以表示负数，还能简化计算机的加法和减法运算。接下来，我们将介绍二进制补码的概念及其计算方法。 #### 原码、反码和补码 在讨论补码之前，我们先了解一下原码和反码的概念。 1. **原码**：直接将一个有符号整 ......
vue watch deep 用法
### 简单案例 ``` watch deep obj:{{obj}} 调用watch次数:{{times}} 改变对象 ``` ![](https://img2023.cnblogs.com/blog/1202393/202306/1202393-20230614131230156-5873063 ......
Vue3中循环任务优化方案
# 需求 在使用循环任务时，往往需要使用到`setInterval`方法。其接受三个参数，分别是 1.具体执行的函数 2.执行时间间隔 3.传递个函数的参数，并返回一个id，后续可以使用这个id来停止循环的执行。具体的使用可以[查阅MDN](https://developer.mozilla.org ......
vue 中使用 rem 后元素最终大小的计算和转换？
1.如果项目引入了rem，那么默认的html元素的font-size大小被设置为 html 元素样式中的 font-size 会被设置为 clientWidth/10 + "px"，此值可以自己修改2.1rem 将等于 html 的 font-size 的大小3.如果一个元素用px作为单位设置，那将 ......
ant design-vue的table表格添加rowkey的三种方式
项目场景： 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析： 未按照组件要求添加key 属性作为唯一的标识。 解决方案： 方法1：:rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t ......
vue watch immediate方法用法
* 通过`immediate` 选项,我们可以第一次监听时就执行回调函数,以便进行一些初始化操作. * 注意: 如果我们监听的事一个对象或数组类型数据,那么`immediate` 选项只会在实例初始化时执行一次回调操作，而不是在对象或数组内部数据变化时重新执行回调函数。 * 如果需要在内部数据变化时 ......
Vue-router跳转和location.href有什么区别
vue-router使用pushStat进行路由更新，不刷新页面，静态跳转； 使用diff算法，按需加载，减少dom操作， 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转，简单方便，但是刷新了页面； 不同页面间跳转 可 ......
一维动态规划-基础版
问题描述 一般来说，一维动态规划的问题，其输入的参数一般是$n$，而所求结果有点像数列$a_n$，或者说$f(n)$($f$可以认为是函数或者说对应关系)，同时$a_n$与之前的$a_{n-1},a_{n-2},...a_{1}$有一个确定的对应的关系，例如$a_n = a_{n-1} + a_{n ......
C++ 模板类编译过程中出现“undefined reference to”问题
问题描述 C++在使用模板(template)类的时候，如果将类的成员函数的声明和实现分别放在.h头文件和.cpp源文件中，编译时会报错undefined reference xxx，找不到对应成员函数。 起因 .h文件中类的声明为： // 线程池，定义成模板类，为了代码的复用 template < ......
【python基础】input函数
# 1.初识input函数 大多数程序都旨在解决最终用户的问题，为此通常需要从用户那里获取一些信息。例如假设有人要判断自己是否到了投票的年龄，要编写回答这个问题的程序，就需要知道用户的年龄，这样才能给出答案。此时就需要用户输入给程序一些信息，而input函数就是来处理用户输入信息的。 其语法格式： ......
Cmake 基础教程
介绍 CMake是个一个开源的跨平台自动化建构系统，用来管理软件建置的程序，并不依赖于某特定编译器，并可支持多层目录、多个应用程序与多个库。 它用配置文件控制建构过程（build process）的方式和Unix的make相似，只是CMake的配置文件取名为CMakeLists.txt。CMake并 ......
Vue中的key
【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的 ......
[ARM汇编]计算机原理与数制基础—1.1.4 逻辑运算
在计算机中，逻辑运算是对二进制数据进行操作的基础。逻辑运算主要包括以下几种：与（AND）、或（OR）、非（NOT）和异或（XOR）。接下来，我们将详细介绍这几种逻辑运算的原理及其应用。 #### 与（AND）运算 与运算的规则如下： - 0 AND 0 = 0 - 0 AND 1 = 0 - 1 A ......
vue记录滚动位置
# 1.目的 列表页进入详情页时缓存并记录滚动位置，返回列表页面不重新请求数据并滚动到离开时的位置 # 2.实现 ## 2.1.单页面 不管是浏览器前后退 还是router-link前后退都生效 ``` ``` ``` // 滚动位置 let scrollTop = 0; onActivated(( ......
vue事件总线
//事件总线: 类似于单独对于一个功能的处理。组件间通信的方式；适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam ......
vue实现子父组件之间通信
<template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di ......
vuex基础语法
// import Vuex from "vuex"; // import Vue from "vue"; // Vue.use(Vuex); // /* // vuex作用：数据共享 // 用法：在store新建一个js文件；new Vuex.Store // 方法： // state：初始状态数 ......
python基础
[第1课 初识Python程序设计语言_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1PE411479G/?spm_id_from=333.999.0.0&vd_source=0171aff436db6d7c707fb12c8ad61d69) ## ......
opcenter camstar designer基础知识--Tables
tables用于存储持久性数据,通过 Designer 创建表时，实际上创建的表定义将成为事务数据库中的表。 单击工具栏上的“Tables”按钮将打开“tables”窗口，可以在其中查看所选表的属性。 选择树显示表的5种类别: 1. modeling 建模 此类别的表对应于各种模型或结构，例如工厂、 ......
基础数据结构
# 单调队列 去尾、删头、窗口 来维护一个单调队列 例题： 1.https://www.luogu.com.cn/problem/P1886 代码： ```cpp //>>>Qiansui #include #include #include #include #include #include # ......
vue路由
1、 在dos窗口下安装 ``` npm install vue-router@3 --save-dev --registry=http://registry.npmmirror.com ``` 2、配置路由 ① 在src目录下面，新建 router文件夹 ② 然后再其中创建 index.js 路由 ......
vue组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
python基础day24 subprocess、hashlib和日志模块
subprocess模块 用处： 1. 以后我们可以用自己的电脑连接上别人的电脑（socket） 2. 通过subprocess可以在别人的计算机上执行我们想要执行的命令 3. 把在别人计算机上执行的结果返回过来 import subprocess res = subprocess.Popen('t ......