自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

你瞅啥

生死看淡,不服就干!

  • 博客(148)
  • 资源 (7)
  • 论坛 (4)

原创 html知识点之利用css四边形切角并且加上边框

前言这几个月做了很多前端工作,其中一个需求还是蛮头疼,UI给的图上面的四边形是一个带斜边的,直接用背景图可以实现,但是会出现各种布局的问题,比如内容太大了,边框不会跟着扩大,废话不多说,这里写一些如何利用css话四边形带有斜边,并且给斜边加边框,在这之前,先简单说一下需要用到的函数linear-gradient()函数#grad { background-image: linear-gradient(red, yellow, blue);}看上面的代码是从头部开始的线性渐变,从红色开始,转为

2020-09-14 20:06:07 34

原创 typeScript知识点之装饰器的使用

前言装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法:普通装饰器(无法传参) 、 装饰器工厂(可传参)类似于java设计模式中的装饰模式。类装饰器类装饰器在类声明之前被声明(紧靠着类声明)。 类装饰器应用于类构造函数,可以用来监视,修改或替换类定义。 传入一个参数普通装饰器(无法传参)fun

2020-09-10 16:54:03 28

原创 typeScript知识点之泛型的使用

前言泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持,让组件的复用性更强。例如你有一个需求,需要写一个方法,但又需要同时支持number和string两种数据类型的参数,这个时候,你就必须定义两个方法,但你也可以定义传入的参数类型为any,但是这样就无法限制传入参数的类型。泛型的基本使用传统方法function getData1(value:string):string{ return value;}function getData2(value:number):num

2020-09-09 18:06:56 28

原创 typeScript知识点之接口的定义和使用

