自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 问答 (1)
  • 收藏
  • 关注

原创 【macOS】M1 Pro 通过brew安装mariaDB、python等

通过Homebrew一键安装mariaDB

2023-05-17 14:24:21 872

原创 定时清除 localStorage

使用storage-timing 定时清除localStorage

2022-11-14 20:54:46 2362 1

原创 封装request和api请求

封装request请求后,根据接口分类封装接口。最后在main.js中全局引用。

2022-07-08 09:21:31 725

原创 【uniapp】tabsSwiper组件动态设置swiper的高度

项目场景:提示:这里简述项目相关背景:项目场景:使用uni-app和uview中的tabsSwiper实现全屏切换页面。问题描述1、使用tabsSwiper时,如果固定屏幕高度会存在在不同手机上选项卡页面占比不全。当swiper高了,swiper嵌套的列表能滚动,整个页面也能滚动,导致tab选项卡也能跟着页面滚动。目标:使其刚好占用屏幕剩余空间。红色模块为固定高度,绿色为滑动区域解决方案:先给顶部需要固定高度的元素整体套一个view,直接计算这个view的高度。给 swiper 和

2022-05-27 16:09:40 1861 3

原创 部署vue项目通过Nginx映射,刷新页面出现404

Vue项目部署Nginx后,刷新页面出现404问题问题描述原因分析解决方案问题描述部署vue项目,配置好nginx文件后,通过路由跳转进入页面无问题,刷新后页面丢失,报nginx 404原因分析因为页面开发模式只有一个index.html入口,其他路径是通过路由跳转的,nginx没有对应这个路径,报错404。解决方案修改nginx.conf配置文件:增加:try_files $uri $uri/ /index.html; #解决页面刷新404问题。server { li

2021-12-06 10:20:57 2105

原创 基于VUE的SVG动画处理(一)

基于VUE的SVG动画处理(一)提示:涉及vue、photoshop、svg动画一、创建SVG文件使用photoshop绘制所需接线图,导出svg格式。第一种:快速导出SVG编辑->首选项(最下方)->导出->设置快速导出格式为SVG(或者是:文件->导出->导出首选项)然后图层处右键 即可快速导出SVG(默认为PNG)二、vue中全局引入svg1.在src/components下创建文件夹,命名为SvgIcon,在该文件夹下创建index.vue文件:&

2021-08-30 16:48:08 3806 4

原创 前后端分离,使用nginx解决跨域问题

文章目录前后端分离,使用nginx解决跨域问题一、前端项目代码配置1.main.js修改axios请求2.config文件夹内index.js修改跨域二、服务器nginx配置1.打开nginx.conf,在server中添加如下:2.测试前后端分离,使用nginx解决跨域问题前端:vue.js+nodejs+webpack后台:SpringBoot一、前端项目代码配置1.main.js修改axios请求// axios.defaults.baseURL = 'http://服务器ip:后端服务

2021-05-10 15:35:26 519

原创 基于vue-baidu-map封装地图组件,实现可搜索功能

