xiaofeiwei521的博客

问题还原：项目中实现一个功能时，后台接口是需要三个字符串的POST接口，前台调用时参数需要跟在url后边，如何调用那？后台接口代码如下：@RequestMapping(value = "/***.do",method = RequestMethod.POST)@ResponseBodypublic HttpResult copy(String id, name, String other) throws Exception { return HttpResult.SUCCESS(***);

问题还原：项目中需要实现一个问卷调查的功能，由于时间紧急，所以找了下Git上开源的问卷相关项目，最终选型Springboot+Vue的survey项目。在前端集成到现有的Vue项目中后，启动项目，报了一个错误：This dependency was not found: * clipboard in ./node_modules/…。错误截图如下所示：解决方案：***这是由于没有安装clipboard依赖，***可以去项目根目录下的node_modules文件夹中找一下有没有clipboard相关的

问题还原：使用Echarts做柱状图、折线图展示时，纵坐标出现了小数，实际值都是整数。如下图所示：如何去掉小数，让纵坐标只展示整数那？解决方案：通过设置yAxis来实现，给yAxis增加minInterval: 1，type : 'value’两个属性即可。代码如下所示：yAxis: { type : 'value', minInterval: 1, axisLabel : { formatter : '{value}'

问题还原：在项目中，处理同事写的导出Excel时，共有三个模块的数据需要导出到Excel。于是乎同事写了个通用的接口，在js中分三次用window.open(url)调用。于是就出现了个bug，弹窗被浏览器拦截了，只能下载第一个Excel。那如何阻止浏览器拦截那？解决方案：解决方案挺多，为了方便，本人采用的是通过setTimeout延迟来实现。代码如下：setTimeout(window.open(url), 500);注：这里的时间不能设置太短，否则也会被浏览器拦截。PS：欢迎大家点赞、关注、

问题还原：在做项目中，表格是必不可少的内容，经常用到。那么如何给表格做单边框的展示效果那？解决方案：本人此处介绍通过CSS样式来实现的一种方式。展示效果如下图所示：具体代码如下。CSS代码：table { width: 100%; text-align: center; min-height: 25px; line-height: 25px; border-collapse: collapse; padding: 2px;}table, table tr th, table t

问题还原：项目中，图表展示用的Echarts，在Echarts的数据视图中，有默认的“关闭”、“刷新”两个按钮。点击“刷新”按钮，会自动关闭当前数据视图，体验不好并且对我们的项目没有实际意义。那么如何去掉数据视图中的“刷新”按钮那？解决方案：将dataView中的readOnly属性设为true即可。代码如下所示：toolbox: { show: true, feature: { dataView: {

问题还原：在做项目中，图表展示基本是每个项目中必不可少的内容，通常我们会用开源的Echarts来实现图表展示功能。Echarts自带很多组件，在数据视图中可以查看对应的图表中的数据列表，但是默认的样式挺丑的，如下图所示：那么如何优化下展示样式那？解决方案：***通过toolbox中的optionToContent展现函数来实现。***官方API地址如下：optionToContent展现函数代码如下：optionToContent: function(opt) { var axisD

问题还原：项目中在实现Excel在线预览时，通过js-xlsx插件将Excel转成html后，但是没有样式。所以自己通过getElementsByTagName(‘td’)获取所有td的DOM节点进行样式增加。获取到HTMLConnection节点并转成数据组后，发现有内容但是length为0，无法进行遍历操作等。截图如下图所示：解决方案：这是由于DOM还未加载办成就进行了操作。所以将DOM操作的相关代码放到this.$nextTick中。代码如下：this.excelView = XLSX.

**问题还原：**利用XLSX插件中的XLSX.utils.sheet_to_html()方法将从后台接收到的Excel转成HTML后，由于没有样式，所以通过id、tagName获取对应的td节点后，根据行数增加对应的CSS样式。解决方案：获取到DOM节点后，遍历时，使用element.classList.add(‘myClass’)添加样式。使用element.classList.remove(‘myClass’)删除样式。其他JS自带实现方式后期使用时再补充。注：myClass是写好的cs