前端踩坑笔记
记录一些踩坑和解决的过程
JIZQAQ
现PM/BA,不断学习的路上。
前全栈工程师web(vue、react),app(flutter、h5),微信小程序。Java和Python后端也有过实际项目经验。
展开
-
Uni-app 微信小程序 页面组件轮询 定时刷新
踩坑前言我的代码结构是一个页面用了个组件,具体需要轮询的东西是展示在组件里面的。开始憨憨的把onShow写在组件里面,试了半天怎么都没用。终于想起来翻官方文档了,onShow一种是写在App.vue里面的应用生命周期,一种是页面生命周期。……页面QAQ,所以写在组件里是没有用的啊。代码:<checkPage :msg="newMsgOrNot"></checkPage>onShow: function(){ let that = this .原创 2021-08-11 23:25:06 · 2773 阅读 · 0 评论 -
Vue + element ui el-tree 自定义节点内容 checkbox 回显后无法重新勾选问题
业务需求,原创 2021-06-10 10:47:56 · 2336 阅读 · 2 评论 -
Vue web IOS显示正常安卓颜色不显示问题解决
之前有个设计稿上没有的颜色,我直接偷懒,在vscode里面写css的时候选了,大概类似下面这个样子。电脑上看的时候是没问题的,chrome显示正常,我们测试手机是苹果,IOS也显示正常。结果隔了一段时间,我自己想要尝试一下的时候,在我的安卓机上发现这个颜色就是不显示。我自己的手机是华为的mate 20 pro,我手头上也没有别的安卓机,不知道是华为的问题还是安卓的问题。最后解决方案是,改成rgba格式正常显示,带透明度的颜色还是乖乖先用着rgba吧泪目…...原创 2021-05-24 13:00:42 · 479 阅读 · 1 评论 -
微信小程序 支付验证签名失败
网上查了一下,这篇里面涵盖了挺多的可能的,大家可以看一下。https://blog.csdn.net/kof820/article/details/80925375我这边排查下来遇到的问题,首先是后台没有进行二次签名。大家可以看一下这个官方文档,有写参数规定。开始进行了二次签名后仍然报错,后来发现后台的timeStamp是13位,而微信要求是10位,修改后问题解决。https://...原创 2019-04-15 15:04:07 · 4330 阅读 · 0 评论 -
Vue 自定义组件@click 无效解决方法
父组件中我写了一段这个,大概就是封装了一个小卡片,外面用了个list<div v-for="item in likeList.list" :key="item.likeId"> <me-like-item :item="item" :current="currentItem" @click="clickCurrent(item)"></me-like-item></div>业务需要呢,我每次点击一个卡片的时候,卡片背景颜色和字体什.原创 2021-05-12 16:45:58 · 1129 阅读 · 0 评论 -
Vue Element UI v-infinite-scroll无限触发问题解决+样例代码
官方文档:ElementUI ——InfiniteScroll 无限滚动https://element.eleme.cn/#/zh-CN/component/infiniteScroll根据文档这部分,写了我的代码,开始长下面这样子…结果发现了一个问题,就是进入页面之后像是 infinite-scroll-disabled和infinite-scroll-immediate没有生效似的,页面疯狂调用onLoad函数。<div class="left" v-inf...原创 2021-05-12 18:56:01 · 16243 阅读 · 3 评论 -
踩坑记录——Vue+Vonic开发H5页面 没想到时间选择器是个大坑
官方demo:https://wangdahoo.github.io/vonic-documents/demo/#/Datepicker文档:https://wangdahoo.github.io/vonic-documents/#/zh/api?id=datepicker完全没有提到怎么修改可以选择的时间范围啊…试了常规的minDate什么的都不行,到底是为什么会默认最早的时间是19...原创 2020-04-10 19:36:09 · 365 阅读 · 0 评论 -
Html5 APP 多语言切换
页面快搭完的时候pm提的需求,说加资源文件来解决这个事…思路呢就是有两个json文件,分别存了英文和中文的内容…html需要双语的标签加上lang,cookie里面存了用户选择中文还是英文,标签lang为英文就显示英文的,切换成中文就显示中文的。先丢两个度娘之后的参考网站:https://www.jianshu.com/p/c1881d22291chttps://blog.c...原创 2019-05-08 14:18:32 · 3271 阅读 · 0 评论 -
Mui-popover 弹出来迅速跳掉隐藏了怎么办?
怎么会popover跳出来会自己没掉了,我也没点击屏幕啊QAQ背后那个透明黑的蒙层还不消失,非要我再点一下……?明明最开始都很正常啊,我没改什么代码啊这个bug我真的是毫无头绪啊抓狂ing挠挠头,还是打开了度娘搜索“mui popover 跳掉”mui popover 弹出框 点击按钮弹出内容后会迅速的隐藏掉,求解答原因和处理方法http://ask.dcloud.n...原创 2019-01-24 15:42:03 · 471 阅读 · 1 评论 -
H5 永远固定(伪)在底下的footer!
要做一个手机端登录页面,美工给的设计图呢是左边底部有一个创建账号的按钮,右边底部是忘记密码。那么问题来了!怎么让它能够永远都在下面呢!无论什么手机款式都要在页面的最下面!度娘了一番,原来大家管这个叫footer。<div class="footer" id="footer"> <div class="footerLeft"> <a...原创 2019-01-24 15:26:28 · 654 阅读 · 0 评论 -
input date显示类似placeholder效果 ios安卓兼容
先叨叨一个踩坑历程。我最开始是使用了类似下面这种方式,最开始type为text,当进行点击后换成date。在pc端测试的时候看起来还不错,但是到手机上测试发现,需要双击那个框框才能做到出现日历供选择。<input type="text"onfocus="(this.type='date')" placeholder="Start Date"value=""/>后...原创 2019-01-24 15:02:38 · 601 阅读 · 0 评论