- 博客(26)
- 收藏
- 关注
原创 Antd 可编辑表格暂存
//组件部分import React, { useContext, useState, useEffect, useRef } from 'react';import { Table, Input, Form, DatePicker, Select } from 'antd';import styles from './index.less';import moment from 'moment';const EditableContext = React.createContext(null).
2021-11-08 11:42:24 689
原创 其他使用方法
1.英文字符串首字母大写Javascript没有内置的首字母大写函数,因此我们可以使用以下代码。const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1) capitalize("follow for more")// Result: Follow for more2.数组去重可以使用 JavaScript 中的Set轻松删除重复项const removeDuplicates = (arr
2021-10-11 09:44:45 141
原创 日期处理记录
1.检查日期是否合法使用以下代码段检查给定日期是否有效。const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 17, 1995 03:24:00");// Result: true2.查找日期位于一年中的第几天const dayOfYear = (date) => Math.floor((date - new Da
2021-10-11 09:39:23 156
原创 手机端前端技巧记录(待实践)
1.复制到剪贴板借助navigator.clipboard.writeText可以很容易的讲文本复制到剪贴板const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello World");2.检查用户的设备是否处于暗模式使用以下代码检查用户的设备是否处于暗模式。const isDarkMode = window.matchMedia &
2021-10-11 09:36:37 171
原创 十六进制颜色
1.颜色RGB转十六进制const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); rgbToHex(0, 51, 255); // Result: #0033ff2.生成随机十六进制颜色可以使用Math.random和padEnd属性生成随机的十六进制颜色。const randomHex =...
2021-10-11 09:33:48 199
原创 Cookie
1.获取浏览器Cookie的值通过document.cookie来查找cookie值const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ga');// Result: "GA1.2.1929736587.1601974046"2.清除全部Cookie通过使用document.cookie访问cookie并将其清除,可以轻松.
2021-10-11 09:31:34 129
原创 webpack转化es6语法
1.安装babelbabel转换高语法到es5babel-loader转换 @babel/core是核心模块@babel/preset-env 高级语法转换成低级语法yarn add babel-loader @babel/core @babel/preset-env -D2.配置js在配置规则前,es6语法打包,会直接是箭头函数配置后,函数会使用var进行打包...
2020-03-20 11:31:19 583
原创 webpack样式处理,以及js,css压缩
1.在配置中添加module module: { //模块 rules: [ //规则 css-loader 解析@import这种语法的 //style-loader 把css插入到head标签中 //loader的特点 希望单一 //loader的用法 字符串只用一个loader //多个loader需要[] ...
2020-03-19 18:09:12 347
原创 手动配置webpack
1.默认配置文件的名字是 webpack.config.jswebpack是node 写出来的,所以写node 语法let path = require('path') //自带的module.exports = { mode:'development', //模式 默认两种 production 生产模式 development 开发模式 entry:'./src/i...
2020-03-13 17:59:56 181
原创 搭建webpack4.0项目(1)
1.新建项目test-webpack2.项目下,本地安装 webpack 、 webpack-cliyarn add webpack webpack-cli -D //-D表示当前是开发依赖,上线时不需要3.配置webpackwebpack可以进行0配置(0配置 配置很弱)webpack是打包工具,将输出后的结果,打包成js模块(1)首先新建打包目录src...
2020-03-13 10:05:10 255
原创 yarn报错:Found incompatible module
当我用yarn安装项目时,报错如下:error @typescript-eslint/eslint-plugin@2.5.0: The engine "node" is incompatible with this module. Expected version "^8.10.0 || ^10.13.0 || >=11.10.1". Got "11.6.0"error Found...
2019-10-23 14:18:52 1858
转载 react-native 监听软盘高度
import {Keyboard} from 'react-native'; constructor(props) { super(props); this.state = {keyBoardHeight: 0} } //监听软键盘 componentWillMount() { this.keyboar...
2019-08-20 10:11:25 380
原创 IE 新增、删除后,页面数据不变;刷新页面后改变
问题是IE浏览器存在缓存机制,可在请求参数后添加一个随机参数、"/selectList?timestamp="+new Date().getTime()
2019-08-07 16:57:26 840
原创 关于Elasticsearch重启、解锁、删索引
1.重启ES:##进入ES用户su elastic##输入密码******##进入ES文件夹cd ~/elasticsearch-6.2.4##执行命令重启ES./bin/elasticsearch -d解决报错:curl -i -H "Content-Type:application/json" -XPUTip:9200/transaction/_mapping/...
2018-11-24 13:45:18 3043 1
转载 Ubuntu14.04下FTP服务器的搭建配置
1.安装ftpsudo apt-get install vsftpd2.配置vsftpd.conf文件sudo gedit /etc/vsftpd.conf完整配置文件:# Example config file /etc/vsftpd.conf## The default compiled in settings are fairly paranoid. This sa...
2018-11-08 19:30:41 189
原创 不同数据库插入时间
oracle 时间类型为Date,插入时间INSERT INTO TEST_LOU(ID,NAME,AGE,BIRTH)VALUES('${xml.MESSAGE.BODY.ROWS.ROW.ID}','${xml.MESSAGE.BODY.ROWS.ROW.NAME}','${xml.MESSAGE.BODY.ROWS.ROW.AGE}',TO_DATE('${xml...
2018-08-24 18:06:28 272
原创 常用SQL语句
1.查询语句select count(*) from aa;select * from aa;2.删除语句truncate table aa;delete from aa;3.插入语句insert into DATA_00222 select * from DATA_MPITEST where ROWNUM <= 100000;insert into aa(i...
2018-08-22 15:51:09 188
原创 弹性布局flex小结
https://caniuse.com/ 查看css某个属性的兼容情况calc(25% - 1px)box-sizing:center-box;向外扩展box-sizing:border-box;向内扩展 父级身上的属性display:flex;添加浏览器前缀 -webkit-PostCss插件 自动加前缀 display:-webkit-box; ...
2018-08-22 15:49:37 563
原创 修改负载均衡IP配置
1.进入容器(容器起名为tengine)docker exec -it tengine bash2.进入目录cd /opt/tengine/conf3.编辑nginx.conf,修改配置文件vi nginx.conf4.启用配置
2018-08-22 15:48:22 970
原创 清理linux磁盘
1.进入该服务器的管理员账号:su - root2.输入密码3.清空日志cd /cd var cd libcd dockercd containersdu -sh ./*进入最大的文件du -h -a --max-depth=1cat /dev/null > *.json 1.df -lh 查看磁盘信息2.du -h -a --max-depth=1 寻找...
2018-08-22 15:43:15 330
原创 linux容器中安装jdk1.8
1.进入容器docker exec -it sie-6002 bash2.设置DNSvi /etc/resolv.conf8.8.8.83.下载jdk1.8wget --no-cookies --no-check-certificate --header "Cookie: gpw_e24=http%3A%2F%2Fwww.oracle.com%2F; oraclelicen...
2018-08-22 15:42:29 538
转载 Ubuntu 安装docker
1. 安装前先检查系统对docker的支持,尽可能安装高版本的系统,比如Ubuntu14.04等,安装前可以先检查系统信息。Docker需要64位机器,需要运行在3.8以上的内核上,需要操作系统支持Device Mapper。可以使用uname -a查看系统信息和主机信息。可以使用 ls -l /sys/class/misc/device-mapper查看Device Mapper的支持。2. 添...
2018-07-09 14:26:39 196
原创 利用xshell查看构建容器中的配置文件
1.docker ps2.docker exec -it sie-6101 bash3.ls4.cd webapps/5.ls6.cd ROOT7.cd WEB-INF/8.cd classes/9.more application.yml
2018-07-09 14:26:19 2881
原创 docker部署spring-boot-tomcat(Ubuntu)
1.将Ubuntu中spring-boot-tomcat压缩包传输到另一个Ubuntu中scp spring-boot-tomcat.tar hip@IP:.2.使用Docker命令部署spring-boot-tomcatdocker load -i spring-boot-tomcat.tar
2018-07-09 14:16:10 395
转载 【docker】非root用户加入docker用户组省去sudo
1.使用有sudo权限的帐号登录到服务器系统,如:test用户2.新建用户组docker之前,查看用户组中有没有docker组sudo cat /etc/group3.创建docker分组,并将相应的用户添加到这个分组里面。sudo groupadd -g 999 docker 检查一下创建是否有效cat /etc/group如果出现groupadd: group 'docker' already...
2018-07-09 14:14:27 2961
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人