组件 常用confirm vue
vue全家桶进阶之路35：Vue3 传递参数query和params
在 Vue.js 3.x 中，可以通过路由的 params 和 query 属性来传递参数。 通过 params 传递参数 我们可以在路由跳转时通过 params 传递参数。具体方法如下： // 在组件中跳转路由 import { defineComponent } from 'vue' impor ......
Vue移动端实现调用相机扫描二维码或条形码的全过程
1、安装。 npm install @zxing/library --save 2、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator.userA ......
Vue.extend源码分析
前言 Vue.extend生成一个组件的构造器，使用的场景其实不算多，一般来说，在需要实现一个全局的类似alert，message组件的时候，可以比较方便的使用它，动态地挂载。 开始读源码 Vue.extend = function (extendOptions: any): typeof Comp ......
vue全家桶进阶之路34：Vue3 路由基本配置
在Vue3中，路由的基本配置是通过使用Vue Router库来实现的。以下是Vue3中路由的基本配置步骤： 安装Vue Router 使用npm或yarn在项目中安装Vue Router： npm install vue-router // 或者 yarn add vue-router 创建路由实例 ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用，可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面（发起请求） import Event fro ......
ansible剧本-变量-常用参数
ansible剧本-变量-常用参数 Cloud研习社 Cloud研习社 2023-04-18 07:31 发表于山东 收录于合集 #ansible25个 #云计算202个 #linux214个 #计算机190个 #一站式教程223个 教程每周二、四、六更新 ansible还有一个常用的模块：setu ......
iptables命令常用规则汇总
iptables非常强大，但是参数选项多，学习成本较高。本文将常用的iptables的命令进行汇总，在关键时刻方便拿来即用。 iptables的四表五链 iptables的四表五链是指iptables中的四个表和五个链。四个表分别是： filter表：用于过滤数据包，控制网络流量。 nat表：用于对 ......
Jenkins常用插件
1. AnsiColor 构建shell脚本： echo -e "\033[41;30m红底黑字\033[0m" echo -e "\033[30m 黑色字 \033[0m" echo -e "\033[31m 红色字 \033[0m" echo -e "\033[32m 绿色字 \033[0m" ......
vue3微信公众号商城项目实战系列（7）自定义底部tabbar组件
在开始之前，先看看官方对组件的定义： vue3的生态非常丰富，有各种各样的开源组件库可以拿来就用，比如vant、element-ui等，本系列不使用任何第3方组件， 完全使用原生的语法来写，只为聚焦vue3技术本身，本篇写一个自定义tabbar组件，效果如下图所示： 要实现如下功能： 1. 底部ta ......
vue全家桶进阶之路33：Vue3 计算属性computed
在Vue3中，计算属性可以使用computed函数来定义。 computed函数接受两个参数：第一个参数是一个函数，该函数返回计算属性的值；第二个参数是一个可选的配置对象，可以包含getter和setter函数，以及控制计算属性缓存的缓存配置。 Vue3中的计算属性与Vue2中的计算属性相比有以下几 ......
Gtest——常用断言
GTest 中断言的宏可以分为两类： ASSERT_* 的断言：当检查点失败时，退出当前函数； EXPECT_* 的断言：当检查点失败时，继续往下执行，最后在结果中输出期望值和实际值。 一般 EXPECT_* 更常用，它可以输出测试的多个失败，常用的断言如下，包括布尔类型、整数类型、浮点类型、字符串 ......
VUE上传大型视频文件到服务器,解决方案
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
直播app源码，使用vue-awesome-swiper创建轮播图幻灯片
直播app源码，使用vue-awesome-swiper创建轮播图幻灯片 1. 引入 引入方式可以参考官方文档，两种方式选一种即可：vue-awesome-swiper at v3.1.3 （1）第一种方式：在main.js入口文件中全局引入 // /src/main.js // swiper全局引 ......
vue项目使用定时器每隔几秒运行一次某方法
代码如下： data() { return { timer:null, //定时器名称 }; }, created() { this.setTime(); }, beforeDestroy() { clearInterval(this.timer); // 清除定时器 this.timer = nu ......
VsCode常用设置（新手必备！）
很多同学会有疑问，为什么我看到很多大牛的视频里面敲代码的时候，输入一个template，就会出现一大块代码。 为什么我输入一个template，只有这一个单词，啥也没出来 别墨迹，快解决 闲话不多说，我们就来聊一聊如何--懒省事（在VsCode里面设置自定义的模板） 首先：我们要找到这个模板 ......
初识vue3
定义 Vue是一款Javascript框架，基于前端三大件，提供了具有组件化，声明式，渐进式的特点的编程模型。 ##核心功能 1.声明式渲染 2.响应式 ##组件之单文件组件 Vue最为核心的组成部分便是单文件组件，文件结尾为*.vue 宏观的逻辑是这样的： *.vue创建组件-> .js文件中将组 ......
vite vue使用pont-engine
pont-engine 是一款阿里的api生成工具！ 安装依赖即可 yarn add --dev pont-engine 然后即可使用 pont start 问题 但是因为默认生成的代码 包含cjs的模块语法，所以vite无法识别。 另外生成代码前最好把旧的生成目录删除！ 解决办法 因此我做了如下优 ......
docker入门之二：docker常用命令
1. docker常用命令 1.1. 基本命令 1.2. docker管理容器 1.2.1. 启动容器 进入容器 删除容器 1. docker常用命令 1.1. 基本命令 获取镜像 [hadoop@hadoop101 docker]$ docker pull ubuntu:16.04 运行镜像 [h ......
ip 表单验证 vue iview
ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP：" prop="userPhoto" :rules="[{ required: true, validator: ......
node_exporter 之常用启动配置项
说明：默认启动容器使，不带后加的启动下，但是实际使用情况时，经常需要加一些指定参数，如容器启动时会默认挂载容器里面的/etc/hostname，/etc/resolve.conf，/etc/hosts等目录，此时就需要加额外参数进行启动。 #获取metric信息的url，默认是/metrics，若需 ......
Hutool工具类常用工具
介绍 Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。 Hutool是项目中“util”包友好的替代，它节省了开发人员对项目中公用类和公用工具方法的封装时间，使开发专注于业务，同时 ......
vue中使两个不同高度的div(内容长度不一)高度相同
设置高度height，记得给左右侧div一个最小高度min-height，保证没有内容的时候有一定的高度，内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur ......
Vue3 回顾vue2的响应式原理
视频 vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, 'count', ......
Vue3 Vite H5 拖拽条组件，可下拉收起/关闭，上拉展开
同样是懒人想找现成的但没找到，参考其他朋友提供的思路现写一个。 效果 代码 简单的demo。 DragBar.vue <template> <div class="popup__top" @touchstart="onTouchstart" @touchmove="onTouchmove" @tou ......
kkFileView 安装office组件失败
wget https://kkfileview.keking.cn/LibreOffice_7.1.4_Linux_x86-64_rpm.tar.gz tar -zxvf LibreOffice_7.1.4_Linux_x86-64_rpm.tar.gz cd LibreOffice_7.1.4.2 ......
layui常用弹窗和qrcode二维码生成
layui常用弹窗和qrcode二维码生成 hidecode于 2020-10-21 11:34:26 发布4473 收藏 3 分类专栏： JAVAEE 文章标签： layui vue.js javascript css html 版权 JAVAEE专栏收录该内容 51 篇文章0 订阅 订阅专栏 框 ......
JavaScript 发布-订阅设计模式实现 React EventBus（相当于vue的$Bus）非父子之间通信
提前声明: 我没有对传入的参数进行及时判断而规避错误,仅仅对核心方法进行了实现； 解决了react的非父子间的通信； 参考文档：https://github1s.com/browserify/events/blob/main/events.js https://www.npmjs.com/packa ......
Vue3 reactive函数
视频 3.reactive函数 作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数） 语法：const 代理对象= reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象） reactive定义的响应式数据是“深层次的”。 内 ......
vue 怎样让变量在第一次赋值时不触发watch
需求需要在create中为一个变量赋值，后续监听这个变量值的变化 解决在第一次赋值后，添加 this.$watch('emailInput', this.changeAlert) 第一个变量为 需要监听的变量第二个变量为 监听变量变化后做的操作，是一个方法，类似于watch中的handler 这个方 ......