自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端颜小白

一个前端的踩坑记录

  • 博客(23)
  • 收藏
  • 关注

原创 若依SpringBoot+Vue分离版打包部署(前端)

遇到的问题为vue项目webpack-dev-server配置后本地连接服务器地址正常请求,但是打包之后请求服务器接口一直是404;1.npm run build:prod 打包2.npm run preview 打包正式环境预览.env.product(生产环境配置)文件,我这边是将接口地址也放到了里面VUE_APP_API_URLvue.config.js文件 反向代理及路由重写.env.product和vue.config.js文件进行修改后即可打包npm run build:pr

2022-06-27 17:27:15 2345 1

原创 uniapp开发app,在申请微信支付时,需要的Andriod应用签名是什么?iOS中得Universal Links又是什么?

下载地址:Gen_Signature_Android2.apkUniversal Links 是从浏览器或者网页上打开链接跳转到手机上的appUniversal Links链接要求有ssl证书,也就是需要https开头的链接,且如果存在跨域问题则需要解决跨域问题。XXXXXXXX:teamId,登入网站后可在这一项中找到com.xxxxx:ios的bundle ID(AppID)将apple-app-site-association文件交给后端开发人员,放置服务器,并给到你可访问的链接,这个就是Uni

2022-06-15 16:57:00 1777

原创 uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用

uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用在uniapp中popup弹窗及对话框的遮罩层是覆盖不了原生的导航栏和tab栏的,在tabbar页中使用弹出框会非常的违和,接下来告诉大家实现的思路。创建一个页面放置components或者pages中,接着在pages.json中注册当前页面,并设置背景色透明及取消导航栏。{ "path": "components/ymt-updateModel/ymt-updateModel", "style": { "navig

2022-05-27 16:45:55 14219 23

原创 ElementUi之Cascader 级联选择器el-cascader(异步获取数据源,lazyLoad)

级联选择器el-cascader(异步获取数据源,lazyLoad)官网地址:https://element.eleme.cn/#/zh-CN/component/cascader省市区三联用法data中调用methods中方法需再create时声明_that=this;_that(自己定义名字),放到export外部;var _that;export default { props: { lazy: true, lazyLoad(node, res

2022-04-22 10:36:22 2822

原创 Property value expected type of string but got null(uniapp运行到微信小程序报错)

Property value expected type of string but got null(uniapp运行到微信小程序报错)正常开发运行得uniapp,之前一直在小程序上运行,前两天经常在手机上开发,然后再跑小程序得时候报错:Property value expected type of string but got null看到有个网友说是这个原因:但是我没有出现这样错误,最后发现是因为用了uview中防抖js,并且在其中传递参数了,所以小程序编译报错如果在其中不传参数是没有问

2021-11-25 17:49:46 3827 2

原创 uniapp在使用hbuilder调试时,基座提示本应用无法独立运行,需要与hbuilderX 搭配使用

今天早上常规打开hbuilderx uniapp运行到手机操作时:hbuilderx手机调试基座提示:基座提示本应用无法独立运行,需要与hbuilderX 搭配使用手机型号:IOS iphone8hbulderx:3.2.16百度找方法都不晓得怎么描述,还好在官方论坛发现小伙伴遇到同样的问题:总结一下大家提出的方案:升级最新Hbuilderx 最新版;将项目关闭重新导入;关机重启;还有以为小伙伴说自己也遇到这个,发现是本地图片中有一个图片名称是中文导致基座代码同步失败;以上方法都试过

2021-11-24 18:13:25 3908 2

原创 uniapp新增特性支持设置动态配置 tabBarItem的显示与隐藏

App平台、H5平台 新增 支持设置动态配置 tabBarItem 显示隐藏详情以上visible只有3.2.10+支持,小伙伴们注意。这两个参数配合起来可以在uniapp开发中真正意义上动态控制tabbar了

2021-11-01 09:23:41 1520 8

原创 uniapp开发IOS系统申请证书及打包流程,手把手教你打包ipa

在uniapp开发中,很多小伙伴没有接触过Apple的IOS开发所以对苹果打包或上架所需要的东西不太熟悉,或者手边没有mac OS电脑,只有Windows电脑的情况下,教大家如何在Windows系统中打包分发或打包上架。在接下来的篇章里我会详细的告诉大家全部的步骤:第一部分:介绍uniapp打包IOS的ipa包所需要的东西都是什么:在HbuilderX左上方点击发行先介绍一下分别都是什么,下面告诉大家如何获取:1.Bundle(AppID):这个不是uni的appId,APPId可以分为两个

2021-10-22 09:48:05 6806 2

原创 Hbuilder x想调试时却无法检测到IOS手机,但是安卓手机能检测到,这里有解决方案

Hbuilder x无法检测到苹果手机(IOS)问题发现排查问题解决方案由于我在网上发现解决这个问题得文章很少,所以打算跟大家分享一下我排查问题及解决问题得方法!希望可以帮到你!问题发现因为app是使用Uniapp开发得,最近打算上架AppStore,很久没测IOS系统,然后想把项目跑上去看看,确认一下是否又BUG,然后优化一小部分,之前一直用得iPhone8得测试机插上去没有反应。排查问题因为刚好测试机自动更新了ios 15.0.2,所以我以为是因为手机系统更新而Hbuilderx还没有兼容得原

2021-10-13 17:26:36 3106

原创 ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

Vue运行项目错误Vue npm run dev or npm run server报错:处理方法如果上面得方法还是没有解决,请试试下面的:Vue npm run dev or npm run server报错:处理方法一般来说,这个是因为当我们从git上拉取代码时代码里没有node_modules,所以当你直接run dev时会报错 ,一般情况我们直接npm i or npm install就可以了 ,等待依赖文件下载。如果速度过慢下不下来的话可以使用淘宝镜像npm --regis

2021-09-29 09:58:03 594

原创 如何更新echarts版本?init报错?

更新方法:npm install --save-dev echarts@^5.0.1引用方式也需要改变为(init方法报错就是引用方式不正确引起的):import * as echarts from ‘echarts’;

2021-06-08 17:31:43 2203

原创 Android Studio (not installed)

Kotlin could not find the required JDK tools in the Java installation;Android Studio (not installed);方法:flutter config --android-studio-dir=“D:\Aymt\IDE\AndriodStudio”

2021-06-08 17:21:19 6057 6

原创 axis.getLabelsCoords is not a function 实测解决

axis.getLabelsCoords is not a function继上一个一个文章发现项目成功运行了之后,但是将echarts实例拿过来后,又遇到了报错getLabelsCoords is not a function。发现gitthb上echarts得开发人员说gl版本要更新到1.1.1 然后就不报错了!实测可用npm install [email protected] --save...

2021-06-07 16:23:59 1173

原创 Vue使用echarts得3D绘图时,引入“echarts-gl”报错,not found Grid3DView、LabelsBuilder

echarts得3D绘图时,引入“echarts-gl”报错今天同事因为要使用echarts绘制3D 柱状图所以需要在引入echarts-gl,但是在导完包后项目运行时 就报错了。让我看看所以又积累了一个小知识,看看报错This dependency was not found:* echarts/lib/label/labelStyle in ./node_modules/echarts-gl/lib/component/common/LabelsBuilder.js, ./node_module

2021-06-07 16:15:20 6900 3

原创 Vue.js如何实现倒计时?颜小白实测可用!

Vue.JS如何实现倒计时功能1.首先一般来说前端小伙伴们会收到后端同学传过来的一个结束时间,大部分需要倒计时得情况都是在详情页,比如商品,活动等一些场景。2.如果需要实现倒计时功能,首先我们需要知道如何计算剩余时间,首先我们会拿到后端传过来的endTime。一般使用时间戳去计算。时间戳分为10位,秒为单位,13位毫秒为单位。首先获取当前时间用当前时间-endTime。我们就拿到了剩余时间,有两种情况:(1)首先endTime减去当前时间如果小于0说明结束时间已经过去了,返回一个“已截至”(2)如果en

2021-03-13 10:21:00 1469

原创 Vue.js如何实现验证码倒计时?码农颜小白实测

Vue.js如何实现验证码倒计时?来这里看看首先验证码倒计时是基本上所有需要登录得页面或程序所需要的。验证码倒计时得实现其实就是通过计时器,不断地调用当前方法对所设置得倒计时总数进行 - -。代码如下: 页面使用 <div prop="password" style="margin: 30px 0;position: relative;height: 40px;"> <el-input placeholder="验证码" v-model="passwo

2021-03-13 09:51:39 225

原创 Flutter 返回键监听,提示再按一次退出app

Flutter 返回键监听,提示再按一次退出app直接贴代码 @override Widget build(BuildContext context) { return AnnotatedRegion<SystemUiOverlayStyle>( value: SystemUiOverlayStyle.dark, child: MaterialApp( debugShowCheckedModeBanner: false,

2020-09-21 17:50:34 1679

原创 Flutter 之沉浸式

Flutter 之沉浸式(Android)在Main目录中添加一下代码在Main目录中添加一下代码void main() { runApp(MyApp()); if (Platform.isAndroid) {// 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后,是为了在渲染后进行set赋值,覆盖状态栏,写在渲染之前MaterialApp组件会覆盖掉这个值。 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOv

2020-09-21 17:43:05 1026

原创 Flutter 时间戳与日期时间的相互转换(注意踩坑)DateTime.parse(_strtime),millisecondsSinceEpoch

flutter踩坑之时间戳的转换时间戳是什么?在flutter 中如何转化两者之间时间戳是什么?当我第一次遇到的时候,我说这后端给我传的什么东西,还专门去问了一下,现在想想老脸通红,然后去百度查了查,通俗点说就是将时间格式转换为通信及保存都很方便的格式,比如2020-08-15 15:07:17转化为时间戳(毫秒)1597475237894<-就是转化后的在flutter 中如何转化两者之间1.将时间戳转化为 常见的日期格式:DateTime。fromMillisecondsSinceEpoc

2020-08-15 15:27:59 15741

原创 Flutter 用PageView做一个浏览图片的组件并显示图片总数和当前页数

Flutter 用PageView做一个浏览图片的组件并显示图片总数和当前页数一般来说做一个图片浏览一般都是向左向右划,并且拿到图片总数和当前页数 PageView( onPageChanged: (index) {//页面滑动事件 setState(() { indexs = index + 1;

2020-08-10 16:57:03 1105

原创 Flutter 解决Listview无限高度的问题 以及控制是否滚动

Flutter 解决Listview无限高度的问题 以及控制是否滚动解决Listview 无限高度解决Listview 无限高度Listview( shrinkWrap: true,//解决Listview 无限高度 physics: NeverScrollableScrollPhysics(),//禁止滑动 children:<Widght>[ Container( child:Text('listview1'), ), ]),

2020-08-04 14:39:45 1719

原创 Flutter 吐司弹框的使用 showToast弹框(插件)

Flutter关于showToast弹框先贴依赖 版本可根据最新变效果先贴依赖 版本可根据最新变fluttertoast: ^3.1.0import ‘package:fluttertoast/fluttertoast.dart’; Fluttertoast.showToast( msg: '想弹出的', fontSize: 14, gravity: ToastGravity.BOTTOM, timeInSecForIos: 1, te

2020-08-04 14:14:56 3145 2

原创 Flutter 关于图片的保存以及权限申请及安卓配置

Flutter关于图片保存依赖包android配置页面中的使用依赖包permission_handler: ^3.0.1image_gallery_saver: ‘^1.5.0’android配置// An highlighted block <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android

2020-07-29 16:53:04 2454

空空如也

空空如也

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

TA关注的人

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