月桦剑士-CSDN博客

原创 vscode打开springboot项目，运行错误提示找不到主类

简介最近开始使用vscode开发springboot项目，当我发现vscode加上一些插件几乎可以进行所有编程语言的开发时，我就喜欢上了速度快而且界面简介的vscode，把eclispe和intellj IDEA都丢到一边。网上关于vscode搭建springboot开发环境的教程有很多，不过大多都是在安装了springboot插件和java插件之后，接着进行javaHome和maven的配置...

2020-05-07 16:54:56 6158 4

原创 vue CLI异步组件报错import' and 'export' may only appear at the top level

目录简介解决方案简介Vue的官网中提到了有关异步组件的语法，链接如下：https://cn.vuejs.org/v2/guide/components-dynamic-async.html　可以使用require，也可以使用import，如果使用import，那么语法是这样的。new Vue({ // ... components: { 'my-component': (...

2020-05-07 13:37:27 23148 2

原创 element-ui的navMenu使用v-for循环渲染不同子标签(el-menu-item和el-submenu)

简单记录1.简介2.上代码功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1.简介作为一个合格的全栈开发者，前端的常...

2020-03-13 22:33:27 16795 10

原创 echarts横坐标自动判断文字遮挡问题-简单记录-仅供参考

1.简介熟悉echarts的同学应该知道，echarts中的直角系图表当坐标轴为类目型（常为x轴）而且数据又特别多时，默认会隐藏掉一部分x轴文字。效果就类似于这样：然而，echarts自带的计算有时候是过于苛刻的，即使文字实际上不存在遮挡问题，当文字与文字间的间隔小于一定值时同样会触发隐藏机制，例如上面那张图，如果设置{xAxis:{axisLabel:{interval:0}}}显示出所有...

2019-08-27 15:48:28 4260

原创 echarts标题高度计算-暂不支持富文本-类似于图例

1.简介本文和我的另外一篇文章计算echarts图例高度的十分类似，也是对echarts组件的分析，在不考虑富文本的情况下，标题高度的计算比图例要简单的多。这里我同样用DOM元素完成对title组件的模拟。2.代码//代码比较简单，就不解释了。注意：代码中的var chart = globalTools.data.echartContainer;和var chartDOM = global...

2019-08-27 14:01:14 354

原创 echarts图例高度计算-横向图例-legend组件高度模拟计算-冷知识

1.简介echarts是百度发起的一个开源项目，在开源中国和github上都可以找到对应的文档和源代码。如果你对使用echarts图表绘制的要求并不高那么其实只要去看看echarts的教程再照着官方实例写几个例子就应该足够了，不过，如果你需要对echarts做很多自定义设置，那么就需要对echarts足够熟悉才行。本文echarts版本4.2.7。1.1补充介绍本文属于echarts的进阶...

2019-08-27 11:37:13 4074 2

原创 jsp组件封装-简单记录-依赖于iconfont字体文件

