前端小贰-CSDN博客

原创 js循环中异步请求

需求：在处理图表组件的相关功能时，遇到一个特殊场景：需在循环内部进行异步请求，待所有请求结束后，再进行后续操作。经尝试找到以下两种处理方案。方案1：使用变量进行记录使用do while循环，在方法体中判断是否是最后一次，是则执行后续操作。方案2：使用promise.all，当所有请求都结束并返回后，再执行后续操作。结果如下：附：处理函数如下...

2021-06-08 15:16:18 3746

问题：springboot项目中，发现对jsp的每次修改后台都要重启才能生效，特别不方便。以下是启用java代码和jsp热更新的方法。效果：java代码按 ctrl+f9更新、jsp代码自动更新。步骤：1、依次选择File→Settings→Build，Execution，Deployment→Compiler，勾选Build project automatically,点击ok。如下图所示2、在IDEA中用快捷键Ctrl + Shift + A搜索命令,输入registry，选..

2021-03-29 17:59:20 2043

原创 vue中修改第三方组件样式

场景：我们在使用antdesign、elementui等第三方组件库时，通常都要对其中组件的样式进行调整，以适应页面整体的风格。而有时我们写的样式并不会对第三方组件生效，下面将分析原因，并提供处理方案。原因：我们在写vue文件时，为了各页面的样式互不干扰，通常会在vue文件的style标签上，加上一个特殊的属性：scoped。使用这个属性后，该组件中的所有dom会添加上一个类似唯一标识的动态属性，可以使得CSS样式就只适用于当前组件内的元素。也就是说，在样式为scoped的vue文件里...

2021-03-29 17:45:34 767

转载缩放带来的echarts模糊

缩放带来的echarts模糊原文参考当使用了transform: scale(x,y)缩放后致使echarts图表模糊：添加页面缩放功能势必带来，页面变形模糊；若所开发的分辨率和要显示的分辨率差距较小时，或许影响很小，但是差距变大时，页面显示将会很糟糕（尤其是echarts图标）；注意：使用transform: scale(x,y)缩放，并不是好的选择，但是有时候由于项目经理在前期开发...

2019-07-10 15:27:28 2647

原创 jeecg中t:dictSelect 部分值不能重复选择

需求：t:dictSelect中的部分特殊值不能重复选择，其余值不受限制。1、前端页面使用ajaxurl：<t:dictSelect field="acctType" type="list" typeGroupCode="szc_actype" hasLabel="false" title="账套类型" datatype="*" extendJson="{ajaxurl...

2019-07-05 15:30:44 1134

原创 html5语音识别

想要使用html5网页实现语音识别，大概流程：用户点击录音按钮，进行语音录入，录入后上传语音，后台接收到请求后，会调用语音识别的方法，最后返回识别结果，前端接收到结果后再进行后续处理。参考：https://blog.csdn.net/qq_33609401/article/details/78172080，这里面写得很详细，HZRecorder.js可以去这里复制。所以技术上主要分为两个部...

2019-07-05 14:45:03 4439

原创 echarts的tooltip显示百分号

需求：想要tooltip显示百分数，并要有颜色提示。按官方文档，tooltip可以通过表达式设置百分号， formatter: '{b0}<br /> {a0}:{c0}<br />{a1}: {c1}%'效果是这样的：可以看到，有一个问题，这样设置的提示信息，就没有数据的颜色提示了。一番折腾后，得到了我想要的效果：思路：1、修改too...

2019-05-24 16:38:49 13921

转载起步bex5 外部js使用ajax访问BIZ中的action