基于vue-baidu-map封装地图组件,实现可搜索功能前言:在vue项目中引入vue-baidu-map,封装BaiduMap组件,实现点击搜索按钮,展开搜索栏,根据搜索信息展示结果列表。通过点击,定位到地图上。文章目录基于vue-baidu-map封装地图组件,实现可搜索功能一、按需引入vue-baidu-map1.安装2.按需引入二、查询动态抽屉样式1.写搜索样式栏及结果列表2.实现一个button3.实现抽屉动效总结![在这里插入图片描述](https://img-blog.csdnim

2021-03-12 11:50:20 1165

原创 vue引入particles和触发提交问题

vue引入particles和触发问题引入particles安装依赖创建公用组件全局引入组件引入所需组件中鼠标触发bugparticles的配置项引入particles安装依赖npm i particles.js创建公用组件在components文件目录下创建ParticlesJS.vue组件<template> <div id="particles-js"></div></template><script>export

2021-01-28 17:41:36 257

原创 Linux服务器部署YApi和MongoDB配置

Linux服务器部署YApiYApi简介相关环境配置安装node.js安装MongoDB安装YApiYApi简介Yapi 由 YMFE 开源,旨在为开发、产品、测试人员提供更优雅的接口管理服务,可以帮助开发者轻松创建、发布、维护 API。● 权限管理YApi 成熟的团队管理扁平化项目权限配置满足各类企业的需求● 可视化接口管理基于 websocket 的多人协作接口编辑功能和类 postman 测试工具,让多人协作成倍提升开发效率● Mock Server易用的 Mock Server,再也

2021-01-27 10:51:45 2300

原创 vue项目部署之二:Vue项目打包部署和Nginx配置

vue项目部署之二:Vue项目打包部署andnginx配置vue打包linux服务器部署vue打包vue项目具体配置此处不详细描述,vue.config.js配置好后,在终端输入以下命令npm run build生成一个dist文件,目录如下linux服务器部署上一章已讲述在Linux服务器上配置nginx环境。具体可见vue项目部署之一:Linux服务器安装Nginx1. 上传项目文件将打包好的dist文件上传至云服务器,我常用路径是在nginx目录下的html文件夹内。/usr/

2021-01-22 10:28:47 790

原创 vue项目部署之一:Linux服务器安装Nginx

vue项目部署之一:Linux服务器安装Nginx一、安装所需环境二、安装nginx三、常见使用nginx命令参考文章:https://blog.csdn.net/xiaodong_526/article/details/101115732一、安装所需环境先查看服务器中是否有以下环境,若没有所需环境,则按以下命令安装。1. gcc安装安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装。yum install gcc-c++2. PCR

2021-01-21 17:45:50 805

转载 @RequestMapping 和 @GetMapping,@PostMapping 区别

@GetMapping是一个组合注解,用于将HTTP GET请求映射到特定处理程序方法的注释。是@RequestMapping(method = RequestMethod.GET)的缩写。@PostMapping是一个组合注解,用于将HTTP POST请求映射到特定处理程序方法的注释。是@RequestMapping(method = RequestMethod.POST)的缩写。@...

2019-12-24 15:01:47 1149

原创 JAVA数字处理

JAVA数字处理类数字格式化数字格式化在Java中使用java.text.DecimalFormat格式化数字。DecimalFormat用于格式化十进制数字,可以为要输出的数字加上单位或控制数字的精度。一般情况下有两种方式:在实例化.DecimalFormat对象时传递数字格式;通过.DecimalFormat类中的applyPattern()实现;字符说明0...

2019-12-17 16:31:27 168

转载 继承、封装、多态

继承、封装、多态的理解封装将对象的属性和行为封装起来,其载体就是类,类通常对客户隐藏其实现细节,无须知道类内部是如何工作的,这就是封装。避免了外部操作对内部数据的影响,提高了程序的可维护性。继承继承性主要利用特定对象之间的共有属性。如儿童是人,男士和女士也是人,他们具有共同特性,一对眼睛一个鼻子一个嘴巴,儿童可以复用人的属性和行为,同时添加了儿童自身独有的属性和行为。在Java语言中将...

2019-12-13 10:51:35 187

原创 类与对象

类和对象对象面向对象程序设计的思想是以对象来思考问题,首先要将现实世界的实体抽象为对象,然后考虑这个对象具备的属性(静态)和行为(动态)。例如,现在面临一个人要从武汉到北京可采取的方式,步骤如下:首先可以从这一问题中抽象出对象,这里抽象出的对象为大雁。然后识别这个对象的属性。对象具备的属性都是静态属性,如人的身高、体重等。接着识别这个对象的动态行为,即这个人可以进行的动作,如读书、运动...

2019-12-13 10:50:10 197

原创 Java中get()和set()的方法使用

Java中get()和set()的方法使用字面意思JAVA面向对象编程中的封闭性和安全性set和get的使用场景例子补充:Java修饰符权限字面意思set是设置的意思,而get是获取的意思,顾名思义,这两个方法是对数据进行设置和获取用的。而且,在类中使用set和get方法时,都是在set和get后面跟上一些特定的词来形成特定意思的方法名,比如setage()和getage(),表示设置年龄和获...

2019-12-12 17:08:12 615

空空如也

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

TA关注的人

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