- 博客(103)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS动画之——盒子背景的交替循环
这种效果是怎么实现的呢。其实不算是很难，原理就是依附定时器 每一秒去改变当前选中的背景颜色就好了。在onMounted中挂载定时器 并设置初始化所有下面的那个小条透明度为0。记住一定要在onunMounted中销毁定时器 并设置timer的值为空。还是在做官网的过程中遇到的动画效果 盒子的背景会循环改变。第一步先拿到dom节点 并将他们合成一个数组。最后是changeBoxBg 方法。然后就能实现背景切换的效果了。
2023-07-07 14:31:38
458
原创 CSS动画之——跑马灯的无缝循环
在写官网的过程中，有一个需求是想要是先人物卡片横向无缝循环的功能。但是直接用跑马灯的时候发现他的效果是要等所有的盒子都从左边消失后才会从后面出来第一个。怎么调都不合适 给我整疑惑了， 后来百度下说是可以两个相同的盒子 一前一后，看到这豁然开朗，但是后来忘了是哪篇帖子了 这里记录一下。首先我是用v-for循环定义了四个盒子 再复制一份 这样我们一共就有八个盒子。盒子上去 这样会导致 只有其中一个盒子暂停 另一个盒子不会暂停。设置其中的样式 这里还做了一个鼠标移入实现动画暂停以及放大的效果。
2023-07-07 11:27:23
2420
2
原创 Vue3——通过父子传值控制多组件之间的屏幕滚动
这次遇到的问题是在做一个官网的过程中，需要点击头部组件的导航栏 是他滚动到对应的位置。然后就去网上去找了各种资料。最后在尾部组件中加上id为about的属性就能进行跳转了。在头部组件导航栏的菜单上定义一个点击事件。然后将这个方法传到头部组件里面去。然后定义一个点击方法调用传过来的。
2023-07-07 10:19:24
410
原创 Spring Cloud & boot &组件对照表
spring-cloud 与 spring-boot 版本对照表spring-cloud-dependencies 版本spring-cloud 版本spring-boot 版本spring 版本2020.0.13.0.12.4.25.3.32020.0.03.0.02.4.15.3.2Hoxton.SR102.2.7.RELEASE2.3.8.RELEASE5.2.12.RELEASEHoxton.SR92.2.6.RELEASE2.3.2
2021-12-28 11:37:53
463
原创 记 Nacos 分布式事务Seata1.3的集成
最近在做一个新项目需要用到seata 因为之前没用过所以去网上找资料的时候就很茫然 这里粘一点 那里扣一点 然后感觉各种问题都遇到了 陆陆续续的做了有两三天 终于现在能用了 这里记录一下踩过得坑和一些注意点 同时感谢各路大佬的帮助这里先暂时将用法记录一下 等后面有时间了就从头开始学习一下Spring Cloud Alibaba 后续再进行补充 如果有推荐的课程大家可以评论一下 感谢~查看springcloud 对应版本 ：https://start.spring.io/actuato.
2021-12-27 18:00:59
633
原创 关于Element ui加了验证后 填了值 验证不消失的问题
由于不是专业的前端 所以这两天在做前端开发的时候遇到了很多坑 网上百度的答案也好多不管用 还都是复制粘贴 这里记录一下遇到的问题 以免以后再受折磨之前的写法是这样 我感觉没啥问题 我以为就只加个:rules就好了 结果因为我这个是form.name 还是识别不了好像 最后去elementui看了一下 结果还要写个:model 绑定一下form<el-form :rules="rules" label-position="right" size="small"> <.
2021-11-29 10:30:14
1425
1
原创 2021-10-29 Mysql下载与安装 (自用)
下载 5.7.23https://downloads.mysql.com/archives/community/配置变量变量名：MYSQL_HOME变量值：D:\mysql5.7.23path里添加：%MYSQL_HOME%\bin创建目录dataUploads创建文件夹my.ini[mysqld]port=3306character_set_server=utf8basedir=D:\mysql5.7.23datadir=D:\mysql5.7.23\dataserver
2021-10-29 13:17:45
174
原创 关于process.env.NODE_ENV的记录
最近在写前端的时候发现了一句代码 process.env.NODE_ENV === 'development' 代码的意思就是如果是开发环境就执行以下的操作 但是我找了半天也没找到哪里设置的NODE_ENV 满头的疑惑后来终于 皇天不负有心人 终于查到了 在此记录一下在使用vue-cli3.0脚手架创建的Vue程序中 已经把process.env.NODE_ENV 配置好了"serve": "vue-cli-service serve", //会默认把process.env.NODE_EN.
2021-10-11 09:28:40
633
1
原创 Layui的下拉框回显问题
最近项目中用到了Layui 然后遇到好多好多好多好多的问题 下拉框回显这个问题已经遇到了第二次了 这里记录一下 方便以后使用原理就是循环整个下拉列表 找到对应的那个 然后加上select属性$("#idName").each(function() { // this代表的是<option></option>，对option再进行遍历 $(this).children("option").each(function() { // 判断需要对那个选项.
2021-07-20 16:49:38
2443
原创 微服务打包报错找不到其他模块以及外部jar包
这几天新接手了一个微服务项目，做完了后再打包的时候 一直报错，找不到公共模块，网上百度了好久，试了各种方法都不行，然后今天问了一下公司里的大哥，才知道微服务打包要一起打，直接在父模块pakage，不然就会导致找不到(小声bb：真不是我笨，只是以前这些事都不是我负责的 ，也算是涨姿势了吧。)，然后打包的时候还报了错 ，外部jar包找不到 一直 is missing is missing ，然后在崩溃的边缘大哥又拉了我一把 这里记录一下 ;首先依赖是要写上版本号以及标记上他的位置<depen.
2021-06-28 17:38:34
2639
1
原创 全国省份城市区域代码
今天用到了全国的城市代码 这里记录一下 方便以后查询 以下数据来源http://www.tcmap.com.cn/list/daima_list.html110000 北京市110101 东城区110102 西城区110105 朝阳区110106 丰台区110107 石景山区110108 海淀区110109 门头沟区110111 房山区110112 通州区110113 顺义区110114 昌平区110115 大兴区110116
2021-06-24 16:41:17
4754
1
原创 Oracle CONNECT BY (层级查询)的用法记录
前两天在写SQL的时候 无意间发现这样一条语句 我得天呐 我都惊讶了 还能这样搞的 以前用MYSQL的时候 像菜单这种层级查询的话还要去查询每一条 然后再进行一个递归 封装 麻烦的一* Oracle竟然一条语句就搞定了 这不赶紧偷过来 （奇怪 读书人的事怎么能叫偷呢）select CONNECT_BY_ROOT(字段) 根节点,level 层级,connect_by_isleaf 是否叶子节点 from table_name t START WITH [条件(以哪个节点开始)] CONN.
2021-03-12 16:56:57
1072
原创 io流 统计每个字符以及每行在文本中出现的次数
{ /** * 分析： * 1.首先创建带缓冲的输入流对象 * 2.创建双列集合对象，hashmap或者treemap（支持排序） * 3.将读到的字符存取在双列结合，进行判断，如果不包含就键和1存储，如果包含这个键，就将改建和值+1存储 * 4.关闭输入流，创建输出流对象 * 5.遍历集合，将集合内容写到输出文件time.txt上，关闭输出流 * @throws IOException * */ public static void main(String[
2021-03-12 16:33:55
295
原创 IO流合并两个及多个文件 以及替换文本中字符的方法
这就是刚刚那篇文章中所遇到的问题 找到了两种比较好的解决办法 这里记录一下合并多个文件import java.io.*;import java.nio.ByteBuffer;import java.nio.CharBuffer;import java.nio.channels.FileChannel;import java.nio.charset.Charset;import java.nio.charset.CharsetDecoder;import java.nio.charset..
2021-03-12 16:23:10
329
原创 StopWatch——计算代码块运行时间
今天在敲代码的时候遇到了一个问题 在百度上找到了两种解决办法 于是说想看看到底哪个运行的比较快 开始用到了System.currentTimeMillis(); 计算代码运行开始时间戳和结束时间戳的差值来获取运行时间 敲到一半的时候 突然想到之前好像看到一种更加优雅的解决方案 ——StopWatch 这里记录一下用法首先这个类是属于org.springframework.util中的 所以我们只需要导入下面这个就可以了<dependency> <groupId>.
2021-03-12 16:13:10
940
原创 解决JS中replace全局替换的问题
解决JS中replace全局替换的问题今天在写前端的时候 发现replace这个方法只能替换第一个匹配的值 简直是整冤枉 然后在百度的时候 发现基本上都是加个/g但是 我用了一下 发现没什么效果 然后后面找到一种分组替换的方法 我觉得挺好用的 这里记录一下var str = "abcabcabcabc";var new_str = str.split("b").join("d");console.log(new_str);输出：> adcadcadc同时也支持链式调用var n
2021-03-09 15:28:51
447
原创 ES6学习 —— var和let的区别
var 声明的变量往往会越域let 声明的变量有严格局部作用域 { var a = 1; let b = 2; }/ console.log(a); // 1 console.log(b); // ReferenceError: b is not definedvar 可以声明多次let 只能声明一次 var m = 1 var m = 2
2020-12-24 11:41:52
183
原创 Oracle 分析函数 over(partition by ... order by ...)
今天在看别人写的视图的时候发现了这样一句sql语句 row_number() OVER( PARTITION BY xxx ORDER BY xxx) as id 发现自己以前好像没有涉及过这样的东西 然后就去网上查了一下 发现还挺好用 这里记录一下以下内容参考自：一、Oracle分析函数入门oracle分析函数汇总oracle最全面的分析函数over(Partition by…)及开窗函数详解分析函数是什么？ 分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数，它可以.
2020-12-21 18:56:07
2771
原创 React 解决问题篇 —— 关于create-react-app创建不了的问题
今天在使用 create-react-app的时候 出现了这个问题直接叫我卸载是什么操作？？？然后去看了他给的文档上面有这么一句话If you’ve previously installed globally via , we recommend you uninstall the package using or to ensure that always uses the latest version.好像是版本太老了 不推荐了然后下面就使用了他下面推荐的写法yarn create
2020-12-03 16:13:37
566
原创 React 知识汲取篇 —— 可选链以及双问号 (?. 和 ??)
最近在学习React的时候 发现了一个非常好用的东西 可选链有什么用呢 就是当我们在不知道一个对象
2020-12-03 15:28:06
5167
原创 React 知识汲取篇 —— react-app-rewired && config-overrides.js配置
文章目录react-app-rewired按需加载 babel-plugin-import安装less配置路径名别名path.resolve和path.join的区别整体的安装配置react-app-rewired在学习React的时候 通过react脚手架create-react-app创建了项目，但是发现了一个问题 如果没有执行eject命令的话 是没有其他配置文件的 这个时候就需要 用到 customize-cra 和 react-app-rewired插件然后在根目录下新建一个名称为conf
2020-12-03 11:55:31
10352
2
转载 React 知识汲取篇 —— react-redux中启用es7@装饰器
我们平时在用react-redux的时候会用到connect去连接组件的state和action，大概长这个样子：import { connect } from 'react-redux';class Counter extends Component{}const mapStateToProps = (state)=>{ return { counter:state.counter }}const mapDispatchToProps = (dispatch
2020-12-02 23:13:55
142
转载 React 知识汲取篇 —— React高阶组件 withRouter
高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中.// withRouter实现原理: // 将组件包裹进 Route, 然后返回// const withRouter = () => {// return () => {// return <Route component={Nav} />//
2020-12-02 23:12:26
289
转载 React 知识汲取篇 —— [react]之解读hook
基于官方文档：https://react.docschina.org/docs/hooks-intro.html打算用几天的时间来写一下react的新特性hook（其实也不算新了），首先梳理下关于hook的一些特点：突然想起来了我的高中政治老师曾经教我们的解题思路：是什么？为什么？怎么做？那我们也这样的思路来梳理一下hook：是什么：有意思的是，你会发现官方文档每一个hook模块的第一行都是下边这句话，足以证明记着它，对我们来说很重要！！！Hook 是 React 16.8 的新增特性。它可以让你
2020-12-02 23:06:37
219
转载 Java8新特性 —— Stream流整合
1.串行stream操作Lambda为java8带来了闭包，支持对集合对象的stream进行函数式操作， stream api被集成进了collection api ，允许对集合对象进行批量操作。Stream表示数据流，它没有数据结构，本身也不存储元素，其操作也不会改变源Stream，而是生成新Stream.作为一种操作数据的接口，它提供了过滤、排序、映射、规约等多种操作方法，这些方法按照返回类型被分为两类：凡是返回Stream类型的方法，称之为中间方法（中间操作），其余的都是完结方法（完结操作）。完
2020-12-02 15:46:34
791
原创 Springboot 上传文件/图片
public String upload(MultipartFile file, Integer dir) { //文件上传 String targetFilePath = "D:\\xxx\\yiyimanager\\src\\assets\\imagess"; //获取当前文件的磁盘路径// System.getProperty("user.dir");// ClassUtils.getDefaultClassLoader
2020-12-02 12:58:08
317
转载 React 知识汲取篇 —— Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法
Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法一、getFieldDecoratorgetFieldDecorator是一个方法，这个方法接收两个参数，第一个是表单的字段对象，第二个是验证规则。这个方法本身返回一个方法，需要将需要获取值的标签包裹进去<From> <FormItem> //JS代码书写时需要用 { } 包裹起来，不能直接写在代码块中 {
2020-12-02 11:10:42
2844
原创 React 解决问题篇 ——关于 require 动态地址引用的问题
关于 require 图片动态地址引用的问题这篇帖子记录一下今天改了一下午的Bug以及解决办法(刚刚开始学习React 所以很多东西不太了解 所以需要一点一点的去学习积累 )今天在做图片上传的时候 上传上去后有一个回显操作用的是require 去引用从后台传来的图片地址 后台传过来后我先是用了一个变量去接受然后将这个变量放在了require中 但是就一直报错Cannot find module '../../assets/images/xxx.jpg'然后后来在网上看到了 require 中
2020-12-01 16:49:35
2158
转载 Springboot设置跨域以及设置多个跨域地址
文章引用https://www.cnblogs.com/yhcjhun/p/10879690.htmlhttps://www.cnblogs.com/Java-Starter/p/7603313.htmlSpringboot设置跨域的三种方式方式一(精细配置)在需要跨域的整个Controller或者单个方法上添加@CrossOrigin注解方式二(全局配置)@Configurationpublic class WebMvcConfig extends WebMvcConfigurerAd.
2020-12-01 10:55:26
2724
原创 axios 设置公共请求头
import axios from 'axios'// 设置公共请求前缀export const baseUrl = 'localhost:8080';axios.defaults.baseURL = baseUrl;// 设置请求头tokenaxios.defaults.headers.common['Authorization'] = sessionStorage.getItem('token')
2020-12-01 10:50:01
934
转载 利用Java向Oracle中插入图片(BLOB)文件
转载于：https://blog.csdn.net/ysj5125094/article/details/83943418package com.test; import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.sql.Connecti
2020-11-27 14:33:14
499
原创 JDBC连接工具类
package nc.bs.mdm.plugin;import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;public class JDBC_Connection { public static Con
2020-11-27 14:24:10
217
原创 从oracle数据库 导出照片
private voidGenerateModelId(String faceip,Blob Image) throws DAOException, SQLException, IOException, JSONException { InputStream is = null; image = dao.executeQuery("select image from xxx ",new ColunmProcessor()); // 查询到图片 ByteArrayOutputStream.
2020-11-27 14:20:56
1194
原创 Oracle 锁表 解锁语句
Oracle 锁表 解锁语句alter system kill session '29,203';SELECT /*+ rule */ s.username,decode(l.type,'TM','TABLE LOCK','TX','ROW LOCK',NULL) LOCK_LEVEL,o.owner,o.object_name,o.object_type,s.sid,s.serial#,s.terminal,s.machine,s.program,s.osuserFROM v$sessi
2020-11-27 14:11:16
295
原创 IO流及Java8新特性
文章目录Day11 IO流及Java8新特性缓冲流什么是缓冲流什么时候会用到缓冲流总结及注意事项随机访问文件RandomAccessFile什么是随机访问文件（流）函数式接口什么是函数式接口6.2.函数式接口APILambda表达式什么是Lambda表达式Lambda表达式的语法特别说明！！！！！！！Lambda调用方法构造方法的调用匿名内部类方式:Lambda简化更简化静态方法的调用匿名内部类方...
2020-07-23 16:50:55
972
转载 BigDecimal.setScale用法
BigDecimal.setScale()这个方法是用于格式化小数点setScale(0)表示保留整数setScale(1)表示保留一位小数，默认用四舍五入方式setScale(1,BigDecimal.ROUND_DOWN)直接删除多余的小数位，如2.35会变成2.3setScale(1,BigDecimal.ROUND_UP)进位处理，2.35变成2.4setScale(1,BigDecimal.ROUND_HALF_UP)四舍五入，2.35变成2.4setScaler(1,BigDec
2020-06-23 15:05:06
1640
原创 热部署插件Devtools
这里记录一下SpringBoot项目用到的热部署插件Devtools首先在要用到热部署的模块的pom.xml中添加上Devtools的依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> &
2020-06-09 11:05:24
519
转载 Vue-如何使用axios实现同步请求
在vue项目中我们经常会使用axios来与后台进行数据传输，异步请求可以改善用户体验。但是在某些特殊情况，我们依然需要使用同步请求来实现交互。本文将讲解如何在vue项目中使用axios实现同步问题分析我们知道，在传统的ajax方法中，我们可以使用参数async设置为false来表示同步请求$.ajax({ type : "POST", //请求方式 a...
2020-04-18 20:02:42
2098
原创 项目部署 —— Docker介绍
部署需要三难问题需要N多服务器部署过程非常麻烦：编译，测试，打包，发布等等服务需要动态扩容与缩容DevOps介绍是什么DevOps是Development和Operations两个词的缩写，引用百度百科的定义：DevOps是一种方法或理念，它涵盖开发、测试、运维的整个过程。DevOps是提高软件开发、测试、运维、运营 等各部门的沟通与协作质量的方法和过程，DevOps强调软件开发人员...
2020-03-03 01:17:49
491
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人