写法vue2 vue js
vue3 组件使用
子组件接收参数 <template> <div> <!-- 子组件 参数：num 、nums --> <child :num="nums.num" :doubleNum="nums.doubleNum" @increase="handleIncrease"> </child> </div> </te ......
vue echarts map 中国地图显示不出来
测试区忽然无法显示中国地图，所以对比了一下测试区与开发环境中echarts版本的区别 测试区echarts版本为 5.4.2 开发环境为5.0.2 所以将package.json中的 "echarts": "^5.0.2", 修改为 "echarts": "5.0.2", 固定其版本，然后重新部署测 ......
vue-dplay 视频播放插件使用说明
安装依赖 npm install vue-dplayer -S 使用组件 template部分 <template> <div class="hello"> <d-player ref="player" @play="play" :logo="logo" :lang="lang" :video="v ......
Vue3 QuillEditor 富文本编辑器
对于这个组件，我是又爱又恨，上代码： <template> <div> <!-- 此处注意写法v-model:content --> <QuillEditor ref="myQuillEditor" theme="snow" :content="content" :options="data.edi ......
vue3 多级数据下拉选择组件
若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于 element-plus el-tree-select 组件： 举个栗子，TreeSelect.vue： <template> <div> <el-tree-select style="width:100%" v-model="valueId ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
vue2自定义组件@click点击失效问题及解决
1.参照官方文档，可以用@click.native=“click”解决 2.$emit组件之间事件传递解决 https://www.jb51.net/article/246610.htm ......
Vue3 图片上传组件
基于 vue3 element-plus 图片上传组件封装，兄弟姐妹们，将就看一下吧，上代码： <template> <div class="component-upload-image"> <el-upload :limit="limit" :action="uploadFileSignleUrl ......
Vue3 文件上传组件
基于 vue3 element-plus 文件上传组件封装，兄弟姐妹们，将就看一下吧，上代码： 支持：粘贴文件路径上传、文件识别开关 <template> <div> <div v-if="canRecognition"> <el-checkbox v-model="isRecognition">开 ......
Marked.js让您的文档编辑更加轻松自如
低代码应用平台——kintone既可以保留更改记录，也有流程管理的功能，在公司内部分享会议记录啊、wiki等文档或学习资料等时非常的便利。 kintone还有丰富的文本编辑框，可以对内容进行编辑提高易读性。但是还是有不少人觉得如果能够使用Markdown编辑，将更加轻松，文本也将更加美观。※特别 ......
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码： <template> <div class="component ......
Django-Vue-Admin基于django+vue前后端分离开箱即用框架
平台简介 💡 django-vue-admin 是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 🧑🤝🧑前端采用D2Admin 、Vue、ElementUI。 👭后端采用 Python 语言 Django 框架以及强大的 Django REST Framework。 👫权 ......
直播开发app，VUE图片裁剪，打码，旋转功能
直播开发app，VUE图片裁剪，打码，旋转功能 1，先下载插件。 cnpm install image-mosaic -D cnpm install --save vue-cropper 2，在components目录下创建一个imageEdit文件夹，文件夹下创建index.vue，index ......
直播软件app开发，vue记住密码功能
直播软件app开发，vue记住密码功能 记住密码和账号的功能由前端进行操作，而这种操作一般会用到本地存储。当然，本地存储的也不止密码和账号，还有是记住密码框的状态。 首先你需要封装三个方法用来存取数据，（password，username是用户密码绑定的值，checked是记住密码框的绑定值） // ......
js，jquery吸顶实现与问题解决
一.原生js实现吸顶效果 scrollTop属性：元素的最顶部到窗口顶边的距离。即是滚动条滚动的距离 offsetTop属性：元素到其父层顶部的距离。不能对其进行赋值。设置元素到页面顶部的距离请用style.top属性。 var navBar = document.getElementById("# ......
使用 Node.js 内置调试器进行调试
使用 Node.js 内置调试器进行调试 调试是一个多阶段的过程，通常遵循以下步骤： 识别程序中的 bug。 查找 bug 在代码中的位置。 分析 bug 发生的原因。 修复 bug。 验证修复是否有效。 在 Node.js 程序中发现错误后，你面临的第一个挑战就是在代码中找到错误所在的位置。 为实 ......
常用js方法函数
获取字符串长度(英文1个,中文2个) //把双字节的字符替换成两个单字节的字符，并获取它的字符数 let str = '你好115s' const len = str.replace(/[^\x00-\xff]/g, "00").length; console.log(len) ......
vue+element输入框校验输入汉字再输入数字看似正常，实则有大问题，保存时数据不对
在vue+element UI 项目中经常会使用到输入框限制为整数或者小数的需求，一般采用如下oninput="value=value.replace(/[^0-9.]/g,'')"解决， <el-input :placeholder="请输入整数或者小数" v-model="inputValue" ......
vue实现表格穿梭框
新建穿梭组件 bTransfer.vue 1 <template> 2 <div class="bpo-table-transfer"> 3 <div class="bpo-table-transfer-panel"> 4 <p class="transfer-panel-header"> 5 <s ......
js中class的构造函数的this指向问题
场景 定义了一个类的构造函数需要的参数是一个对象，而该对象的属性对class实例的属性进行了调用或修改，也就是在对象中使用了this 问题 示例 class Person { name: '' age: 0 sex: 0 setName: null constructor (person) { th ......
Java 三方接口PHP写法；doHmacSHA2; 将字节数组转换成16进制字符串;Mac.getInstance;HmacSHA256;
先看一段 Java 代码，一个签名过程 1 package com.sixents.bss.filter; 2 3 4 import org.apache.http.HttpEntity; 5 import org.apache.http.NameValuePair; 6 import org.ap ......
ai问答：vue3+pinia+WebSocket 封装断线重连（实战）
把socket实例 挂载到全局 为方便梳理，请忽略typescript # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" import ro ......
在JS中如何判断两个对象是否相等
在JavaScript中，判断两个对象是否相等有多种方法，取决于你对 相等 的定义以及对象属性的类型。以下是几种常见的方法： 1. 严格相等运算符 ( ) 使用 运算符可以比较两个对象是否引用同一个对象。如果两个变量引用了同一个对象，则它们是相等的，否则它们是不相等的。例如： const obj1 ......
js 生成8位随机数，必须包含大写字母，小写字母和数字。
方式一： 有漏洞的 1 function generateRandomString() { 2 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 3 var randomString = ""; ......
Node.js躬行记（28）——Cypress自动化测试实践
最近在研究如何提升项目质量，提炼了许多个用于自测的测试用例，但是每次修改后，都手工测试，成本太高，于是就想到了自动化测试。 在一年前已将 Cypress 集成到管理后台的项目中，不过没有投入到实践中。今天在实践时发现，版本已经到了 12.X，当时集成的版本是 8.X。 一、准备 在重新安装后，将之前 ......
列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3
这个组件解决的问题？ 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。 如何使用？ 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
js注册全选事件、单选全部后“全选”勾选事件
//注册全选事件 $("#selectAll").click(function () { var isAllCheck = $("#selectAll").prop("checked"); var items = document.getElementsByName("ckbx"); if (isA ......
js基础---set、math、date等类
set类概念，需要new 功能为创建一个集合，与数组类似，区别就是它不能设置重复的值 math是一个工具类，不需要new，可直接使用它的方法。 他的常用方法如下： date类，需要new getTime（）：返回一个时间戳,单位为毫秒。 ......
java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统。 本文首先介绍了学生成绩管理的技术发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，再根据系统总体功能模块的设计绘制系统的功 ......
巧用Chrome格式化压缩后的js文件
对于格式化的js文件，可以用chrome处理。 打开chrome浏览器，按F12进入开发者工具界面，找到一个压缩js文件，如图： 在浏览器的底部（左边）的工具栏有一个" { } " 样的图标 ， 点击一下就可以了。 格式后: 格式化的js 也可以 左击保存: ......