- 博客(46)
- 收藏
- 关注
原创 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
原创 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
原创 Nest 使用TypeOrm实体类时,时区问题和自动更新时间列无效问题解决
Nest 使用TypeOrm实体类时,时区问题和自动更新时间列无效问题解决
2023-02-15 17:16:04
3918
原创 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
原创 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 解决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属性,但有时仍难以对齐。且在小程序中, ;无效此处变通一下,如你需要将姓名和手机号对齐:<text>姓名</text><text>手机号</text>你只需要转变一下思维,在姓名里嵌套一个只有一个汉字的text标签,并将其设置为与背景色相同的颜色即可。<text>姓<text style="color:white">我</text>
2021-09-04 18:15:55
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人