- 博客(22)
- 收藏
- 关注
RSS订阅原创 [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated
将mysql5.5换成5.7版本之后遇到的问题，在新建表时发生如下错误，在网上看了很多方法得到解决[Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated column ‘information_schema.PROFILING.SEQ’ which is not functionally dependent on columns in GROUP BY clause
2021-11-03 11:13:33
365
原创 2021-09-08 使用easyexcel解析几十万条数据时报错
使用easyexcel上传几万条数据正常，解析几十万条数据时报了如下错误：com.alibaba.excel.exception.ExcelAnalysisException: java.lang.NoClassDefFoundError: Could not initialize class com.alibaba.excel.cache.Ehcache at com.alibaba.excel.analysis.ExcelAnalyserImpl.<init>(ExcelAnalyser
2021-09-08 11:03:58
2393
2
原创 修改input选择文件样式并实现用户头像更换
input标签的type属性为file时，有个默认样式，如图想改成如下样式又不影响其功能时，可以采用的方法如下：使用定位将input与按钮重合，将input标签透明度设为0，z-index设为最高让其处在最上层。.userImg{width: 70px;height: 70px;position: absolute;top: -40px;left: 150px;border-radius: 50%;}.upfile{position: absolute;top: 35px;fo
2021-05-13 16:57:52
1025
原创 Syntax Error: SyntaxError: F:\Hbuilder\vue-cli项目\myapp\src\App.vue: Unterminated string constant (16
在运行vue项目时报错Unterminated string constant ，翻译为没有结束的字符串常量，仔细检查了代码没有错误，原因是在引号内输入字符串的时候换行了，识别不了，可以不换行或者使用反引号包裹字符串...
2020-12-02 09:22:50
2042
原创 String类中常用方法
public class TestString { public static void main(String[] args) { //String类中常用的方法 //1.char charAt(int index); char c = "java".charAt(2); System.out.println(c); System.out.println("-----------------");
2020-11-25 10:28:59
105
1
原创 Java入门笔记之重写equals()方法
在Java中比较引用类型的数据是否相等使用Object类中的equals()方法，equals方法底层比较的是数据的地址。当比较两个对象是否相等时，我们应该比较对象内部的每个内容是否相等，所以需要重写equals()方法。String类是SUN编写的，所以String类的equals方法不需要我们自己重写，判断两个字符串是否相等直接使用str1.equals(str2)，而判断两个对象是否相等则需要重写equals()方法，案例如下：public class User { String nam
2020-11-24 13:46:28
181
原创 作用域插槽的简单使用
作用域插槽总结一句话就是父组件中替换插槽的标签的内容由子组件提供，一个简单的案例是当子组件中定义了一个数组，但数组内容在页面的显示方式由父组件来决定，由于组件是不可以跨作用域访问变量的，此时可以通过作用域插槽来实现在父组件模板中访问子组件中的数据在上图中数组内容的第一中显示方式是在子组件中定义的，显示默认的数据显示方式，而第二种显示方式是在父组件中定义的。实现方法是在子组件定义插槽时使用v-bind绑定子组件中的arr数组，绑定名字为data也可以为其他，接着在父组件中使用cpn组件的时候使用templ
2020-11-23 11:24:51
1675
原创 具名插槽的简单使用
插槽是给组件预留的空间，当封装组件时往往会给组件使用插槽，，插槽如何使用由父组件决定，插槽中的内容表示如果没有在该组件中插入其他任何内容，就默认显示插槽中的内容。具名插槽则是当子组件需要显示不同的效果时使用具名插槽，通过name属性给插槽命名。案例如下：上图中在子组件的模板中定义了三个具名插槽，分别为左中右，在父组件中使用两次cpn，第一次没有添加内容，第二次添加了内容，第二次使用时，cpn标签内的内容将会替换掉模板中的插槽内容，并根据插槽名字分别替换，效果如下：正如图所示，当使用cpn组件没有
2020-11-23 10:36:03
6866
1
原创 org.springframework.web.client.HttpClientErrorException: 405 null at org.springframework.web.client
前后台分离项目中前台请求后台接口时报错405 null报错原因，后台接口写请求方式为POST，而前台的请求写的是GET方式，当后台接口写了请求方式为POST，调用此接口的请求方式也必须为POST后台Controller层中的方法后台Conteoller层中的方法解决办法将后台Controller层@RequestMapping中的请求方式改为GET...
2020-11-12 11:10:37
2540
原创 css实现加载特效
效果如下：思路：这个效果给人一种只有只有四五个白点在转圈的感觉。，实际上使用的是八个有定位的白色圆圈，设置好每一个的缩放动画时间，在整个加载过程中并没有发生位置的改变。html：<body> <div class="container"> <div class="loadiing"> <div class="container1"> <div class="circle"></div> <
2020-10-29 11:00:42
1041
原创 原生js实现瀑布流
效果图如下一，思路，重要的点是第一行排列之后往后的图片如何自动排到高度最小的那一列，需要做的就是找出第一行排列之后的高度最小的图片所在列，将下一张图片排到最小图所在列的下面，排好之后重新计算每一行当前每一列中最小高度，继续如上操作。如图第一列高度小于第二列，所以第五张图片自动排到了第一列后面实现瀑布流的要点有①确定每行放几张图片，每行的个数（column）=页面宽度（pageWidth）/（图片盒子宽度+图片间距）②确定一行多少个之后首先需要将第一行排列好③找出每一行的最小高度，排列完
2020-10-29 10:35:36
467
4
原创 js设置首字母大写
返回一个字符串,确保字符串的每个单词首字母都大写，其余部分小写。像’the’和’of’这样的连接符同理。function titleCase(str) {var arr=str.toLowerCase().split(" ");for(var i=0;i<arr.length;i++){ arr[i]=arr[i].replace(arr[i].charAt(0),arr[i].charAt(0).toUpperCase());
2020-10-02 23:13:57
1937
原创 js确认末尾字符串
检查一个字符串(str)是否以指定的字符串(target)结尾。如果是，返回true;如果不是，返回false。 function confirmEnding(str, target) { // "Never give up and good luck will find you." // -- Falcor var str1=str.substr(str.length-target.length); return (str1==target); } c
2020-10-02 23:12:07
812
原创 js寻找最长单词
返回提供的句子中最长的单词的长度。function findLongestWord(str) {var arr=str.split(" ");var maxLen=arr[0].length;for(var i=0;i<arr.length;i++){ if(arr[i].length>maxLen) { maxLen=arr[i].length; } }r
2020-10-02 23:10:26
184
原创 js返回最大的数组
在右边的大数组中包含了4个小数组，请分别找到每个小数组中的最大值，然后把它们串联起来，形成一个新的数组。提示：你可以用for循环来迭代数组，并通过arr[i]的方式来访问数组的每个元素。 function largestOfFour(arr) { // You can do this! var arrMax = []; var max; for (var i = 0; i < arr.length; i++) { max=arr[i][0]; for
2020-10-02 23:08:02
449
原创 js回文算法
如果给定的字符串是回文，返回true，反之，返回false。palindrome(回文)是指一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样。注意:您需要删除字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是不是回文。函数参数的值可以为"racecar"，“RaceCar"和"race CAR”function palindrome(str) {// Good luck! var str1=str.replace(/[\W_]/g,""); v
2020-10-02 23:06:18
457
原创 js省市联动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> </style> <body> 省： <select name="" id="sheng" onchange="selecShi()"> <o
2020-09-29 20:53:58
170
原创 ES6 let变量与var变量的区别
一，let不存在变量提升，可以理解为let变量在使用前必须先声明再使用不存在预解析，否则就会报错，而var声明的变量存在预解析即变量提升，举个例子：这段代码的结果为undefine，原因为浏览器在解析代码时，会先解析变量c然后逐步加载代码，即解析过程为当使用let声明变量a时，浏览器则会直接报错，这是因为let声明的变量不存在变量提升二，let变量在同一作用域下不能重复定义相同名称的变量，而var能够重复定义变量，如：三，let块级作用域，声明后只作用域所在的{}内，var是函数作用域
2020-09-19 18:43:55
334
原创 原生js实现相册切换效果
今天学了一个相册切换效果，当鼠标放到下面的小图上时，以大图的形式显示在上面，当使用js来写这样的效果时我们可以通过监听mouseover或mouseenter事件来完成，这两者的区别在于：mouseover：当鼠标移入监听对象时触发事件，或者当鼠标在监听对象子元素之间移动时也会触发该事件mouseenter：只在鼠标移入监听对象时触发事件在这里使用哪个都是可行的。实现代码如下<!DOCTYPE html><html> <head> <meta c
2020-09-19 17:01:07
689
原创 js实现图片数组中的图片切换
写一个图片切换的小案例，巩固一下setAttribute的用法。setAttribute()方法能够给dom元素添加属性并指定属性值，如果属性已经存在则更改属性值。方法：将图片放入数组中首先给img一个初始值，使用index存放当前被点击图片的下标，当再一次点击时，下标+1赋值给数组下标，利用setAttribute()方法给img标签设置src属性。上一张效果反之，代码如下。<!DOCTYPE html><html> <head> <meta char
2020-09-19 09:20:42
3842
1
原创 Vue学习笔记之父子组件通信
Vue学习笔记之通过props往子组件通信 今天学到组件通信的方法中的通过props像子组件传值，记录一下入门vue遇到的小问题第一步：先给父组件中绑定自定义属性 Vue.component('Parent',{ data(){ return{ msg:"我是父组件数据" } }, template:` <div> <p>我是父组件</p> <Child :childData='msg'&
2020-09-18 22:45:23
1016
原创 vue学习笔记之splice()方法的使用
Vue学习笔记之splice()方法的使用。splice(index,len,item)是vue中数组变异的方法之一，可以用来删除，更新，和增加数组内容参数:index:数组下标len：为1或0item:更新或增加的内容使用方法：1，删除，当参数形式为splice(index,1)时表示删除下标为index的内容2,更新，当参数形式为splice(index,1,item)时表示用新的值item更新替换掉下标为index的值3，增加，当参数形式为splice(index,0,item)时表
2020-09-15 21:22:58
25225
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人