如何通过ajax调用action在UI2层调用action，可以用平台提供的Request中的API,当然也可以直接用ajax调用用ajax调用需要通过/x5/UI2/system/service/common/bizAction.j调用，具体实现如下：$.ajax({ async : false, type : 'GET', dataType : 'json'...

2018-11-30 12:07:54 1375 1

转载在window.opener打开的新窗口中的iframe页面中刷新父页面

场景：在页面A中，使用window.opener()打开了一个新的页面B，页面B中使用iframe嵌套了一个页面C需求1：在页面B中刷新页面A解决：self.opener.location.reload()需求2：在页面C中刷新页面A解决：top.opener.location.reload()相关知识可参考 http://www.cnblogs.com/xushuyi/art...

2018-11-19 16:34:21 1237

原创使用java、formData实现文件上传

最近的一个项目需要进行报表文件上传，经过查找资料，实现了这个功能，前端使用了表单的formData对象，后台使用的是Java，支持多文件上传。formData对象介绍详见：https://developer.mozilla.org/zh-CN/docs/Web/API/FormData具体实现：1、html:<form id="upform"> <inp...

2018-11-19 15:58:50 11561 3

原创 iframe 根据嵌入的页面大小，动态改变iframe的大小

html：<iframe src="main.html" frameborder="0" scrolling="no" width="100%" id="iframeContent"></iframe>js ：//iframe 高度自适应function setIframeHeight(iframe) { iframe.onload=

2018-10-15 23:53:14 10910 1

原创 socket.io实时监控数据库，数据变化更新页面

一、分别安装vue和node对应的socket.iocnpm intsall socket.io -savecnpm install vue-socket.io -save二、前端socket配置1、main.js引入socket，并连接3000端口import vue_socket from 'vue-socket.io'Vue.use(vue_socket, 'ht...

2018-08-14 16:04:23 8027 2

原创 vue+node获取MySQL数据

一、使用npm安装MySQL二、编写取数api1、新建数据库连接信息文件module.exports={ mysql:{ host:'127.0.0.1', user:'root', password:'x5', database:'test', port:'3306' }}2、在服务器文件index.js，创建数据库连接，并编写取数api...

2018-08-14 15:21:24 12743 4

原创使用express创建node服务器

创建node服务器1、在项目路径下，新建server文件夹和dist文件夹，在server文件夹下新建index.js文件2、先npm安装express3、在index.js文件中，输入代码，创建node服务器// node 后端服务器const express = require('express'); const app = express();app.use(expr...

2018-08-14 11:35:23 279

原创数据可视化—大屏预研概述

一、场景说明这是大屏方案的预研，考虑采用vue+echarts+node+mysql来实现，对数据库中的数据进行可视化展示。大屏特点：（1）屏幕尺寸大；（2）数据要实时更新；（3）数据点击时联动；（4）图表动效；二、具体实现（1）创建vue项目，环境搭建（2）在vue中使用echarts（3）从数据库获取echarts数据；（4）使用socket.io实...

2018-08-13 23:27:50 1377 2

原创使用vue-cli创建项目

一、全局安装vue-cli（建议使用淘宝镜像，速度会变快很多）ps：安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm，安装vue-cli ： cnpm install -g vue-cli二、开始创建项目1、进入目标文件夹，shift+右键，选择“在此次打开命令窗口”，...

2018-08-13 23:24:20 403

原创在vue中使用echarts图表

一、在工程目录下，使用npm安装echarts包npm install echarts -s二、在main.js中引入echartsimport echarts from 'echarts' 三、新建一个组件文件，在组件的methods中添加echarts的配置信息<template> <div id="chart"><...

2018-08-13 17:41:58 1891

原创 hibernate merge方法 Duplicate entry 'XX' for key 'XX'错误

问题描述：在对数据进行更新时，发现控制台报Duplicate entry 'XX' for key 'menu_code' 错误。（我的数据库为MySQL）经网上搜索，大多数的解释是：主键重复错误，数据库建表时，主键 id 需要设置为 AUTO_INCREMENT 。。。。检查了一下数据库，我的主键是 id （就是自动增长的），menu_code（是unique的），冲突的正是menu_cod...

2018-06-20 11:21:37 755

前端小贰