自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 手撸瀑布流

手撸瀑布流

2024-09-02 17:12:58 486

原创 一些好用的库

(^8.4.7,过高版本有兼容性bug,导致卡顿)

2024-08-26 09:58:34 237

原创 CSS浅谈动画性能

优先使用transform,而不是使用width&height推荐文章: https://mp.weixin.qq.com/s?

2023-12-02 10:50:54 1254

原创 el-tree 根据父节点id转Tree数据的几种解法

后端返回如下数据,需根据parentId组装成Tree数据的格式,即所有的子节点都在父节点的children之下。

2023-04-25 11:49:49 1100

原创 宝塔 + WebHook 自动同步Gitee代码(不看后悔系列)

宝塔 + WebHook 自动同步Gitee代码

2023-04-07 16:36:12 2070

原创 宝塔 部署 vue3和nest.js(node+ts)项目

宝塔从0到1部署nest.js+vue,包会

2023-03-31 17:29:16 3929

原创 Nest 在管道中去除DTO中没有的属性

在角色表中,新增一条角色,此时前端不小心传入其他未知字段,例如id,此时影响到了后端的正常逻辑(在save方法时,传入id为空,会直接插入id为空的那行数据)。

2023-03-08 15:51:54 570

原创 Nest typeorm作分页查询(总条数、总页数、当前页、每页条数、模糊搜索、非空判断、联表查询)

基本的表格操作,包括表的分页、查询、总数统计等。

2023-03-01 17:24:46 4419 1

原创 Element plus El-Table组件对插槽的二次封装(不会你直接找我)

Element plus El-Table组件对插槽的二次封装(不会你直接找我)

2023-02-27 15:36:45 2840 3

原创 Vue3 + Pinia + Router 做beforeEach路由拦截

- 在Pinia Store存储登录凭证,在router中使用。登录失效或退出时,清空凭证。 - 未登录时,禁止通过地址栏跳转页面。 - 登录失效时,禁止history地址导航。并且替换掉失效前的地址,只在login页停留。

2023-02-21 16:55:22 3747 3

原创 Vue3 + ts+ pinia作持久化存储(包含史上最细使用示例)

Vue3 + ts+ pinia 作持久化存储(包含史上最细使用示例)

2023-02-20 15:16:40 1335

原创 Nest 使用TypeOrm实体类时,时区问题和自动更新时间列无效问题解决

Nest 使用TypeOrm实体类时,时区问题和自动更新时间列无效问题解决

2023-02-15 17:16:04 3918

原创 TS问题记录

1.子项参数至少满足id项,其余参数任意2.类型“AxiosResponse”上不存在属性“xxx”

2022-12-20 10:21:36 1398

原创 The requested module ‘xxxx‘ does not provide an export named ‘default‘和module is not defined

在使用vue3配置全局参数时,引入了方法,在导入时报错。

2022-12-15 17:06:51 32059 1

原创 uniapp动态设置占位区高度(配合createSelectorQuery方法)

需求top-box区域为fixed布局,固定的。此时需要一个配套的占位区域,来占住top-box的位置,以防止内容区域挤压。

2022-07-19 11:39:50 985

原创 uniapp 多环境配置(vue.config.js方式,简单上手)

根据npm命令切换多环境的api等变量

2022-06-29 17:36:26 7046 2

原创 uni.chooseImage在IOS中,由于请求异步问题无法调用解决方案

uni.chooseImage在IOS中,由于请求异步问题无法调用解决方案

2022-06-22 09:58:50 1919 2

原创 uniapp轻松集成极光推送SDK(本地插件集成和离线打包两种)