前言typescript中的接口。跟java中的用法基本上是一样的,跟类也有类似的地方,比较简单,其目的也是为了规范代码,例如定义一个属性接口,则传入的数据必须包含这些字段,如果定义一个方法的接口,则实现他的类必须实现他的所有方法。属性类接口属性类接口,就是定义一个接口,里面有n个字段,然后作为参数,或者结果接受,这样可以规范参数的名称和类型。传统的typescript中是这样写的function printLabel(label:string):void { console.log('p

2020-09-09 15:37:48 53

原创 typeScript知识点之类的定义和使用

前言原来typescript中还有类。简直跟java一毛一样了。。类中可以定义属性,可以定义方法而且还有继承、多态,学会java的应该比较容易理解吧类的基本定义class Person{ name:string; constructor(name:string){ //构造函数 实例化类的时候触发的方法 this.name=name; } getName():string{ return this.name; }

2020-09-08 17:55:29 49

原创 typeScript知识点之函数的使用

前言typescript中函数的定义跟es5 es6中的方式可能不太一样,其中包含函数返回值、匿名函数、函数重载、函数传参等最基本的函数定义无参数 function run():string{ return 'run'; }有参数function getInfo(name:string,age:number):string{ return `${name} --- ${age}`; }无返回值函数 function run():void{ console

2020-09-08 17:32:01 52

原创 typeScript知识点之数据类型的使用

前言在传统的js语法中,所有数据类型直接用var a=xxx,typescript中,为了使编写的代码更规范,更有利于维护,增加了类型校验,跟java一样,一个变量定义以后,你给他赋值必须是对应的数据类型,不然的话就会报错。在typescript中主要给我们提供了以下数据类型布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)元组类型(tuple)枚举类型(enum)任意类型(any)null 和 undefinedvoid类型.neve

2020-09-08 16:02:14 58

原创 redux及react-redux的使用(大致使用方法)

前言学习react之后,我们知道react中的传值是通过props,但其仅限于父子组件之间的传值,如果一个项目层级很深(如某个全局样式),而又需要从第一个层级传到最后一个层级,如果使用props一层一层的传值很麻烦,而且容易出错,所以针对这个问题,使用react-redux比较好!以前的文章写过上下文传值的方式,但其也比较麻烦,慎重,容易给自己挖坑!虽然redux和react-redux的实现原理也是在上下文的基础上实现的,但是其被封装并且已经比较成熟完善redux的使用使用redux值传递流程

2020-09-03 17:06:54 61

原创 react知识点之HOOK的使用(useState、useEffect、useMemo、useCallback的使用及自定义HOOK)

目录为什么会有HOOK?useState、useEffect的使用。useState用法useEffect用法useMemo的使用(主要针对当前组件中使用函数,优化性能)useMemo的使用(主要针对子组件中使用函数,优化性能)自定义HOOK使用注意点(Hook 就是 JavaScript 函数)注意点为什么会有HOOK?如果你在编写函数组件并意识到需要向其添加⼀一些 state,以前的做法是必须将其它转化为 class。现在你可以在现有的函数组件中使⽤用 HookuseState、useEffec

2020-08-26 17:56:32 103

转载 react知识点之Component和PureComponent深度解析

Component和PureComponent的区别介绍React.PureComponent 与 React.Component 几乎完全相同,但 React.PureComponent 通过props和state的浅对比来实现 shouldComponentUpate()。在PureComponent中,如果包含比较复杂的数据结构,可能会因深层的数据不一致而产生错误的否定判断,导致界面得不到更新。如果定义了 shouldComponentUpdate(),无论组件是否是 PureCompone

2020-08-21 17:50:40 39

原创 react快速写代码之snippets的使用(vscode工具)

针对使用vscode开发代码的同学,目前已知有两种快速写代码的方式方式1-使用vscode中的插件方法:打开vscode,找到如图1左边的插件扩展按钮搜索simple react snippets,本来试了一些第一种,但是发现功能并不是很多,建议选择如图中红框中的插件,功能比较多然后点击插件,可以看到有哪些快捷键。这里只截图一部分(图2)方式2-自定义snippets第一种使用插件的方式,有时候无法满足自己的需求,第二种当时就是自定义模板,但是比较麻烦,需要自己懂转义字符,这里不细说

2020-08-21 12:00:47 90

原创 react知识点之三大属性的理解(state、props、ref)

state (状态机,通过更新组件的state来更新对应的页面显示)state是最常用的属性,主要用于当前页面值得变化,其中主要有三个部分初始化stateconstructor (props) { super(props) this.state = { stateProp1 : value1, stateProp2 : value2 }}读取state的值this.state.xxxx(当state中的值发生变化的时候,页面会将其对应的地

2020-08-20 18:11:58 68

原创 react知识点之state的使用(批量更新,同步异步)

概述:react中class组件中最常用的就是state,其实就两个用法,一个是获取值(this.state.xxx),一个是设置值(this.setState()),下面着重讲一下setState中需要注意的地方知识点1(setState的两个参数)setState方法中有两个参数setState(partialState, callback),一个是partialState,这是设置值。必填this.setState({ count:2})第二个参数是一个回调方法,在state更更新之后

2020-08-20 15:47:54 133

原创 react知识点之useState、useEffect的使用(函数式组件,class组件的示例)

react的组件分为函数式组件和class组件,即一个有各种状态和生命周期,另外一个没有示例class组件实现实时刷新时间显示import React, { Component } from "react";export default class ClassComponent extends React.Component {constructor(props) {super(props);// 使⽤用state属性维护状态,在构造函数中初始化状态this.state = { date.

2020-08-20 15:07:14 292

原创 React组件之间的传值方式

父子组件传值一、父组件传给子组件父组件通过props传递给子组件;//父组件class CommentList extends Component{ render(){ return( <div> <Comment comment={information}/> </div> ) }}//子组件class Comment extend

2020-08-04 17:59:00 131

原创 React组件及JSX语法简介,虚拟dom和真实dom

React组件jsx组件是什么刚接触react的时候,听到最多的就是react是组件化开发,前期比较麻烦,但是后期等组件积累多了,就方便很多,那么组件是什么呢?个人理解:组件就是单独写一个render,然后export这个render,然后其他地方引入就完事了,就如同html页面的头部,是一个公共部分,然后就把头部相关代码写到一个html中,然后在其他页面直接导入即可,意思差不多。react组件分为类组件和函数式组件1、类组件(有点像java中的类)新建类组件//引入reactimport

2020-07-10 17:43:17 111

原创 React项目搭建及基本介绍

React的项目搭建项目搭建比较简单,先安装react脚手架,然后创建项目就完事了第一步安装node(基本环境)第二步安装webpack(基本环境)直接敲命令运行即可 npm install -g webpack 第三步配置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org第四步 安装create

2020-07-10 15:02:03 177

转载 react的生命周期函数

话不多说,直接进入正题!先来了解一下react的生命周期函数有哪些:组件将要挂载时触发的函数:componentWillMount组件挂载完成时触发的函数:componentDidMount是否要更新数据时触发的函数:shouldComponentUpdate将要更新数据时触发的函数:componentWillUpdate数据更新完成时触发的函数:componentDidUpdate组件将要销毁时触发的函数:componentWillUnmount父组件中改变了props传值时触发的函数:c

2020-07-09 11:32:06 69

原创 java开发工程师如何快速上手React前端框架,亲身实践

111

2020-07-06 15:56:19 141

原创 React子组件给父组件传值

前言时隔半年,我又回来了!!最近被公司要求前后端都做,而前端框架用的是react,本身这个框架就有一定的难度,不好入门,再加上疫情几个月没写代码。但是没办法,还是硬着头皮上了,后面会写一篇文章,记录我是如果花一个星期从对react一无所知,到能够修改bug,并且开发新功能,这篇主要记录一下子组件如何传值给父组件。使用场景新功能开发中有一个场景需要子组件传值给父组件,现有六个视频播放器,可以播放历史视屏(默认视频时长都是一样),需要实现用一个进度条控制下面六个视频的开始、暂停、以及进度条快进,如下图:

2020-07-02 11:09:16 193

原创 java判断某个表是否存在,如果不存在,则新建这个表

首先注入JdbcTemplate<bean id = "jdbcTemplate" class = "org.springframework.jdbc.core.JdbcTemplate"> <property name="dataSource" ref = "dbcpDataSource"></property> </bean&...

2019-11-04 18:09:53 1402

原创 websocket结合多线程实现请求一次,轮询推送数据

maven导入依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-websocket</artifactId> <version>4.3.12.RELEASE</version> </depe...

2019-10-31 10:18:21 1471

原创 利用mybatis-generator:generate逆向生成entity、mapper、mapper.xml

第一步 在resource文件下面新建文件夹generator,并将generatorConfig.xml文件放入,具体内容如下:<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator...

2019-09-20 16:57:31 245

原创 springboot面相切面编程-日志系统的实现

springboot面相切面编程-日志系统的实现

2019-06-10 14:43:36 292

原创 springboot面相切面编程-自定义注解的实现

为什么会有自定义注解的存在呢?因为一个接口可能需要执行某个动作,而有些接口不需要,自定义注解应用灵活,比如验证是否登录注解,只需要在接口上面加上自定义的注解就可以拦截,又或者一些关键性的吊用接口调用操作,比如登录,需要将日志记录到数据库,也需要自定义注解下面以一个例子解释自定义注解的使用1、代码1、定义注解package com.bootdo.clouddocommon.annotatio...

2019-06-10 13:59:54 452

原创 springboot面相切面编程-前置增强、后置增强、环绕增强(advice接口)

前置增强、后置增强、环绕增强听起来说实话,我完全不清楚是什么意思,研究以后,发现很简单,就是对方法的增强,比如前置增强,就是我有一个方法A,但是有一些功能是通用的,我不想写到A里面,但是A方法又需要使用,这个时候就可以使用前置增强,这样每次在执行方法A之前,就会自动调用这个增强方法了。1、增强分类前置增强:org.springframework.aop.BeforeAdvice 代表前置增...

2019-06-10 13:59:13 1847

原创 Mysql存储过程详解(概念、优缺点以及创建调用实例)

这篇文章主要介绍一下存储过程,工作中是否用的到存储过程,很大程度跟公司有关,很多人用不上,所以不了解,闲暇之际,还是简单的总结了一下。1、存储过程是什么?其实存储过程很简单,无非就是按照其特定的语法,创建存储过程,然后在执行程序的时候,调用就行了。怎么调用呢?下面是一个创建存储过程的实例 CREATE PROCEDURE myproc() BEGIN SELECT COUNT(*...

2019-05-31 17:45:06 6001

原创 mysql 数据库常用引擎及其差异,索引类型、索引使用场景

关于MySQL索引的好处,如果正确合理设计并且使用索引的MySQL是一辆兰博基尼的话,那么没有设计和使用索引的MySQL就是一个人力三轮车。对于没有索引的表,单表查询可能几十万数据就是瓶颈,而通常大型网站单日就可能会产生几十万甚至几百万的数据,没有索引查询会变的非常缓慢。还是以WordPress来说,其多个数据表都会对经常被查询的字段添加索引,比如wp_comments表中针对5个字段设计了BTR...

2019-05-27 17:17:34 1757

原创 springboot环境下java调用c程序生成动态链接库(基于JNI,linux环境下运行)

花了两天时间,研究出来的,现在把整个过程记录分享一下。其中包含 简单的demo调用,挺简单,但是放到实际的项目中,网上没有资料,现在把整个流程以及其中可能犯的错误总结分享一下!第一部分:简单的java调用C程序demo(在别人的基础上修改解释)第一步.首先,我们先写个JAVA类:public class HelloJNI { static { System.loadLibrary("H...

2019-05-16 11:15:24 8372 3

原创 org.apache.ibatis.builder.IncompleteElementException: Could not find result map java.lang.String

resultMap="java.lang.String"出错导致整个项目所有sql语句报错 记录错误截图:本来以为就算是我sql语句写错了,为什么其他方法也全部报错了呢?起初以为是配置文件错误,或者是classes生成的位置除了问题,结果检查以后都不是网上查询以后得知:resultMap=“java.lang.String” 应该改成resultType=“java.lang.Str...

2019-03-19 12:46:28 283

原创 mysql新建用户并且设置访问权限

有时候我们需要新建一个用户,给其他部门的人使用数据库,但是又不想让别人看到所有的数据库,这时候就需要在新建数据库的时候给新加的用户设置权限,网上有很多通过代码给新建用户赋予权限的文章,都看不懂,这里给一种通过Navicat客户端给用户设置权限的方法、其他数据库客户端没试过,Navicat下载安装自己去找吧第一步:用最高权限的账户连接数据库需要注意是是用户和你要给别人的数据库需要选中,看到现...

2019-02-28 16:44:48 1498

转载 Mongodb: Sort operation used more than the maximum 33554432 bytes of RAM

Mongodb: Sort operation used more than the maximum 33554432 bytes of RAM上线许久的产品突然爆出了一个Mongodb 查询的BUG,错误如下:"exception":"org.springframework.data.mongodb.UncategorizedMongoDbException","message":"Que...

2019-01-09 16:12:57 400

转载 git commit和git push的区别

在eclipse的git插件中,提交的时候会有两个选项,一个是commit,另一个是commit and push,这两者有什么区别呢?git作为支持分布式版本管理的工具,它管理的库(repository)分为本地库、远程库。git commit操作的是本地库,git push操作的是远程库。git commit是将本地修改过的文件提交到本地库中。git push是将本地库中的最新信息发...

2019-01-08 14:43:40 11722

转载 mysql时间格式化,按时间段查询的MySQL语句

描述:有一个会员表,有个birthday字段,值为’YYYY-MM-DD’格式,现在要查询一个时间段内过生日的会员,比如’06-03’到’07-08’这个时间段内所有过生日的会员。SQL语句:Select * From user Where DATE_FORMAT(birthday,’%m-%d’) >= ‘06-03’and DATE_FORMAT(birthday,’%m-%d’)...

2018-12-06 15:53:29 1760

转载 修改mysql数据库的时区

查看数据库时区mysql> show variables like '%time_zone%'; +------------------+--------+ | Variable_name | Value | +------------------+--------+ | system_time_zone | EST | | time_zone | SYSTEM | +--...

2018-12-05 11:31:20 9789

原创 mysql 连接语句快速查找

TOP语句(取返回数据的前五条):sql server SELECT TOP number|percent column_name(s) FROM table_namemysql SELECT * FROM Persons LIMIT 5oracle SELECT * FROM Persons WHERE ROWNUM <= 5like语句(和数据库做模糊匹配)"%" 可用于定义通配...

2018-12-01 16:28:42 350

原创 使用java将数据写入文件,并下载到客户端

最近做了一个功能,觉得挺有意思,决定记录下来,以前也见过类似的功能,以为很高端,其实很简单。第一步:写一个创建文件的工具类public class CSVUtils{ /** * CSV文件生成方法 * @param head * @param dataList * @param outPutPath * @param filename ...

2018-11-16 17:29:59 4096

原创 MongoDB 分组聚合Group操作(基于MongoTemplate)

一.简介db.collection.group()主要使用了JavaScript语法。sql语句中group by可以直接使用select key from table groupby key,而mongoDB没提供SQL那样通过Group By就轻松实现数据库的分组功能,我们通过接口来实现的接口规则: db.collection.group({ key, reduce, initial...

2018-10-31 11:30:53 9654

原创 IO流读取数据文件,将数据写入数据库,并记录数据导入日志

流程分析:数据类型:ROUTE_ID,LXBM,ROAD_NAME,SRC_LON,SRC_LAT,DEST_LON,DEST_LAT10000,G50,沪渝高速,115.8605349,30.08934467,115.5437817,30.0889860110001,G50,沪渝高速,115.5437817,30.08898601,115.2825297,30.28938191需求分...

2018-10-19 15:52:47 4546

原创 MongoDB 查询语法与常用查询语句总结

MongoDB 常用查询语句总结先来一波查询语句语法的基本解释:列子:db.mycol.find({"likes": {$gt:10}, $or: [{"by": "yiibai tutorials"}, {"title": "MongoDB Overview&am

2018-09-30 17:28:04 7739

mysql-connector-java-5.1.4.jar.rar

mysql-connector-java-5.1.44.jar包,可用于逆向生成实体类以及xml

2019-09-20

springboot+vue前后端完整demo.zip

springboot+vue前后端完整demo

2019-06-10

百度地图瓦片生成工具-免费.zip

瓦片图生成工具,这款是免费的,用法很简单,基本上一看就会,是免费的

2019-05-20

百度地图瓦片生成工具-收费.zip

瓦片图生成工具,这款是收费的,可以试用,试用教程和作者联系方式在文档中都有

2019-05-20

Erlang-win64_20.1

Erlang20,使用rabbitmq需要先安装这个插件,安装教程https://blog.csdn.net/hzw19920329/article/details/53156015

2018-04-18

基于reactjs的十几个简单的demos

reactjs demo,很简单的十几个基于reactjs的demo,可以用于入门

2018-03-30

模拟ATM登陆取款存款修改密码程序

这个是javaATM大作业的最后源代码,模拟了一个人取款,存款,以及登陆,修改密码的功能,主要用的知识点有SWing,IO流对文本文件的操作,正则表达式,参数的传递等,希望对你有所帮助

2016-01-03

空空如也
提示
确定要删除当前文章?
取消 删除