自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(87)
  • 收藏
  • 关注

原创 Docker部署前后端服务示例

使用Docker部署前后端服务的示例

2024-02-28 15:12:13 392

原创 Dockerfile制作镜像

dockerfile 是一个用来构建镜像的文本文件

2024-02-28 15:00:53 949

原创 常用Docker命令

常用Docker命令

2024-02-28 14:41:11 758

原创 Docker介绍

Docker 是一个用于开发、发布和运行应用程序的开放平台

2024-02-28 14:39:40 561

原创 GO项目生成工具-根据库表字段自动生成API

根据库表字段自动生成API

2024-01-11 13:33:44 755

原创 GO数据库操作

Golang 出色的 ORM 库为 GORM。

2024-01-11 13:23:40 573

原创 Golang的API项目快速开始

开启一个简单的API服务。golang的教程网上一大堆,官网也有非常详细的教程,这里不在赘述这些基础语法教程,我们意在快速进入项目开发阶段。

2024-01-11 12:46:34 726

原创 开启golang学习之路

Go 编程语言是一个开源项目,旨在提高程序员的工作效率。Go 富有表现力、简洁、干净且高效。它的并发机制使编写能够充分利用多核和联网机器的程序变得容易,而其新颖的类型系统可以实现灵活和模块化的程序构建。Go 可以快速编译为机器代码,同时还具有垃圾收集的便利性和运行时反射的强大功能。它是一种快速、静态类型的编译语言,感觉就像一种动态类型的解释语言。

2024-01-11 12:28:53 552 1

原创 创建指定大小的文件

1、mac在终端执行文件创建命令,创建一个10m的文件demo.xlsxmkfile -n 10m ./demo.xlsx查看文件大小ls -l2、Linux创建一个100M的文件demo.xlsxdd if=/dataof=./demo.xlsx bs=1024 count=0 seek=$[1024*100]...

2021-04-27 09:59:15 855

原创 react 不用插件,渲染json数据成markdown

