空格 源码app vue

Vue2.0中使用bpmn-js

使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
bpmn-js Vue2 bpmn Vue js

vue-ref

在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上, 如果是在普通的DOM元素上使用,引用指向的就是 D ......
vue-ref vue ref

vue-插槽 slot

插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个概念这里就点出来了,是显不显示和怎样显示 “占坑”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中<slot>位置),当插槽 ......
slot vue

vue-computed

使用场景和方法: 1、当数据A的逻辑很复杂时,把A这个数据写在计算属性中。 2、在computed中定义一个函数(看起来是一个函数,其实是一个属性) 3、通过选项computed:{计算属性a:值}。带有返回值return的函数。 特点: 监听值未在data中定义,以return返回值形式; 计算属 ......
vue-computed computed vue

vue-this关键字

vue中, 在script中调用属性和方法,需要使用this 在template使用属性、方法,可以省略this: 因为vue在解析template时使用了with(this),改变了template中的顶层作用域 ......
vue-this 关键字 关键 this vue

python 身份证读取 照片并通过摄像头实时 比对相似度 人证比对软件 源码

最近朋友需要一个人证比对软件需要实现以下功能: 1. 通过摄像头实时采集人脸图像 2. 通过身份证读卡器采集身份证信息 和 身份证照片 3. 使用实时人脸照片 和 身份证照片做相似度比对 4. 比对后返回相似度,或者返回同一人,非同一人 5. 实时采集照片 和 身份证信息照片存档,方便以后查阅 ## ......
人证 实时 源码 身份证 摄像头

[ Vue ] opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]

报错触发场景:Mac系统,开发工具启动从其他地方拷贝或者git克隆来的,非自建前端Vue项目时。 报错内容如下: opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], libr ......

vue-cli

Vue CLI 是官方提供的一个 vue 项目脚手架,本项目也是基于它进行构建的。它帮你封装了大量的 webpack、babel 等其它配置,让你能花更少的精力在搭建环境上,从而能更专注于页面代码的编写。不过所有的脚手架都是针对大部分情况的,所以一些特殊的需求还是需要自己进行配置。 安装和使用 np ......
vue-cli vue cli

vue3 监听容器滚动到底部

**在容器里面添加@scroll事件** ``` i)"> {{ i }} 到达底部 ......
容器 vue3 vue

万字长文硬核AQS源码分析

阅读本文前,需要储备的知识点如下,点击链接直接跳转。 [java线程详解](https://www.cnblogs.com/star95/p/17583193.html) [Java不能操作内存?Unsafe了解一下](https://www.cnblogs.com/star95/p/1761943 ......
长文 源码 AQS

wsl 编译 android AOSP 13 源码

# 安装WSL 1. Windows 11 版本如下: ![image](https://img2023.cnblogs.com/blog/389185/202308/389185-20230824154512143-2038737349.png) 2. 首先在 microsoft store 里面 ......
源码 android AOSP wsl 13

【算法记录】Java - Base64编码解码源码

# Base64编码表 | 索引 | 对应字符 | 索引 | 对应字符 | 索引 | 对应字符 | 索引 | 对应字符 | | :--: | : : | :--: | : : | :--: | : : | :--: | : : | | 0 | A | 17 | R | 34 | i | 51 | z ......
算法 源码 编码 Java Base

直播网站程序源码,js判断上传图片格式类型、尺寸大小

直播网站程序源码,js判断上传图片格式类型、尺寸大小 //判断图片类型var f=document.getElementById("File1").value;if(f==" "){ alert("请上传图片");return false;}else{if(!/\.(gif|jpg|jpeg|png ......
程序源码 源码 尺寸 大小 类型

在线直播系统源码,java使用Thumbnailator实现图片压缩

在线直播系统源码,java使用Thumbnailator实现图片压缩 1.添加jar包 <!-- Thumbnailator 图片压缩 --><dependency> <groupId>net.coobird</groupId> <artifactId>thumbnailator</artifact ......

Vue3内置组件suspense用法

## 1、作用 在使用异步组件时,由于需要等待组件加载完成后才能显示,因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符,提高用户体验。 ## 2、用法 * 首先子组件AsyncShow:使用了promise包裹代码 ```javascr ......
组件 suspense Vue3 Vue

vue监听对象属性值发生变化

监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一:直接根据watch来监听。 export default { data() { retu ......
属性 对象 vue

vscode diff已选项目进行比较 行首行尾 忽略空格

### 一、diff 对比严格模式,不忽略空格差异 ```bash "diffEditor.ignoreTrimWhitespace": true ``` ![image](https://img2023.cnblogs.com/blog/597729/202308/597729-202308251 ......
空格 项目 vscode diff

创建第一个Django app-part5

# 自动化测试 ## 开始第一个测试 ### 首先有一个bug `python3 manage.py shell` ### 创建一个测试来暴露这个 bug > 将下面的代码写入 polls 应用里的 tests.py 文件内 点击查看代码 ```python from django.test imp ......
app-part Django part app

[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么?

原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么? - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会 ......
deep gt inner-selector 深度 selector

vue~layout模板页的使用

# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的,而且在很多项目中都被广泛采用,包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构,减少重复代码,并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法: 1. **Layout 组件 ......
模板 layout vue

导入导出(Excel)vue

导入导出(Excel) 首先 vue安装插件 (最后有完整代码) npm install xlsx file-saver 其次: 简单的导出按钮 代码: <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......
Excel vue

vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'

报错:ReferenceError: require is not defined 原因: 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......
39 ViteMockOptions localEnabled exist vue3

使用 docker 打包构建部署 Vue 项目,一劳永逸解决node-sass安装问题

> 文章源于 Jenkins 构建 Vue 项目失败,然后就把 node_modules 删了重新构建发现 node-sass 安装不上了,折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天,就被 node-sass 折磨了一整天,后面本地没问题了然后服务器开始折磨了,这次又遇到,尝试 ......
一劳永逸 node-sass 项目 docker 问题

abp-vnext-pro 实战(九,前端vue和vben学习)

vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
前端 abp-vnext-pro 实战 vnext vben

Spring源码搭建导依赖时报错:Failed to apply plugin 'kotlin'.

原因是kotlin插件的版本与gradle中指定的版本不一致,我的是1.8.0,spring5.3.x版本gradle配置文件指定的kotlin版本是1.5.32,修改成1.8.0 ![](https://img2023.cnblogs.com/blog/2135157/202308/2135157 ......
源码 时报 Spring Failed plugin

vue2的源码github下载和本地启动调试源码

1.下载源码:https://github.com/vuejs/vue 2.安装依赖,命令行执行:yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数,在打包后页面引入使用时可以调试到源码: { "name": "vue", 。。。 "scripts": { ......
源码 github vue2 vue

Vue动态创建组件实例并挂载到body

方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
组件 实例 动态 body Vue

VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)

准备工作:安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
文本 编辑器 elementUI 图片 quill

vue3.0运行npm run dev 报错Cannot find module ‘node:url‘

### 一、问题描述: - 学习vue3.0( Vue.js - 渐进式 JavaScript 框架 | Vue.js)的时候一直使用的家里电脑,项目搭建运行一直没问题,公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
Cannot module vue3 find node

vue实现大文件上传下载

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
上传下载 文件 vue