js
关注
分享
扫一扫
limit for me
小小前端，不怕困难！
展开
-
echart饼图 图例自定义
【代码】echart饼图 图例自定义。原创 2023-03-14 17:15:21 · 1334 阅读 · 0 评论 -
使用ureport点击预览时报错com.bstek.ureport.console.exception.ReportDesignException: Report data has expired,c
报表计算出错，错误信息如下：使用ureport点击预览时报错原因：原创 2023-02-13 14:23:00 · 2699 阅读 · 0 评论 -
echart中markpoint标记点显示不全的情况
的参数，只展现数据发生变化的区域，当在这个条件上加上不在这个区间的标记点时，标记点将会丢失。在echart中使用过大数据难以区分 在yAxis中加上了。使用位置：在options中的。或者在series中加上。原创 2023-01-05 15:47:40 · 1684 阅读 · 1 评论 -
markdown-it-vue 能使用html语句根据＜br/＞能实现换行操作
【代码】markdown-it-vue 能使用html语句根据＜br/＞能实现换行操作。原创 2022-11-28 09:31:44 · 647 阅读 · 0 评论 -
echart中的myTool工具栏自定义方法下载图表svg图片
echart中的myTool工具栏自定义方法下载图表svg图片原创 2022-11-04 17:27:34 · 1791 阅读 · 0 评论 -
vue中ztree使用懒加载的方法
【代码】vue中ztree使用懒加载的方法。原创 2022-10-28 16:59:46 · 807 阅读 · 0 评论 -
iview组件中的DatePicker的type=“datetimerange“类型双击一个时间要求将结束时间改为23:59:59
【代码】iview组件中的DatePicker的type=“datetimerange“类型双击一个时间要求将结束时间改为23:59:59。原创 2022-10-27 13:48:55 · 629 阅读 · 0 评论 -
el-date-picker日期限定范围
el-date-picker日期限定范围页面<el-date-picker v-model="form.time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>设定时间不能超过前后范围不超过七天// 限定日报时间选择范围 timeO原创 2022-10-09 10:01:13 · 2347 阅读 · 0 评论 -
vue 使用xlsx导出文件功能导出表格文件
【代码】vue 使用xlsx导出文件功能导出表格文件。原创 2022-09-26 19:43:54 · 1196 阅读 · 1 评论 -
watermark-dom水印控制水印大小自适应
watermark-dom水印控制水印大小自适应。原创 2022-09-14 10:08:25 · 1267 阅读 · 0 评论 -
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境的使用
npm run build:test 或 yarn build:test打包项目测试环境。npm run build 或 yarn build 打包项目生产环境。dev ， build:test ，build 可以根据需要自行修改。npm run dev 或 yarn dev:运行项目。原创 2022-09-01 11:36:36 · 1867 阅读 · 0 评论 -
iview表格嵌套表格
expandRow组件文件可以根据自己的需要加上分页等等。原创 2022-07-21 11:25:37 · 1311 阅读 · 0 评论 -
iview框架中table中动态过滤filters
效果图：原创 2022-07-11 17:10:11 · 1473 阅读 · 0 评论 -
vue中使用高德地图隐藏不需要的板块
效果图：直接在全局index中引入：原创 2022-06-27 14:54:34 · 1154 阅读 · 0 评论 -
vue自定义动态时钟显示
vue自定义动态时钟显示原创 2022-06-13 16:46:06 · 883 阅读 · 0 评论 -
ztree在vue中的使用 使用封装好的vue-giant-tree
ztree在vue中的使用 使用封装好的vue-giant-tree原创 2022-06-07 15:02:17 · 2563 阅读 · 3 评论 -
使用vue-giant-tree根据id定位位置
<tree :setting="setting" :nodes="getTreeData" @onClick="selectTree" @onCreated="handleCreated" />引入import tree from "vue-giant-tree";components: {tree }, data() {原创 2022-06-02 17:11:54 · 738 阅读 · 0 评论 -
iview中this.$Modal.confirm自定义弹出框换行加样式
iview中this.$Modal.confirm自定义弹出框换行加样式this.$Modal.confirm({ title: "确认调整",//标题 render: (h, params) => { return h("div", [ h( "p", { style: {原创 2022-05-27 11:20:19 · 5028 阅读 · 1 评论 -
关于节流防抖
关于节流防抖1、知识点函数防抖 是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求函数节流 是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率2、防抖只要不是最后一次触发，就不执行异步请求<template> <原创 2022-05-23 16:10:56 · 122 阅读 · 0 评论 -
对树形结构的一些递归处理方法 tree
对树形结构的一些递归处理方法 tree对树形结构的一些递归处理方法 tree原树形结构：data1: [ { title: "parent 1", expand: true, id:1, isParent:true, children: [ { title: "parent 1-1", expand: true原创 2022-05-16 15:04:29 · 1139 阅读 · 0 评论 -
iview render中超长文字隐藏加提示并加上按钮事件
iview render中超长文字隐藏加提示并加上按钮事件实现效果：代码： render: (h, params) => { return h("div", [ h( "Tooltip", { props: { placement: "top-start",原创 2022-05-11 11:45:15 · 314 阅读 · 0 评论 -
v-for中对循环的对象内容进行修改时无法实时同步到页面
v-for中对循环的对象内容进行修改时无法实时同步到页面这里使用iview框架，实现点击按钮时使spin加载中出现<Card class="card" v-for="(item, index) in unitList" :key="index"> <span class="headBtn" @click="refresh(item,index)"> <Icon type="ios-refresh" size="20"></Icon> </sp原创 2022-04-29 11:19:32 · 490 阅读 · 0 评论 -
在vue中用multipart/form-data方式上传文件
multipart/form-data方式上传文件这里用iview的框架写<Modal v-model="fileModel" title="导入文件" width="600" :mask-closable="false" > <Upload style="display: inline-block" :before-upload="handleUpload" action="//jsonplaceholder.原创 2022-04-19 11:57:05 · 2931 阅读 · 0 评论 -
ureport2图表使用，当无数据时自定义显示
ureport2图表使用，当无数据时自定义显示1、目的：如下图，当无数据时显示“暂无数据”，总资源数为02、方法1、选择要类型框下显示数据的框2、点击配置条件3、左侧自定义名称，中间写条件，右边选择要改变的属性设置值等于4、同理，总资源数改成0，保存即可...原创 2022-04-08 09:42:48 · 2078 阅读 · 0 评论 -
jsp中正则input只能输入数字，且保留两位小数
jsp中正则input只能输入正数，且保留两位小数<form:input path="budget" htmlEscape="false" maxlength="10" class="input" onkeyup="this.value=this.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*原创 2022-03-28 14:22:25 · 2500 阅读 · 0 评论 -
el-tree默认展开n项，最后一项时调用接口获取
el-tree默认展开n项，最后一项时调用接口获取1、一开始想的使使用el-tree懒加载的方法，但后续执行效果不理想，懒加载方法只能搜索第一层的内容，无法搜索到所有的默认展开项。后面直接不用懒加载的方法，直接通过节点判断调用接口，可以实现搜索功能。<el-input placeholder="请输入查找内容" prefix-icon="el-icon-search" v-model="filterText"原创 2022-03-21 14:19:29 · 735 阅读 · 0 评论 -
使用ApexCharts时日期加时间比实际时间少8小时
使用ApexCharts时日期加时间比实际时间少8小时原创 2022-03-02 10:55:33 · 550 阅读 · 0 评论 -
js中map函数的使用
js中map函数的使用array.map(function(currentValue, index, arr), thisIndex)currentValue：必须。当前元素的的值。index：可选。当前元素的索引。arr：可选。当前元素属于的数组对象。thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。案例1 let arrnew = arrold.map(obj => { return obj.name; })案例2let song原创 2022-02-25 15:37:09 · 1257 阅读 · 0 评论 -
iview中page的@on-change 事件
iview中page的@on-change 事件使用方法原创 2022-01-25 14:30:24 · 701 阅读 · 0 评论 -
解决跨域问题 最常用的两种方法
解决跨域问题 最常用的两种方法1、服务器端cors配置在服务器端进行配置，在服务器端设置Access-Control-Allow-Origin即可// 加载CORS模块const cors = require('cors');// 使用CORS中间件server.use(cors({ origin: ['http://localhost:8080', 'http://127.0.0.1:8080', 'http://localhost:8081', 'http://127.0.0.1:80原创 2022-01-21 10:41:29 · 302 阅读 · 0 评论 -
在vue中封装echart组件
起因：使用两种不同的图表组件时，发生了冲突问题，导致其中一个组件图表无法显示，可以将其中一个图表封装成组件。1、在vue中安装Echartnpm install echarts -S2、创建一个名为echart.vue的文件随便做了一个饼图,prop中是我们自定义属性用来接受父组件传来的数据<template> <div id="radar" class="container"></div></template><script>原创 2022-01-11 16:54:04 · 996 阅读 · 0 评论 -
node.js将图片base64解码保存在服务器
node.js原创 2022-01-05 11:24:39 · 570 阅读 · 0 评论 -
socket.io API web端实时通信框架
socket.io API web端实时通信框架1、介绍安装 创建服务器socket.io 是一个为浏览器服务器端之间提供实时的，双向的，基于事件通信的一个网络通信库，实现websocket协议。在客户端服务器创建一个新的文件夹socketserver，在该文件夹终端打开输入npm install --save expressnpm install --save socket.io进入socketserver文件夹，创建index.js文件服务器//index.js//启动web服务，监听原创 2021-11-23 09:44:12 · 371 阅读 · 0 评论 -
html中使用svg-captcha插入图片验证码功能
html中使用svg-captcha插入图片验证码功能1、创建服务器 安装插件npm install --save expressnpm install --save svg-captcha2、服务器的代码//app.jsconst express =require('express');const server=express();// svg-captchaconst svgCap = require('svg-captcha');server.get('/getcode',(r原创 2021-10-18 15:30:43 · 961 阅读 · 0 评论 -
上传图片获取base64，blob数据直接显示在网页
上传图片获取base64，blob数据直接显示在网页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2021-10-12 14:45:51 · 1252 阅读 · 0 评论 -
vue中引入socket.io 简单使用
vue中引入socket.io 简单使用1、服务器中//index.js//启动web服务，监听3000端口 绑定socket.io服务，接受websocket连接请求const http = require('http').createServer();const express = require('express')// 创建web服务实例const socketio = require('socket.io')(http,{ cors:{ origin:"http://12原创 2021-10-09 16:20:13 · 853 阅读 · 1 评论 -
实现文件拖拽上传到服务器功能
实现文件拖拽上传到服务器功能一、步骤1、客户端提交文件的请求方式必须是POST2、发请求必须携带消息头：Content-Type:multipart/form-data3、Content-Type:application/x-www-form-urlencode 客户端将本地文件在请求body部分以数据流方式传给服务器端4、服务器端接收客户端传来的数据流，边接收边保存到服务器磁盘二、获取拖拽文件信息在客户端中创建新文件file.html<!DOCTYPE html><ht原创 2021-10-06 21:27:26 · 628 阅读 · 0 评论 -
用原生DOM写个简单轮播图
用原生DOM写个简单轮播图HTML网页的代码<body> <main id="main"> <div id="banner"> <div id="btn-left"></div> <ul id="ul-imgs" class="transition" style="width:5000px; margin-left:0px;"> <li><a href="java原创 2021-09-07 10:14:51 · 175 阅读 · 0 评论 -
启动node服务器时报错 events.js:352 throw er； // Unhandled ‘error‘ event ^ Error: listen EADDRIN
在启动node服务器的时候报错events.js:352throw er; // Unhandled ‘error’ event^Error: listen EADDRINUSE: address already in use :::3000at Server.setupListenHandle [as _listen2] (net.js:1320:16)at listenInCluster (net.js:1368:12)at Server.listen (net.js:1454:7)at原创 2021-09-02 09:02:57 · 4637 阅读 · 0 评论 -
jq中 $.ajax获取数据 跨域
jq中 $.ajax获取数据用http模块创建一个服务器test.js文件下const http=require("http");//引入http模块const app=http.createServer();//创建web服务器app.listen(8080,()=>{console.log("创建服务器成功！")});//接受浏览器请求，并作出响应app.on('request',(req,res)=>{ res.writeHead(200,{ "Content-Ty原创 2021-08-13 20:58:46 · 134 阅读 · 0 评论