自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 mock服务-通过json定义接口自动实现mock服务

我用的Golang搭建了一个项目,通过json定义接口,启动项目即可提供mock接口,无需开发代码。

2025-01-14 17:36:59 536

原创 你是不是经常百度git命令,给你总结出来了

大概意思就是从主代码分支新建自己的副本,在自己的副本里做任何修改都不影响别人的代码,提交代码时要把自己的分支meger到master上,也就是把你的改动合到主分支里面。

2025-01-13 11:43:30 221

原创 GO通过SMTP协议发送邮件

SMTP协议是用于发送邮件的协议可以直接使用GO的"net/smtp"包来发送邮件

2025-01-10 16:54:25 544

原创 Gitlab-Runner配置

Gitlab-Runner是一个非常强大的CI/CD工具。它可以帮助我们自动化执行各种任务,如构建、测试和部署等。Gitlab-Runner和Gitlab通过API通信,接收作业并提交到执行队列,Gitlab-Runner从队列中获取作业,并允许在不同环境下进行作业。

2025-01-10 15:59:59 978

原创 系统设计方案思路总结

当你面对一个比较完整的系统性的需求,经过哪些头脑风暴能确定下来一个系统设计方案呢

2025-01-10 15:38:07 448

原创 Golang 编码(url,base64,hex,md5,sha-1)

1. URL 编码、解码2. base64 编码、解码3. hex 编码、解码4. md5 编码5. sha-1编码6.sha-256 编码7.sha-512 编码

2024-11-11 14:12:06 423 1

原创 Golang时间函数

2024-12-11 11:40:14 时间解析为当地时间成功:2024-12-11 11:40:14 +0800 CST。2024-12-11 11:40:14 时间解析成功:2024-12-11 11:40:14 +0000 UTC。现在的北京时间是: 2024-11-11 13:32:26。现在的韩国时间是: 2024-11-11 14:32:26。现在的时间是: 2024-11-11 13:32:26。去年是: 2023-11-11 13:32:26。今天的日期是: 2024-11-11。

2024-11-11 13:36:19 402

原创 Golang自带的测试库testing的使用

testing是golang自带的测试库

2024-11-11 10:28:06 353

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

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

2024-02-28 15:12:13 525

原创 Dockerfile制作镜像

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

2024-02-28 15:00:53 1039

原创 常用Docker命令

常用Docker命令

2024-02-28 14:41:11 826

原创 Docker介绍

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

2024-02-28 14:39:40 612

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

根据库表字段自动生成API

2024-01-11 13:33:44 1167

原创 GO数据库操作

Golang 出色的 ORM 库为 GORM。

2024-01-11 13:23:40 880

原创 Golang的API项目快速开始

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

2024-01-11 12:46:34 944

原创 开启golang学习之路

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

2024-01-11 12:28:53 619 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 1156

原创 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 445 1

原创 小程序编译&发布

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

2021-03-02 17:42:48 1273

原创 小程序调用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 2583

原创 微信开发者工具使用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 3706 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 2128 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 1508

原创 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 2705 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 1564 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 3636 2

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

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

2020-07-02 18:35:58 1557 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 1339

原创 用变量巧妙替换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 887

原创 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 1410

原创 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 1260

原创 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 634

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

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

2020-03-24 10:41:14 2196

原创 重置密码 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 541

原创 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 2152

原创 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 6785 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 4460 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 135

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

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

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

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

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

2019-11-08 14:14:52 560

空空如也

空空如也

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

TA关注的人

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