signaturepad简易 电子vue
封装简易axios函数
function myAxios(config) { return new Promise((resolve,reject) => { const xhr = new XMLHttpRequest() if (config.params) { const params = new URLSearch ......
vue3 defineEmits的使用
1.计数器案例 父组件: <template> <h2>当前计数为: {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
Vue3中的Ref与Reactive:深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架,它引入了一些令人兴奋的新特性,其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心,本文将深入探讨它们的用法和差异。 什么是响应式编程? 在Vue中,响应式编程是一种使数据与UI保持同步的方式。当数据变化时,UI会自动更新, ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码(注意在官网注册和token值申请) <template> <div class="mapbox-map001"> <p> https://www.m ......
一个简易的ORM框架的实现(二)
框架目标 什么是框架,框架能做到什么? 把一个方向的技术研发做封装,具备通用性,让使用框架的开发者用起来很轻松。 属性: 通用性 健壮性 稳定性 扩展性 高性能 组件化 跨平台 从零开始-搭建框架 建立项目 主键查询功能开发 绑定实体 一步一步的给大家推导: 一边写一边测试 从零开始--搭建框架 1 ......
怎么制作手写电子签名?
https://zhuanlan.zhihu.com/p/157419337 年初在家办公,多次遇到需要在电子版文档上手写签名,以前的我习惯了打印出来再签字,但家里又没有打印机,可难倒了我… 直到一个程序员朋友告诉了我几个傻瓜式操作方法,才发现手写电子签名也没那么难嘛。 记得当时也去网上寻找解决方式 ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
JS实现电子签名,并且将带logo和时间水印的电子签名保存到本地
页面效果如下 本地保存的电子签名图片如下 具体实现代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>电子签名</title> <style> #canvas { border: 1px solid #000; margi ......
vue el-table-column 内容省略号,根据数字展示内容,鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist,打包成安卓apk安装包
1、先看这个(必看):https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log(如不需要可跳过此步骤) npm install vconsole main.js中引入: import VConsole from 'vconsole' cons ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......
ABP + Vue Docker 部署
#!/bin/bash echo " Welcome to docker build" echo "" echo "" ABP_HOST="abp/host" ABP_NG="abp/ng" cd .. echo " Building docker image $ABP_HOST..." # cd ......
vue3 将文件集合下载后导出zip文件
// 注意:文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
恩智浦i.MX8MM核心板在自动售货机产品中的应用方案-迅为电子
迅为i.MX8MM核心板在自动售货机产品中可以实现多种应用,提高自动售货机的功能和性能。以下是i.MX8MM核心板在自动售货机产品中的应用方案: 支付和交易处理: i.MX8MM核心板可以用作自动售货机的支付和交易处理器,支持各种支付方式,如信用卡、手机支付、硬币和纸币识别,以提供便捷的购物体验。 ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹(不同模块建立不同文件,在i ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展,越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求,我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序,旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Day01 - Vue介绍
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求, ......
Day03 - Vue语法使用
JS循环方式 JS循环方式 // 方式一: js循环 >for() >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
Day02 - Vue 基础知识
模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串, 姓名:{{ name }}</p> <p>渲染字符串, 年龄:{{ age }}</p> <p>渲染数组类型, >:{{ list1 }}</p> <p>渲染数组类型按照索引取值, >:{{ li ......
Day06 - Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.Vue必须是: <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由: // 先导入 import ya ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字: component // 使用方法: <component :is="who"></component> // component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
Day04 - Vue的请求方式、计算属性、监听、ref
与后端交互的三种方式 // 后端接口写好了,前后端分离的项目,前端如何与后端进行交互? 前后端要打通 >从前端发送Ajax请求 >核心:使用JavaScript发送HTTP请求,接受返回的数据 -使用原生JS,可以开启Ajax,但是使用原生JS,比较麻烦,需要做浏览器兼容,现在基本不使用 -jQue ......
Vue中qs的使用
1、qs是什么 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 2、qs安装 qs,是axios中自带的,也是npm仓库所管理的包。 安装方式: npm install qs Vue项目导入: import qs from 'qs' Vue项目中 ......
Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程
一、考察点在Vue项目中,大图片和多数据Excel等大文件的上传是一个非常常见的需求。然而,由于文件大小较大,上传速度很慢,传输中断等问题也难以避免。因此,为了提高上传效率和成功率,我们需要使用切片上传的方式,实现文件秒传、断点续传、错误重试、控制并发等功能,并绘制进度条。 在本文中,我们将从以下三 ......
VUE中的data(){return}与data:{}区别
组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。 data:{} data:{ msg: 0 } 使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。 data(){ return } d ......
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......