- 博客(96)
- 资源 (1)
- 收藏
- 关注
原创 强制缓存和协商缓存
浏览器缓存浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。所以根据上面的特点,浏览器缓存有下面的优点:减少冗余的数据传输 减少服务器负担 加快客户端加载网页的速度一 强制缓存强制缓存整体流程比较简单,就是在第一次访问服务器取到数据之后,在过期时间之内不会再去重复请求。实现这个流程的核心就是如何知道当前时间是否超过了过期时间。强制缓存的过期时间通过第一次访问服务器时返回的响应头获取。在 http 1.0.
2020-07-31 14:44:19
363
转载 Spring Cloud配置跨域访问的五种方案
在使用SpringCloud实现微服务时,经常会碰到前端页面访问多个二级域名的情况,跨域是首先要解决的问题。解决这个问题,可以从两方面入手,一种方案是在微服务各自的业务模块中实现,即在SpringBoot层实现,另外一种方案就是在Gateway层实现。首先讲一下在SpringBoot层实现的三种方案。一,在Controller上添加@CrossOrigin注解这种方式适合只有一两个rest接口需要跨域或者没有网关的情况下,这种处理方式就非常简单,适合在原来基代码基础上修改,影响比较小。
2020-07-31 14:25:56
1210
原创 跨域问题:解决跨域的三种方案
当前端页面与后台运行在不同的服务器时,就必定会出现跨域这一问题,本篇简单介绍解决跨域的三种方案,部分代码截图如下,仅供参考:方式一:使用ajax的jsonp前端代码服务器代码使用该方式的缺点:请求方式只能是get请求方式二:使用jQuery的jsonp插件插件下载网址:https://github.com/jaubourg/jquery-jsonp前端代码服务器代码使用该方式的特点:与方式一相比,请求方式不只局限于get请求,还可以是post请求,但从服务器从获取的数据依然是jsonp...
2020-07-31 11:33:15
361
原创 margin为负值详解
一、对元素自身的影响1.margin-left,margin-right为负值1)元素本身没有宽度,会增加元素宽度<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证</title> <style type="text/css"> *{
2020-07-31 10:25:31
325
原创 html+css实现登录界面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- 引入图标和页面css文件 --> <link rel="stylesheet" href="icon.css"> <link rel="stylesheet" href="login.css"> <title>LOGIN...
2020-07-30 18:25:41
1215
转载 Mybatis中collection和association的使用区别二
一、association的三种用法:先看如下代码(省略set、get方法):public class User { private Integer userId; private String userName; private Integer age; private Card card;//一个人一张身份证,1对1}public class Card { private Integer cardId; private S..
2020-07-30 10:21:37
368
转载 Mybatis中collection和association的使用区别一
1. 关联-association2. 集合-collection比如同时有User.java和Card.java两个类User.java如下:public class User{private Card card_one;private List<Card> card_many;}在映射card_one属性时用association标签, 映射card_many时用collection标签.所以association是用于一对一和多对一,而collect...
2020-07-30 09:34:02
408
原创 Ant Design Pro 创建项目
https://pro.ant.design/index-cnLet’sPro命令行运行下列命令,快速启动开发服务:$ yarn create umi my-appSelect the boilerplate type:选择 Ant Design Pro❯ant-design-proWhich language do you want to use?选择你使用的语言❯TypeScriptJavaScript$ cd my-app$ yarn$ ...
2020-07-21 10:12:26
2012
原创 node 安装配置
1、nodejs 安装https://www.runoob.com/nodejs/nodejs-install-setup.htmlNode.js 安装包及源码下载地址为:https://nodejs.org/en/download/。2、环境变量:path中设置nodejs安装的根目录。测试3、npm 配置;参考https://www.cnblogs.com/coder-lzh/p/9232192.htmlnpm config list 获取npm配置.
2020-07-20 17:37:22
231
原创 防抖:debounce和throttle的对比
debounce:将一系列迅速触发的时间合并成单独的一个事件。throttle:确保一个持续的操作流以每x毫秒执行一次的速度执行。
2020-07-16 18:30:59
181
原创 react 单元格内容用省略号代替,然后用Tooltip展示内容
其主要利用x滚动条,让数据完全展现。但是有的需求是数据一屏展示不滚动,当屏幕足够小时,单元格内容用省略号代替,然后用Tooltip展示内容先创建一个工具组件 EllipsisTooltipimport React from 'react'import { Tooltip } from 'antd';class EllipsisTooltip extends React.Component { state = { visible: false } han...
2020-07-16 17:48:09
1170
原创 flex实例
要实现justify-content:between-space的效果,同时要保证中间一列左对齐。没能直接实现,采用下面方式实现了。<!DOCTYPE html><html><head><style> .row{ display:flex; width: 900px; //如果页面缩小太小,会有滚动条。 margin-bottom:10px; } .col{ flex:1.5 0; bo...
2020-07-16 11:34:54
262
转载 Flex 布局教程:语法篇
Flex 布局教程:语法篇布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Flex 写法。网友JailB...
2020-07-16 09:41:14
158
原创 maven 常用命令
mvn clean package依次执行了clean、resources、compile、testResources、testCompile、test、jar(打包)等7个阶段。mvn clean install依次执行了clean、resources、compile、testResources、testCompile、test、jar(打包)、install等8个阶段。mvn clean deploy依次执行了clean、resources、compile、testResources、testCo
2020-07-15 10:21:45
102
原创 dva @connect
1、引用@connect 。将state中的assetDiseaseLibrary赋值给props中的model。(model的名字是自定义了)2、使用this.props中的model。另外一种一些,可能更好理解connect。红色框中就是state的值,从而可以任务1中的{assetDiseaseLibrary:model}是对state的析构。...
2020-07-14 18:07:18
1946
原创 org.apache.ibatis.binding.BindingException: Parameter ‘id‘ not found. Available parameters are [rec
错误写法:正确写法:两外在xml中需要加上elementDiseaseInfo.
2020-07-07 19:18:51
2032
原创 mock使用小结
umi+antd+dva环境下测试小结。1、安装npm install mockjs --save2、mock文件夹下创建example.js可以是定值:也可以是范围值,如果是范围值时需要使用Mock.mock。3、service文件下
2020-07-07 14:44:19
306
原创 justify-content: space-between 对齐问题
1、css使用了justify-content: space-between2.、jsx3、得到结果:4、现需要中间列左对齐5、修改后页面为:如果需要对span进行对齐操作:首先必须设置宽度和display:inline-block,然后在设置text-align。...
2020-06-16 18:56:13
3603
转载 CSS 居中汇总
1、水平居中1.1 text-align:center<style> #father { width: 500px; height: 300px; background-color: skyblue; text-align: center; }</style> <div id="father"> <span id="son">我是行内元素</s...
2020-05-24 21:41:12
182
原创 antd 样式修改
需要修改antd Table 扩展行的背景颜色,通过下图可以发现控制该背景的CSS.在Table组件上添加样式。然而该样式并内有起作用,根据上图(这里是重点)修改样式为:或者:1、修改antd,需要添加:global。2、添加了:global该样式会变成全局样式,因此这里需要添加父类。如上面的expanderRow。...
2020-05-18 13:51:17
5402
原创 负载均衡与集群的区别和联系
负载均衡与集群的区别和联系一、关于负载均衡和集群的概念(区别)负载均衡:服务器A,比如做了Nginx处理,通过服务器A端口88均衡转发(请求)服务器b、和服务器c,这是负载均衡,其中服务器A是负载集群:同一个工程部署在不同服务器的称为集群,两个及以上的就是集群,服务器b和服务器c合并称为集群二、负载均衡和集群的关系负载均衡的前提是集群。集群和负载均衡两者联系比较紧密:一个应用在性能遇到瓶颈,或者需要高可用的时候,可以通过集群的方式使用多台机器运行同一应用。集群加上负载均衡,可以将请.
2020-05-13 21:59:42
4340
原创 IDEA OutOfMemory(内存溢出)的问题解决
1. idea编译时内存溢出解决办法:打开设置界面,搜索Compiler(编译),如下图所示,将这个值设置为一个较大的值。2. 运行时内存溢出解决办法:打开tomcat设置页面,VM options加上参数:-server -XX:PermSize=1024M -XX:MaxPermSize=1024m...
2020-05-12 16:51:08
2570
原创 解决dock pull 超时问题
访问国内的镜像市场网站:https://hub.daocloud.io/该网站无需登录。1、搜索镜像2、可以看到拉去镜像的命令3、执行起来,那速度真的是刚刚的
2020-05-07 23:41:27
599
原创 笔记:onClick的箭头函数以及传参
正确写法错误写法1:onClick = {(item) => routerTo(item)}这样的item不是data.map中的item。错误写法2:onClick = {routerTo(item)}这样会直接运行routerTo(item)该方法...
2020-05-07 10:07:33
2475
原创 centos 网络设置
一、设置网卡vi /etc/sysconfig/network-scripts/ifcfg-ens32TYPE=EthernetPROXY_METHOD=noneBROWSER_ONLY=noBOOTPROTO=staticDEFROUTE=yesIPV4_FAILURE_FATAL=noIPV6INIT=yesIPV6_AUTOCONF=yesIPV6_DEFROUT...
2020-05-06 22:00:57
255
原创 PG的时间函数使用整理
PG的时间函数使用整理如下1.获取系统时间函数select now(); –2012-05-12 18:51:59.562+08select current_timestamp; –2012-05-12 18:52:12.062+08select current_date; –2012-05-12select current_time; –18:53:23.234+082.时间的计算...
2020-04-26 10:54:10
5639
原创 postgres 类型转换 cast 转
postgres 类型转换 cast 转--1 例子postgres=# select 1/4;?column?---------- 0(1 row) 在PG里如果想做除法并想保留小数,用上面的方法却行不通,因为"/" 运算结果为取整,并且会截掉小数部分。--2 类型转换postgres=# select round(1::numeric...
2020-04-26 10:28:59
529
1
原创 mybatis 大于小于号用法
1、方式一CDATA在今天使用Mybatis的xml文件中写sql语句时写入了一些特殊字符 如 < > & 等,但解析xml文件的时候会被转义,事实上并不希望它被转义,可以使用<![CDATA[sql]]>. 这是XML语法,在CDATA内部的所有内容都会被解析器忽略. 但是因此会导致<if test=""></if>...
2020-04-26 09:58:42
616
原创 apollo环境搭建
参考https://blog.csdn.net/luhong327/article/details/81453001网上说的太杂乱,这里按照自己的搭建过程做一记录。1、apollo源码下载https://github.com/847307967/apollo2、数据库安装分别运行apolloconfigdb.sql 和apolloportaldb.sql3、分别对ap...
2020-04-25 22:45:33
378
原创 后台数据库字段类型为timestamp
1 、前端获取当前时间 ,如红框2、后端参数为string3、mybatis 配置文件中使用as DATE4、这样在执行sql时,该字段就为Timestamp类型。
2020-04-24 20:55:45
854
原创 Check the render method of `RoadPage`.
排查了好久,然后发现是当前RoadPage组件引用的组件没有添加export default.ES6 export 和 export default的区别ES6中 export 和 export default 与 import使用的区别,使用 react native 代码详解一、使用export 和 import1、export 定义导出一个子组件 Greetingi...
2020-04-24 14:57:59
4841
原创 怎样使用antd Form 的API
两种用法1、Form.create()经 Form.create() 包装过的组件会自带 this.props.form 属性1.2、class函数使用Form.create():class CustomizedForm extends React.Component {...代码}CustomizedForm = Form.create({})(Customized...
2020-04-24 14:44:11
2788
1
原创 组件直接调用service异步方法,没有通过dispatch到model中。
组件直接调用service异步方法,没有通过dispatch到model中。
2020-04-24 11:00:54
352
原创 idea mvn命令
1、IDEA 提示mvn命令不是内部命令:解决办法:使用管理员身份重新启动IDEA即可。2、mvn clean install报错提示从阿里库下载不了包spring-boot-starter-parent:pom:2.2.6.RELEASE解决办法: 解决思路是:多次尝试发现是pom中的版本号和maven本地库中的本号不一致导致的;删除本地库重新下载。 本次...
2020-04-23 16:51:11
2011
原创 解决Git报错: error: You have not concluded your merge (MERGE_HEAD exists).
解决Git报错: error: You have not concluded your merge (MERGE_HEAD exists).展开解决办法一:保留本地的更改,中止合并->重新合并->重新拉取$:git merge --abort$:git reset --merge$:git pull解决办法二:舍弃本地代码,远端版本覆盖本地版本(慎...
2020-04-22 09:54:07
1967
原创 react 父类通过onRef调用子类方法
import React, {Component} from 'react';export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> // ...
2020-04-17 11:12:23
860
原创 react 自定义组件的坑
错误记录:Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.1通过箭头函数自定组件。2、引用组件
2020-04-16 21:57:43
760
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