文章目录一、先在uniapp的插件市场下载二、本地插件配置(可在控制台看到打印信息,方便测试)1.配置本地插件信息1.1 厂商信息需要在各个厂商注册后,然后填写,用处为:可在离线时,发送通知。1.2 在本地插件的page.json中,配置安卓和ios的[appKey](https://www.jiguang.cn/portal/#/dev/newOverview)和厂商id(若不配置,仅支持在线通知):2.配置manifest.json信息在manifest.json的源码视图中配置如下信息:1、2、3步代

2022-04-07 20:39:02 9738 8

原创 Avoid mutating a prop directly since the value will be overwritten报错问题解决方案

一、复现?在用uniapp,二次封装uview的u-modal时,使用v-model="showModal"时报错(需求是点击退出登录然后需要弹出模态框),原因是将showModal作为props传递给父组件,父组件直接改变了子组件的值,这是不被单向数据流所允许的。二、解决方案在data中定义一个show,用作子组件的初始值,并定义方法,来设置show的显示和隐藏;同时,在父组件中注册ref,通过this.$refs.xxx.方法名()的方式来设置子组件的显示和隐藏。代码子组件<u-mod

2022-02-11 14:11:28 1438

原创 JS将数组对象时间相同的分组显示

一、需求将时间相同的文章分组显示,即同一天的时间,只显示第一个时间。二、代码初始数据如下: messageList: [{ id: 1, releaseTime: "2022-01-25 11:47:39", }, { id: 2, releaseTime: "2022-01-24 11:40:39", }, { id: 3, releaseTime: "2022-01-24 11:4

2022-02-09 16:49:18 3299 3

原创 uniapp安卓离线打包--手把手教会

下载最新Android SDK,并且需要与HBuilderX的版本保持一致。将Android-SDK@3.2.9.81057_20210927\HBuilder-Integrate-AS复制一份出来配置Appkey Androidmanifest.xml ->meta-data android:name=“dcloud_appkey” android:value=“替换为自己申请的Appkey” />配置包名(云端的包名) simpleDemo->build.gradle->填写applicati

2022-01-24 18:00:17 3631

原创 uniapp IOS本地离线打包--分发到TestFlight--有手就行

下载最新的IOS SDK,并且需要与HBuilderX的版本保持一致。将iOSSDK@3.2.9.80445_20210927\HBuilder-Hello\HBuilder-Hello.xcodeproj在xCode中运行填写Appkey值,在Supporting Files下的 HBuil-Hello-Info.plist的dcloud_appkey,Value选择String类型,内容为申请的AppKey(在个人中心按步骤生成)填写Bundle Identifier值,为app的..

2022-01-11 12:26:24 5053

原创 uniapp 模糊搜索列表,若与搜索关键词相同,则标色

需求在搜索框输入搜索关键字,若列表中,客户名与搜索关键词相同,则标蓝色;若N个字相同,则N个字均标成蓝色。一、贴个UI图若N个字相同,则N个字均标成蓝色。例如输入陈晓,则陈晓两字均标成蓝色。二、思路将列表的客户名postName拆分为数组,将数组循环,再做样式的动态绑定(此处省略外层列表循环)。//css<text v-for="(item,index) in postName.split('')" :key="index" :style="setColor(item)">

2022-01-06 20:54:02 2124 4

原创 uniapp中App端uni.uploadFile上传图片,提示“errMsg“: “uploadFile:fail undefined“

复现h5端使用uploadFile可正常上传,app端报错uploadFile:fail undefined。原因在h5端使用时,url直接使用的是接口地址,没有拼接主机地址,因为windows本地host把域名映射到开发服务器ip。但在app端不会做拼接,所以加上主机地址接口,即baseUrl+ppstUrl...

2022-01-04 15:35:22 5501

原创 uniapp实现pdf地址下载和预览

需求首先,先请求后端接口,拿到pdf下载地址(若有跨越问题,请后端解决),通过uni.downloadFile下载pdf模板,再使用uni.openDocument新开页面打开文档进行预览。代码如下//url为pdf下载地址 toPreview(url) { uni.downloadFile({ url, success: (res) => { if (res.statusCode == 200) { console.log('下载成功

2021-12-24 14:25:41 4088 3

原创 uni-popup滚动无效的解决方案

复现?在使用uniapp官方的popup组件时,里面嵌套了一个动态流程,可根据高度进行自适应展示,在h5端可正常滚动,在app端失效。解决方案查询各博客发现,是官方的代码(uni_modules->uni-popup->components->uni-popup->uni-popup.vue),在最外层容器中,添加了@touchmove.stop.prevent="clear"事件,此事件,禁止了触摸滚动,所以流程的overflow:scroll;属性失效。注释掉即可滚动。

2021-12-21 16:02:21 3960

原创 uniapp 页面暴力传参(N条数据)

需求现在有两个页面需要传参,字段为包含关系。A页面数据包含B页面数据。例如://A页面数据aObj = { id:567, pId:896, a:1, b:2, c:3}//B页面数据bObj = { pId:"", b:"", c:""}在点击跳转时,需将A页面的数据覆盖于B页面的数据,且不为合并。即需要显示为:bObj = { pId:896, b:2, c:3}方案先来个不太聪明的方式://this.optionList为A页面数据(aObj)Ob

2021-12-10 17:36:27 428

原创 uniapp 报错 Cannot read properties of undefined (reading ‘$vm‘) (页面栈丢失处理)

一、复现代码结构如下:aaa(){ let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; if(...){ this.xxx()//调用方法 } uni.navigateBack({})},xxx(){ let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; xx(params).then(res=&

2021-12-09 17:38:17 21826 2

原创 uniapp循环使用collapse组件在app上数据显示undefined的解决方案

复现在外层使用循环,内嵌uni-collapse组件后,在app真机上数据显示为undefined,h5可正常显示。保错如下:09:52:47.329 Not found -1;-1,20-0,21-3 at view.umd.min.js:109:52:47.360 Not found -1;-1,20-1,21-8 at view.umd.min.js:109:52:47.455 Error: Not Found:Page[1][-1;-1,20-1,21-8] at view.umd.min.

2021-12-03 10:03:56 3978

原创 uniapp输入强校验及视图未及时更新处理

一、问题?在做输入框的数据校验时,虽然绑定的数据已经更新,但是视图没有同步更新。二、解决方案通过以下两种方式可拿到输入的值,输入绑定值为inputVal。@input="getSearch($event)"或@input="e=>getSearch(e)"然后是数据校验getSearch(e) { //e(其他框架)或者e.target.value(原生input) this.$nextTick(function() { //这里也需要同步 this.inputVal

2021-11-30 11:26:28 742

原创 uniapp返回时,自动回到页面开头的错误记录

问题复现?在做uniapp开发时,在一个页面同时使用了两个外部容器。一个是在最外层的view(在app.vue中定义的),另一个是直接使用page进行样式的增加(本页面)。 page { height: 100vh; background-color: #F5F6FA; } .container { height: 100vh; background-color: #F5F6FA; overflow: scroll; } 由于**overflow: scroll;*

2021-11-29 17:40:49 636

原创 uniapp使用uni-collapse后,高度丢失的问题解决

uniapp使用uni-collapse后,高度丢失的问题解决一、复现?二、出现的原因三、解决方案一、复现?我在A页使用uni-collapse,数据为循环中的值,当我从A页跳转到B页,再点导航栏的返回键时,折叠面板中的内容直接丢失,截图如下。二、出现的原因通过调试发现,是子面板的style的height属性被自动修改为0。三、解决方案查看官方文档后发现:resize 方法解决动态添加数据,带动画的折叠面板高度不更新的问题需要在数据渲染完毕之后使用 resize 方法。推荐在 this.

2021-11-24 14:49:53 5005

原创 uniapp中APP端使用页面栈无效,且报错问题解决

代码如下:let pages = getCurrentPages(); // 当前页,let prevPage = pages[pages.length - 2]; // 上一页prevPage.xx = 1;//设置xx属性为1在h5端不报错,可正常使用。app端报错:Property or method “toJSON” is not defined on the instance but referenced during render. Make sure that this pro

2021-11-18 11:39:46 2777 16

原创 uniapp组织架构需要跳转多层关系的解决方案

需求如下:组织中,存在多级部门,且都为包含关系,若在同一个页面显示所以,假设有十级关系,此时不可能在page.json中因为一个模块注册十个无效页面。解决方案。找到相同且可复用的部门页面,复制一份(跳转用)。点击跳转到下一部门时,在复用页面和刚刚复制的页面来回跳,跳转方式为uni.navigateTo,因为此路由会把跳转页面加入至页面栈中,所以点返回时,仍可看到上一级部门。...

2021-11-16 10:16:40 2168 2

原创 uniapp手写遮罩问题记录

遮罩需要在子容器加,采用父相子绝定位,不能在同级加,不然会有样式冲突问题

2021-11-08 11:13:31 454

原创 uniapp 解决onReachBottom失效

一、为什么失效?当给最外层view(container)设置overflow样式后,onReachBottom钩子不触发,去除overflow后,可触发,但存在某些样式问题。.container{ height: 100vh; background-color: #F5F6FA; overflow: scroll; }二、解决方案1.去除overflow,直接修改page样式page{ height: 100vh; background-color: #F5F6FA; }

2021-10-21 14:09:30 14586 11

原创 IOS发布测试版本问题记录

上传app错误的解决办法https://blog.youkuaiyun.com/quantum7/article/details/80921466用新的apple ID创建新应用并通过App Store Connect添加内外部测试人员,来使用testLight进行下载和测试https://appstoreconnect.apple.com/apps/1589737870/testflight/ios...

2021-10-11 15:44:40 116

原创 uniapp云打包安卓和IOS

uniapp云打包安卓和IOS使用HBuilder X的原生App-云打包功能实现一、安卓打包二、IOS打包使用HBuilder X的原生App-云打包功能实现一、安卓打包建议使用云端证书,在dcloud开发者中心选择新建证书即可,需实名认证。创建完后,直接使用安卓云打包即可。(一个app对应一个证书) 链接如下:https://dev.dcloud.net.cn/app/index使用自用证书,需用到java的jre环境下,bin目录中,并使用相关命令创建即可。(且需要更改密码库为JKS,可

2021-10-08 19:59:49 1252

原创 Element UI将input事件抽取为公共方法

一、为什么抽取?当input事件过多时,一个个写事件会使代码冗余度过高,所以共用事件就显得格外重要。二、怎么做?使用高阶函数,代码如下: <el-form-item label="业务名称:" prop="name"> <el-input v-model="ruleForm.name" @input="e=> getInputForm(e,'ruleForm.name')"

2021-09-22 19:20:23 388

原创 css文字间距和文字对齐

css文字间距和文字对齐css有letter-spacing属性,但有时仍难以对齐。且在小程序中,&nbsp;无效此处变通一下,如你需要将姓名和手机号对齐:<text>姓名</text><text>手机号</text>你只需要转变一下思维,在姓名里嵌套一个只有一个汉字的text标签,并将其设置为与背景色相同的颜色即可。<text>姓<text style="color:white">我</text&gt

2021-09-04 18:15:55 444

空空如也

空空如也

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

TA关注的人

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