js实现类似查看更多的功能 实现效果在处理错误信息提示时,如果信息太多,一次性展示的话,看着很乱,那有没有更好的展示方式呢?经过一番讨论,找到了类似于某乎上的这种效果,如下图:即能告诉用户后续还有信息,也没有一下子显示全部,给人感觉很累赘。该如何实现呢?实现思路根据上述需求,大概的想法如下:首先页面需要两个容器,这里简称div吧,一个div用来展示数据,一个div用来放按钮 展示数据的div默认高度固定,当内容超过高度时,隐藏(overflow-y:hidden) 按钮默认情况下需要展示,并且当..
常用的git命令整理 撤销某次commitgit reset --soft HEAD^适用场景:commit代码的时候,一不小心忘记写message或者message写错了或者commit了不该提交的代码等。实现效果:仅仅是撤回commit操作,代码不会有任何变化一个更改,提交到多个分支上操作流程:先在某个分支上提交 本地代码切换到另外一个分支(将要提交的分支) 执行git命令(相当于在当前分支执行了commit操作) git cherry-pick xx(commit对应的hash码)
JS实现一键复制 需求 接口报错时,给出错误提示,并给用户提供一键复制错误参数的功能实现“使用textarea支持换行,使用input不支持换行”====》使用textarea 会保留原始信息的格式,否则,复制到的数据没有格式// 提供一键复制content的功能export function copy(content) { const text = document.createElement('textarea'); text.value = content; document..
拖拽功能之水平拖动图片 1实现技术项目运行环境:ant pro 拖拽技术插件: react-sortable-hoc 实现拖拽功能 array-move 实现拖拽过程中数据处理两个重要的APIreact-sortable-hoc - npmimport { SortableContainer, SortableElement } from 'react-sortable-hoc'; re...
Ref is not a prop 看其他人使用ref 是,子组件有两个参数,props和ref,照猫画虎,自己也这么写,有一天突然想到一个问题,为啥要这么麻烦,直接通过props接收不久行了,于是试了下,没反应,控制台还报错了百度一番,原来ref 和key一样,是React内部的保留关键字,所以不能通过props来接收参考:小前端读源码 - React16.7.0(一) - 知乎https://stackoverflow.com/questions/38089895/react-ref-is-n...
防抖和节流简单理解 防抖:设置执行时间间隔周期,当事件被触发后,先执行一次,再设定的周期内事件如果再次被触发,则从当前触发的时间点往后推一个时间周期,直至在设定的时间周期内事件没有被再次出发时,则执行节流:事件被触发后,延迟一定的时间后再执行...
bizcharts图表下载 一、前端直接以图片方式下载到本地https://www.jianshu.com/p/df18dce77299二、前端将图片传递给后端,后端做一定处理后下载https://www.jianshu.com/p/52555efe0ed1
order by 、sum遇到MySQL和Oracle后 当order by对应字段值为null时,Oracle怎么处理的?当order by对应字段值为null时,Mysql又是怎么处理的?sum函数中,如果每个值都是null,结果是0还是null?https://www.jianshu.com/p/89690cae4211简单说下结论: sum函数中,如果每个值都是null,结果为null; order by对应字段值如果为null,MySQL中把其看作最小值处理,Oracle中则看作最大值处理; 处理思路:在SQL语句中
java 8 stream 常用方法 Java 8 Stream的常用方法小结本来都已经进入尾声了,结果时不时刷新消失,真的不想继续编辑了,辛苦了一下午的总结,莫名奇妙刷新了好几次,这一次到好,大部分都没有了,放弃了放弃了,以后不用CSDN了!
break和continue break和continue有什么区别?这个问题,一直在学习,却从未真正记住,更别说用了。参考https://www.liaoxuefeng.com/wiki/1252599548343744/1259542531392800break:结束本层循环;continue:结束本次循环,继续下一次循环...
MyBatisSystemException-ibatis中的Param引入的异常 一、遇到问题 之前开发了个接口,根据参数type不同,返回不同的数据。 因为需求中已经明确type参数肯定不为空,于是在SQL对应的XML文件中直接写 where,没有加任何判断。 这次开发,又有新的需求,type可以为空,如果为空,则表示返回全部。 想想也不难,在原先的基础上改改就行,于是加入如下代码:where 1=1 <if test="type!=null and type!=''"> and DQL...
mac下配置maven环境变量遇到问题 1、如何配置maven环境变量? 随便一搜,网上一大堆教程,但也不是每个都适合自己的电脑,尝试过几次,都以失败告终,好在今天终于找到个自己电脑可以运行的,参见:https://blog.csdn.net/junoohoome/article/details/107925108step1:打开mac终端,输入 vim.bash_profilestep2:输入“i”进入编辑模式step3:定义MAVEN_HOME和PATHMAVEN_HOME:是指maven的安装目...
Oracle 给字段增加注释 听起来如此常见而又简单的需求,结果我百度半天,既然决定以后建表、修改表等数据库操作,不再用可视化操作,而是用SQL实现,所以,慢慢积累吧。Oracle给字段增加注释语法: comment on COLUMN 表名.字段名IS "具体注释"加粗标红部分属于固定写法;表名:Table名称;字段名;当前增加字段的名成举例: 为M_USER表中的gender字段增加注释comment on COLUMN M_USER.GENDER IS '性别,1:男,2:女'...
Oracle中的函数(一) 1.写在前面 最近频繁使用到oracle,于是想着学习下Oracle中的函数,参考链接:https://www.imooc.com/video/81662.Oracle中的函数数值函数 字符函数 日期函数 转换函数2.1数值函数2.1.1四舍五入round(n,[m])省略m:0; m>0:小数点后m位 m<0:小数点前m位 SELECT ROUND(23.55),ROUND(23.55, 1),ROUND(23.55, -1) FROM dua...
Oracle中的函数(二) 一、写在前面二、Oracle中的函数1、分类 数值函数 字符函数 日期函数 转换函数 2、数值函数2.1四舍五入round(n,[m])省略m:0; m>0:小数点后m位 m<0:小数点前m位 SELECT ROUND(23.55),ROUND(23.55, 1),ROUND(23.55, -1) FROM dual 2.2取整向上取整: CEIL(n)向下取整:FLOOR(n)SELECT ROUN.
箱型图后端接口封装 一、参数传入统计的数据二、代码package com.wisedu.hawkeye.domain.util;import org.springframework.util.ObjectUtils;import java.math.BigDecimal;import java.math.RoundingMode;import java.util.Comparator;import java.util.List;import java.util.stream.Collectors;
Oracle中的case when以及decode 一、两种形式的case when形式一: case 列名 when 条件值1 then 符合条件1后的值 when 条件值2 then 符合条件2后的值 …… else 默认值 end eg: 如下,gender 值为1时,显示男,2显示女,否则显示其他SELECT id,NAME,CASE gender WHEN gender = '1' THEN '男...
Array在原型prototype上定义方法及如何使用 一、如何定义 项目中,需要使用到Array的flat方法,结果有兼容问题,于是重写if (!Array.prototype.flat) { Array.prototype.flat = function(count) { console.log('flat-----------'); let c = count || 1; let len = this.length; let exe = []; if (this.length ...