renderMarkDown = str => {let object = {};try {object = JSON.parse(str);} catch (err) {console.log(err)}return this.renderObject(object)}renderObject = (object) => {switch (typeof (object)) {case "string":return <span style=

2021-03-03 18:16:22 334 1

原创 小程序编译&发布

1、编译在微信开发者工具中直接编辑就可以,立马就能在左侧看到效果,还可以真机调试,扫描二维码,或者登录微信号,即可在手机上打开微信查看2、发布微信开发者工具编译后点击上传,输入版本号和项目备注即可官方还提供了命名上传和http上传,具体可查看官方文档。上传成功之后,登录小程序管理后台- 开发管理 - 开发版本 就可以找到刚提交上传的版本了。3、提交审核首先确保小程序基本信息已经配置好,如何点击提交版本,输入项目信息。提交成功后可能会看不到审核版本,...

2021-03-02 17:42:48 1216

原创 小程序调用API服务

1、配置API服务地址登录微信公众平台:https://mp.weixin.qq.com/开发管理->开发设置->服务器域名,设置request合法域名,就是你的API服务地址的域名,目前只支持https2、封装API调用方法export function fetch(data, callback){console.log(data)wx.request({url: "https://***", //这里填写你的接口路径,需在微信公众平台配置过heade.

2021-03-02 17:25:45 2440

原创 微信开发者工具使用npm安装第三方包

1、项目下打开终端2、初始化npm终端输入npm init,回车,根据提示输入项目信息(其实一直回车就可以了,会自动输入默认信息),成功后会在项目下生成package.json文件。接下来生成package-lock.json,记录使用的第三方插件:npm install --production使用--production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。3、安装第三方包npm i moment -S --pr...

2021-03-01 15:16:13 3237 3

原创 微信小程序开发环境

1、注册小程序开发小程序首先需要在微信公众平台注册一个小程序账号,注册地址:https://mp.weixin.qq.com/注册完成后生成一个AppID,记住这个ID,开发时需要用到,同时可以在这里配置服务器地址2、下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html下载安装成功后,打开工具新建项目,输入项目信息和上一步生成的ID即可初始化一个项目3、..

2021-03-01 15:03:26 2023 1

原创 axios封装多个baseUrl

import axios from 'axios';import { message } from 'antd';const createService = baseURL => {// 创建axios实例const service = axios.create({baseURL, // api的base_urltimeout: 50000 // 请求超时时间});// request拦截器service.interceptors.request.use..

2021-02-24 14:59:31 1454

原创 js 读取附件eml

1、eml后缀的文件是邮件导出的特有格式,前端往往有需求展示邮件内容,方法如下2、安装eml-format:yarn addeml-format 或npm installeml-format3、读取方法import emlformat from 'eml-format';const [emailContent, setEmailContent] = useState("");function readerEml(file) {let reader = new F...

2020-07-07 10:50:42 2190 2

原创 react dnd 拖拽antd table

1、封装拖拽Tableimport React, { useState, useCallback, useRef, useEffect } from 'react'import { DndProvider, useDrag, useDrop } from 'react-dnd'import HTML5Backend from 'react-dnd-html5-backend'import { Table } from "antd"import update from 'immutabil

2020-07-03 18:49:38 1433 2

原创 react dnd 实现拖拽功能,一个列表拖到另一个列表

1、拖拽组件封装import React, { useState, useEffect } from 'react'import { DndProvider, useDrop, useDrag } from 'react-dnd'import HTML5Backend from 'react-dnd-html5-backend'import { Row, Col, Card } from 'antd'function DragPanel(props) {...

2020-07-03 16:55:29 3395 2

原创 新环境下启动老项目,npm install后启动有报错

常常会有这样的问题,运动的好好的项目,在新搭建的环境中运行不起来或有报错踩了不少这样的坑大概原因:依赖包下的依赖包版本与依赖包版本不相符,有点绕,看完后面的就清楚了。1、查看报错的是什么地方,多半是依赖包报错2、npm ls查看当前项目安装的依赖包3、可以看到依赖包下面有依赖的依赖包,找到报错的依赖包4、找到node_modules下面依赖包源码下package.json,查看版本号是否与安装的版本一致5、可以看到版本号不一样,大部分都是不一样的,主要是看依赖包.

2020-07-02 18:35:58 1421 2

原创 node多版本管理,mac篇

不同的项目用不同的Node版本,往往Node版本间不互相兼容,所以经常需要在不同的Node版本中切换。n 模块可以管理Node版本,n 是Node的一个模块,所以安装非常方便,而且作者是Express框架的作者写的。1.查看node版本,没安装的请先安装;$ node -v2.清除node缓存;$ sudo npm cache clean -f3.安装node版本管理工具'n';$ sudo npm install n -g4.使用版本管理工具安装指定node或者升级到.

2020-06-24 17:13:49 1290

原创 用变量巧妙替换switch写法

你是不是经常写这样的代码fun(value){name=""switch(value){ case "A": name="AA"; case "B": name= BB}return name}其实这段代码可以这样写fun(value){option={ A:"AA", B:"BB"}returnoption[value]}这么写有什么好处呢?1、逻辑清晰2、方便把option提出了作...

2020-06-12 10:59:59 848

原创 react前端框架环境搭建

1、创建react应用程序Create React App可在macOS,Windows和Linux上运行。npx create-react-app mytestcd mytestnpm start 或 yarn start 启动项目如果您以前create-react-app通过进行了全局安装npm install -g create-react-app,建议您使用卸载软件包,npm uninstall -g create-react-app以确保npx始终使用最新版本。...

2020-06-02 13:02:36 1354

原创 react+ant 自定义表单

import React, { useState, useEffect } from "react";import { Row, Col, Input, Select, DatePicker, Button, Tooltip } from "antd";import { Const } from "src/utils/const";const { Option } = Select;const { RangePicker } = DatePicker;interface IF..

2020-06-01 18:20:19 1167

原创 js excel导入数据

1、导入方法:function onImportExcel(file) {if (file.target.files[0]) {let reader = new FileReader();reader.onload = function (e) {try {let data = [];let workbook = XLSX.read(e.target.result, { type: 'binary' });const sheetData = workbook.Sheets.S

2020-05-26 11:04:45 554

原创 typescript dom对象转换成字符串

const emailHtml: HTMLElement = document.getElementById("email-view") as HTMLElement;const emailStr: string = emailHtml.innerHTML;

2020-03-24 10:41:14 2108

原创 重置密码 andt表单验证

import React from "react";import {Form, Icon, Input} from "antd";function PasswordForm(props) {const { getFieldDecorator,getFieldValue } = props.form;// 密码验证const passwordValidator = (...

2020-01-02 17:57:49 497

原创 css hover图片放大显示

.enlarge img{width: 100%;}.enlarge:focus img{position:fixed;width: auto;height: auto;left:0;top:0;right:0;bottom:0;z-index:20;margin:auto;}

2019-12-26 17:52:23 2069

原创 js moment 相对于当前时间的表现形式(5分钟前,1小时前)

/** * 获取相对于当前时间的表现形式 */function timeFromNow(time) { const format="YYYY-MM-DD HH:mm:ss"; const formatDate="YYYY-MM-DD"; const formatTime="HH:mm:ss"; let timeStr=moment(time).format(...

2019-12-20 13:29:08 6630 2

原创 braft-editor 图片(媒体库)上传至服务器并通过服务器返回链接展示

const myUploadFn = (param) => { const serverURL = 'http://upload-server' const xhr = new XMLHttpRequest const fd = new FormData() const successFn = (response) => { // 假设服务端直接返回文件上...

2019-12-20 12:28:23 4292 1

原创 js 表格导出Excel

依赖包yarn add js-export-excelyarn add xlsximport ExportJsonExcel from 'js-export-excel'import moment from 'moment';/*导出到Excel* columns与表格定义到columns可通用,* 如导出数据与api返回数据不一致,增加字段renderExcel修改原数...

2019-12-12 16:20:24 98

原创 vue 使用v-model绑定自定义子组件

v-model大部分解释是语法糖,其实就是在父组件中定义一个变量,通过v-model绑定变量传入子组件中,并在子组件改变这个值时,父组件能拿到最新到数据下面具体说说如何通过v-model绑定自定义组件,算了,也没什么说的,也不知道咋说,直接看代码吧!首先我们有一个父组件<template> <div> <el-button @c...

2019-11-15 14:37:09 1820 1

原创 js异步处理,指定时间内循环timeout

10秒内每秒执行一次方法,如果得到想要结果,停止循环for(let i=0;i<10;i++){ setTimeout(function () { ... if(...){ break; } }, i*1000);}

2019-11-08 14:14:52 511

原创 css 最常用样式

1、超出框架可滚动{overflow-y:scroll;}2、超出宽度显示省略号{ overflow: hidden; text-overflow: ellipsis; width:100px; }3、div同一行显示{display:inline-block}4、悬浮靠右{float: right}...

2019-11-08 14:03:05 405

原创 js获取浏览器信息

获取浏览器信息window.navigator.appNamewindow.navigator.appVersion获取浏览器版本,低版本做getAppVersion(){if(window.navigator.appName==="Microsoft Internet Explorer"){const appVersion = window.navigator...

2019-11-08 13:56:09 384

原创 JavaScript 对象或数组赋值不改变原对象或数组

JavaScript 中对象或数组的赋值是默认引用赋值的,使得改变对象时,原对象跟着改变,如果你想要复制赋值,则必须要重新分配对象,使用如下代码即可避免此问题:1、对象 Object.assign({}, object)let a = {'name': 'lily'};var b = Object.assign({}, a);b.name = 'lisa';conso...

2019-11-08 13:54:58 5971 1

原创 小程序开发-导航栏

大部分小程序都是有底部导航栏的,具体怎么实现呢,需要在app.json中配置,下面上代码{"pages": ["pages/index/index","pages/yonge/index","pages/mine/mine"],"window": {"backgroundColor": "#F6F6F6","backgroundTextStyle": "ligh...

2019-08-12 18:51:59 624

原创 小程序开发-环境搭建

1、注册小程序:https://mp.weixin.qq.com2、获取开发者ID点击左边导航栏 开发-开发设置,可以查看AppID,开发时需要用到3、下载开发工具链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html打开后选择合适你电脑的工具下载,我的是Windows64...

2019-08-12 18:46:50 193

原创 使用flask框架编写简单的mock平台

mock可以模拟api返回,当使用第三方系统不便造数据时可以使用mock模拟返回1、flask框架下载安装Flask的socket是基于Werkzeug 实现的,模板语言依赖jinja2模板,在使用Flask之前需要安装一下;pip install flask2、mock编写from flask import Flask, request, jsonapp =...

2019-05-13 16:18:34 1666

原创 jmeter前置处理器调用java方法,以md5加密为例

jmeter无法实现的功能可以用java写个方法来实现,并通过前置处理器来调用方法1、java编写md5加密方法package md5test;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;public class getmd5 { public ...

2019-05-13 11:44:11 1075

原创 jmeter后置处理器保存数据到本地,并通过前置处理器获取数据

jmeter中支持java语音,前置和后置处理器都可以直接使用java,我们就用java来处理这个保存数据和获取数据的场景1、保存数据直接使用java语音实现这个功能,下面是讲jmeter中的变量“token”保存到"E://test.txt"中。FileWriter fwriter = new FileWriter("E://test.txt");fwriter.write(var...

2019-05-13 11:04:47 1836

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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