1.简介这里一个基于jsp的简单组件封装，主要是给自己做一下记录，以后万一有其他类似的需求就不需要从头开始构思。不知道对于其他人有多少参考意义。2.代码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><style> .textconfirm-background{ ...

2019-08-26 19:42:09 383

原创纯js组件封装-模块化编程-简单实现

1.简介在网页开发中，弹窗是一个比较常见的东西，很多用户的交互信息的提交反馈一般都是由弹窗来完成。我最近就刚好写了一个需要用到很多风格类似的弹窗的网页。为了提高开发的速度并且增强扩展性，我就写了一套比较简单的弹窗组件，弹窗中某些图标依赖于字体文件（来源iconfont和UI小姐姐），不过还是比较有参考意义的。2.代码var d = { //获取一个含有默认样式、标题和关闭确定取消按钮的空弹...

2019-08-26 19:20:46 714

原创 js小工具-16进制颜色值转rgb

1.简介css中颜色有多种书写方式，其中16进制写法和rgb的写法应该是比较通用和常见的了。这个代码的主要作用是把16进制的颜色值(16进制又叫hex)转成rgb形式的，如果输入的值已经是rgb或rgba形式的则原样返回2.代码var dc = { hexToRgb: function(hex){ var result = null; var r,g,b; //如果已经是rbg...

2019-08-26 18:15:19 307

原创 js小工具-模拟计算一行文本的宽度

1.简介这个小工具应该一般人都用不到，我也是在完善项目的echarts相关功能的时候才会用到这么偏门的东西。2.代码实现代码就比较简单啦，不解释var dc = { //计算一行字符串在页面上占用的宽度 getStringWidth: function(str,styles){ //影响文字宽度的样式主要是font-size和font-weight，styles中没有这两个属性，则...

2019-08-26 18:04:23 416

原创 js小工具-使用dom元素模拟placeholder

1.简介placeholder是input输入框的一个属性，熟悉网页开发的同学应该都知道它，它可以为文本框增加一个文字提示，并且在文本框开始输入或聚焦时自动隐藏，然而，placeholder在不同的浏览器中默认的样式和出现的时机都是不确定的。如果UI姐姐告诉你她希望这个地方就是统一的样式而你又不想拒绝的时候，那就得想办法去实现它啦。2.代码实现这里用一个span来显示placeholder的...

2019-08-26 18:02:04 396

原创 js小工具-给多行文本框添加字符统计

1.简介在网页开发中，多行文本框是一个比较常见的东西，标签名为textarea，熟悉textarea的朋友应该知道，textarea有一个maxlength属性，可以限制文本框的输入字符数。在开发的需求里，字符限制和字符统计几乎是捆绑出现。因此我就写了一个字符统计的小工具。2.代码实现//其实我感觉这个代码也不是很难，好像没什么好解释的，要不大家看着用就好了。var dc = { //给...

2019-08-26 17:53:35 349

原创 js小工具-点击清空输入框-简单记录-待完善

1.简介在网页开发的过程中输入框是我们经常需要打交道的东西，一些与输入框相关的小工具也经常需要我们重复性地编写，例如用于点击搜索的输入框时常需要一个一键清空的按钮，且每个按钮都大同小异，这样的东西如果不分离出来的话，那么当页面增多时代码的改动就会很多。2.代码实现注意：这里的代码依赖于字体文件，字体可以去iconfont网站上找，当不存在字体文件时，图标会变成一个方框，虽然丑了点，但是并不影...

2019-08-26 17:36:19 853

原创 js实现hover样式，适用于只需要为单个元素添加少量样式的情况

1.简介在网页开发中一个元素的鼠标悬停样式常常由伪类:hover来控制，而当我们用js生成一个DOM元素时想要给它添加hover样式的话就显得比较麻烦，常规方法是先给它添加一个类名，然后往页面中新增一个style便签，标签内定义伪类hover的样式。2.代码实现这里采用mousenter和mouseleave的监听来实现hover样式。代码如下:var dc = { //设置元素的hov...

2019-08-26 17:24:47 3379

原创 js小工具-快速给样式添加兼容性前缀如-webkit-等

1.简介做PC段网页开发市场会遇到一些兼容性问题，一些常用的css3样式经常需要添加兼容性前缀，如transition: all .2s;在实际开发中css里面的写法经常是:selector{ /*分别兼容4种浏览器*/ -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz...

2019-08-26 17:03:25 706

原创 JS文本换行算法-模拟计算文字换行位置-基于DOM元素自发换行行为和字符分割原理-支持实体编码、不支持标签嵌套和富文本

简介之前在学习HTML的时候一直很想弄清楚HTML内部换行的逻辑，特别是有时候我们想知道一个字符串放入一个DOM元素之后究竟在哪个字符位发生的换行，然后就可以在一个固定宽高且隐藏溢出的容器中当前用户看见的字符到底有多少个，具体是哪几个等。然而，原生的HTML并没有提供这个功能，所以就要自己写算法来实现咯。1.原理解析1.1 常见HTML换行效果想要模拟HTML的换行的话，首先要对HTML自...

2019-07-29 21:35:33 2139 4

原创坐标轴刻度取值算法-基于魔数数组-源于echarts的y轴刻度计算需求

数值型坐标轴刻度计算算法前言算法描述上代码代码运行效果结语前言因实习的公司是做大数据的，而我的工作刚好又是需要绘制一些数据图表的。绘制图表有许多现成的组件可以使用，但是要想达到产品所需要的效果，只靠组件内部的一些功能是不太够的。一些细腻的要求必须在掌握组件原理方法的情况下，自己去写算法来完成。例如，本文要说的这个刻度计算算法，开始正文之前，我先描述遇到的问题。echarts自身的刻度计算有时...

2019-07-23 11:57:56 5462 3

原创使用原生js来替换title属性的悬浮文字提示-可自定义样式和出现时间-190826更新版本2.0源代码

简介要让一个DOM元素出现悬浮文字提示，一般情况下，我们都会选择使用H5的title属性。例如:<div title="456">123</div>这样设置之后，当鼠标在div上悬浮过了一段时间之后，网页上鼠标位置附近就会出现悬浮文字提示，例如这样：但是，不同的浏览器，悬浮等待的时间和悬浮文字的样式都可能会不一样，例如chrome上显示是白底灰字，firefox上...

2019-04-26 17:20:52 2651

原创 jsp浏览图像bean原理分析与改良-JSP实用教程（第三版）耿祥义张跃平编著第4章例题4_9-动态获取文件夹中的文件并返回

前言下面我要给大家讲解的是《JSP实用教程（第三版）耿祥义张跃平编著》的第4章（JSP与Javabean）中例题4_10，为什么书上有的东西这里我要再做一个教程呢？本来我是不想写这个的，因为我原来觉得书上的例题很多时候都是一些极其简单的例子，并没有太多深入的东西可以讲解，直到后来我发现，1.效果展示2.需求分析如上所示，这个代码的作用是当我们点击上一张和下一张按钮时自动遍历与jsp文件...

2019-04-25 15:39:30 1315 1

原创 JS有效数字取近似值组件封装

1.效果展示下面的代码是在控制台用nodejs直接运行js文件得到的：2.需求分析当我们在处理一些图表数据时候，有时候需要根据已知数据中的最大值和最小值来确定图表刻度区间。但是当数据精度特别高时，例如最大值是123.5464，最小值是-48.23145，此时为了最大刻度和最小刻度都呈现出一个近似的整数，例如130和-50，则需要分别对最大值和最小值来取近似值。...

2019-04-19 17:03:36 864 1

原创详细解析字符串模式匹配KMP算法-c语言-基于暴力匹配算法的改良-从部分匹配值到移位数组-两种代码实现方式（约6000字，附图）

前言KMP算法是什么？作为一个学习计算机或者从事计算机工作的人来说，数据结构与算法几乎是我们必须要了解甚至精通的学科，而学数据结构与算法时总有几个难点，KMP算法就是其中一个，这里我按照我的思路给大家详细讲一下。KMP算法是一个性能优秀的字符串模式匹配算法，这里就有一点铺垫的概念要解释一下了：KMP算法主要用于在一个长字符串中搜索一个短字符串的位置，一般我们把这个要搜索的短字符串称为模式...

2019-04-11 19:36:52 542 2

原创 JS滚动数字组件封装-初识ES5面向对象编程-动画与定位方式transition和transfrom的优缺点兼容性对比

1.效果展示动图如上，但是帧率不高，显示的效果可能有点不好，可以访问艾媒集团官网-艾媒监测查看效果。2.需求分析在这个动画效果中，我们可以看到，滚动的区域就是最里面的矩形区域，滚动的内容分为两种，一种是可以滚动的数字，一种是不允许滚动的分隔符。设矩形局域的类名为box，数字内容的类名为num，分隔符的类名为separator。可得矩形区域所具有的固定样式如下：.box{ displa...

2019-04-10 15:14:13 507 1

原创 JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决

JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决1.什么是clientHeight、scrollHeight和offsetHeight1.1 clientHeight是什么1.2 offsetHeight是什么1.3 clientHeight和offsetHeight的注意点1.4 scrollHeight和它的大坑jQuery和原生js...

2019-04-09 11:18:35 22929 6