![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
我辈岂是蓬蒿人225
青梅煮酒
展开
-
Springboot+Vue前端刷新404的解决方法
原因是因为没有定义404的页面,只需要在Springboot中加入如下代码即可import org.springframework.boot.web.server.ConfigurableWebServerFactory;import org.springframework.boot.web.server.ErrorPage;import org.springframework.boot.web.server.WebServerFactoryCustomizer;import org.springf原创 2021-10-20 08:47:50 · 943 阅读 · 0 评论 -
el-table设置边框后底部边框无法展示的解决方法
在使用Element-UI的el-table组件时,使用cell-style给表格增加边框后,最底部的一条横线无法显示,这时候不要怀疑是自己的css写的不对,原因在于el-table的样式文件中给.el-table这个class设置了position:relative,导致无法正确显示。只需要把样式文件中的这个属性删除掉即可,暂时没发现有什么影响。...原创 2021-09-03 10:33:09 · 4045 阅读 · 0 评论 -
Vue在WebPack项目中引用资源的路径问题
在使用webpack打包方式组织Vue项目时,会遇到引用的图片等资源无法被正确加载的问题,这是因为路径在经过webpack打包后会发生变化,需要把路径用require()包裹,比如require('@/assets/img/a.jpg')。这样才能正确引用到资源。...原创 2021-09-02 15:05:21 · 379 阅读 · 0 评论 -
This is a bug in `node-gyp`. Try to update node-gyp and file an Issue if it does not help解决方法
解决方法:运行npm install -g node-gyp问题原因:因为node-gyp老版本有bug(据网上说是v5 v6的问题),导致在npm install时报错,运行上述命令会安装8.0.0版本的node-gyp,就可以解决问题原创 2021-05-06 14:54:46 · 8497 阅读 · 1 评论 -
JSON parse error: Unrecognized token XXX: was expecting (‘true‘, ‘false‘ or ‘null‘);
前端ajax请求java后台,后台返回给前台500错误,返回结果为{"result":false,"code":500,"info":"JSON parse error: Unrecognized token 'username': was expecting ('true', 'false' or 'null'); nested exception is com.fasterxml.jackson.core.JsonParseException: Unrecognized token 'usern原创 2021-04-06 15:14:49 · 19202 阅读 · 0 评论 -
MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME checking is enable
html中引入css,控制台报错because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled。html是这样写的: <link rel="stylesheet" href="/ta/font-awesome/css/font-awesome.min.css"/>出现这个问题不要认为是type="text/html"没加原创 2021-04-06 15:05:10 · 13851 阅读 · 1 评论 -
Java使用itext7生成pdf文件并下载
首先需要引入itext7的jar包,如果是maven项目的话,在pom中加入 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itext7-core</artifactId> <version>7.0.3</version> <type>pom</type> </dependency>Spri原创 2020-05-14 15:16:50 · 3664 阅读 · 0 评论 -
vue-cli3脚手架build后在浏览器控制台打断点显示变量undefined的解决方法
使用vue-cli3脚手架build代码放进java项目里后,在浏览器控制台打断点,会发现变量显示undefined,没法得知变量的值。解决办法:在vue.config.js文件中的configureWebpack里加入devtool:'cheap-eval-source-map'加入后为这样build代码后打开控制台使用Ctrl+O打开指定名称的vue文件,会发现同名的好几...原创 2020-04-21 16:01:54 · 1588 阅读 · 0 评论 -
向Vue子组件的方法里传入自定义参数
有时候在使用子组件,如element-ui的组件时,会需要向子组件定义好的方法里额外传入参数,此时可以采取闭包的方式。用element-ui的table组件为例。table有个方法span-method 合并行或列的计算方法 Function({ row, column, rowIndex, columnIndex }) — — 此方法默认传入一个对象,里面包含...原创 2020-03-17 16:37:27 · 1756 阅读 · 2 评论 -
Vue实现PDF导出和打印功能
在Vue页面上实现PDF导出和打印功能依赖于两个npm插件,分别为vue-to-pdf和vue-easy-printer。安装命令:npm i vue-to-pdf --savenpm i vue-easy-printer --save在main.js/App.js中加入引用:import vueToPdf from 'vue-to-pdf';import VueEasy...原创 2020-01-13 14:24:10 · 14563 阅读 · 15 评论 -
Highcharts获取点击图例事件
因业务需要,实现点击Highcharts图表图例的同时,筛选下面表格的数据功能,类似联动。首先需要获取Highcahrts的点击图例事件:Highcharts.chart('container', { plotOptions: { series: { events: { legendItemClick: function () { console.lo...原创 2019-12-04 09:06:23 · 2077 阅读 · 0 评论 -
Vue中父子组件间通信方法
项目中经常会用到父子组件间通信来传值,以达到其中一方的改变可以通知到另一方。比如父组件里有两个子组件A、B,A组件内改变了一个值,需要通知到B组件。首先父组件需要接收A组件传来的值,这就是子组件向父组件传值。父组件: <sidebar-share :theme-type.sync="themeType"> </sidebar-share> d...原创 2019-11-08 09:45:09 · 348 阅读 · 0 评论 -
js中把Date对象按指定格式输出
扩展Date类: Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this...原创 2019-10-28 08:48:43 · 1478 阅读 · 0 评论 -
js获取当周、当月时间区间的方法
当周: var date = new Date(); var zero = new Date(date.getFullYear(),date.getMonth(),date.getDate(),"00","00","00"); var full = new Date(date.get...原创 2019-10-28 08:39:42 · 1342 阅读 · 0 评论 -
Grunt前端打包工具实例
曾经的项目中接到过使用Grunt前端打包工具实现对js、css压缩混淆,对新增或者修改的js、css加版本号,并在引入了js、css的jsp中修改版本号的任务。时间比较久远,现在的Vue项目都是使用nodejs进行打包。毕竟当时废了一番功夫,记录一下。首先列出使用的包有哪些:{ "devDependencies": { "grunt": "^0.4.1", "grun...原创 2019-10-23 10:03:02 · 443 阅读 · 1 评论 -
Two.js不能画虚线、不能嵌入图片的解决方案
仔细阅读过Two.js的api后,就会发现,类库并不支持画虚线和嵌入图片的功能,那么如何画虚线图形和嵌入图片呢。答案是,利用原生的svg,然后覆盖在Two.js的画布上。 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg"> <g stroke="#75afff" fill="transpa...原创 2019-10-16 14:48:20 · 291 阅读 · 0 评论 -
Two.js入门教程
项目中需要前端画svg图像,直接在html上写标签不太优雅,于是找到了Two.js这个第三方类库,使用其完成了开发任务后,分享下使用心得,就算是入门教程了。其官方网站为https://two.js.org,上面只有一些简单的demo,接着就是api了,比较简单,不太适合新手入门。要想画图,首先需要一个容器来放图像,可以通过设置一个div来作容器:<body style="bac...原创 2019-10-15 14:48:51 · 3754 阅读 · 0 评论 -
Vue源码解读-观察者模式
本文将讲解Vue的响应式原理,结合Vue的源码进行分析。响应式原理,也就是数据改变,页面展示也将重新渲染,实现页面无刷新更新。这里使用的是前端开发模式中的观察者模式:Vue中每个组件实例都对应一个watcher实例,它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时,会通知 watcher,从而使它关联的组件重新渲染。 了解了观察...原创 2019-10-08 17:20:55 · 444 阅读 · 0 评论 -
使用ElementUI走马灯Carousel组件加载慢的解决方案
项目中使用ElementUI的走马灯组件Carousel时,发现组件渲染速度比较慢。一开始以为是后台接口处理速度慢,在后台统计了方法执行时间后发现很快。于是猜想是因为数据量太大,Carousel渲染速度就会比较慢。查阅ElementUI官方文档发现走马灯并不支持懒加载,所以就尝试了自己实现懒加载。思路是先只获取第一页和第二页的数据,然后用户点击切换的时候,再一页一页加载。改完之后debug时发...原创 2019-09-29 14:34:46 · 5381 阅读 · 3 评论 -
用HT for Web实现3D列车行进动画
HT for Web有一套强大的基于WebGL技术的图形引擎,可以用js代码实现3D图像的建模和动画。现在用HT for Web来实现一个3D列车行进的动画来带大家了解一下如何使用这套框架。 <script src="js/ht.js"></script> <script src="js/ht-animation.js"></scrip...原创 2019-08-30 14:21:14 · 5184 阅读 · 7 评论 -
常用工具类js整理
var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, ...原创 2019-08-30 14:25:35 · 140 阅读 · 0 评论