- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【uniapp】tabsSwiper组件动态设置swiper的高度
项目场景：提示：这里简述项目相关背景：项目场景：使用uni-app和uview中的tabsSwiper实现全屏切换页面。问题描述1、使用tabsSwiper时，如果固定屏幕高度会存在在不同手机上选项卡页面占比不全。当swiper高了，swiper嵌套的列表能滚动，整个页面也能滚动，导致tab选项卡也能跟着页面滚动。目标：使其刚好占用屏幕剩余空间。红色模块为固定高度，绿色为滑动区域解决方案：先给顶部需要固定高度的元素整体套一个view，直接计算这个view的高度。给 swiper 和
2022-05-27 16:09:40
2164
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
2190
原创 基于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
4638
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
652
原创 基于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
1333
原创 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
370
原创 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
2847
原创 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
875
原创 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
892
转载 @RequestMapping 和 @GetMapping，@PostMapping 区别
@GetMapping是一个组合注解，用于将HTTP GET请求映射到特定处理程序方法的注释。是@RequestMapping(method = RequestMethod.GET)的缩写。@PostMapping是一个组合注解，用于将HTTP POST请求映射到特定处理程序方法的注释。是@RequestMapping(method = RequestMethod.POST)的缩写。@...
2019-12-24 15:01:47
1283
原创 JAVA数字处理
JAVA数字处理类数字格式化数字格式化在Java中使用java.text.DecimalFormat格式化数字。DecimalFormat用于格式化十进制数字，可以为要输出的数字加上单位或控制数字的精度。一般情况下有两种方式：在实例化.DecimalFormat对象时传递数字格式；通过.DecimalFormat类中的applyPattern()实现；字符说明0...
2019-12-17 16:31:27
233
转载 继承、封装、多态
继承、封装、多态的理解封装将对象的属性和行为封装起来，其载体就是类，类通常对客户隐藏其实现细节，无须知道类内部是如何工作的，这就是封装。避免了外部操作对内部数据的影响，提高了程序的可维护性。继承继承性主要利用特定对象之间的共有属性。如儿童是人，男士和女士也是人，他们具有共同特性，一对眼睛一个鼻子一个嘴巴，儿童可以复用人的属性和行为，同时添加了儿童自身独有的属性和行为。在Java语言中将...
2019-12-13 10:51:35
231
原创 类与对象
类和对象对象面向对象程序设计的思想是以对象来思考问题，首先要将现实世界的实体抽象为对象，然后考虑这个对象具备的属性（静态）和行为（动态）。例如，现在面临一个人要从武汉到北京可采取的方式，步骤如下：首先可以从这一问题中抽象出对象，这里抽象出的对象为大雁。然后识别这个对象的属性。对象具备的属性都是静态属性，如人的身高、体重等。接着识别这个对象的动态行为，即这个人可以进行的动作，如读书、运动...
2019-12-13 10:50:10
276
原创 Java中get()和set()的方法使用
Java中get（）和set（）的方法使用字面意思JAVA面向对象编程中的封闭性和安全性set和get的使用场景例子补充：Java修饰符权限字面意思set是设置的意思，而get是获取的意思，顾名思义，这两个方法是对数据进行设置和获取用的。而且，在类中使用set和get方法时，都是在set和get后面跟上一些特定的词来形成特定意思的方法名，比如setage（）和getage（），表示设置年龄和获...
2019-12-12 17:08:12
857
空空如也
polov4怎么对识别的目标由左至右，由上至下的进行编号
2021-07-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人