- 博客(29)
- 收藏
- 关注
原创 umi中其他页面跳转到有keep-alive功能页面的跳转参数问题
在设置两个数据B1(缓存数据)、B2(路由跳转参数),监听函数使用B1数据,初始化时使用B2数据。问题描述:页面tag被点击关闭后,因为页面设置了keep-alive,因此页面不会被销毁。如果点击了B页面后关闭B页面,再从A页面进入B页面。B页面会先执行页面销毁函数,在重新执行初始化函数。不采取用路径参数的方式将数据传递给B页面,改用session 或 localStorage 保存数据,在B页面使用完数据后清除对应缓存。从A页面跳转到B页面,跳转时将A页面中的C数据带到B页面中,在B页面中显示。
2023-06-15 19:31:41 615
原创 react native中ScrollView嵌套TextInput安卓端有滑动问题
(3)用TouchableOpacity包裹TextInput组件。⚠️:此种方法不能将光标移动到前面的位置,只能固定在最后,因为点击的事件是TouchableOpacity而非TextInput。react native中ScrollView嵌套TextInput,TextInput组件设置了 textAligin:‘right’ 后安卓端按住TextInput组件的区域无法正常进行滑动。ScrollView嵌套TextInput后,滑动事件被TextInput组件使用,没有被父组件捕捉到滑动。
2023-06-12 11:11:36 322
原创 Vue3+swiper5 异步请求数据后轮播图出现无分页器小圆点和无法滑动的问题,如果有默认图片则从最后一张切换到第一张时会展示默认图片
一、场景描述异步请求获取到11张图片,页面播图无分页器小圆点和无法正常滑动。//package.json:"devDependencies": { "@vue/cli-plugin-babel": "^4.5.13", "@vue/cli-plugin-router": "^4.5.13", "@vue/cli-plugin-vuex": "^4.5.13", "@vue/cli-service": "^4.5.13", "@vue/compiler-sfc"
2021-09-02 10:53:25 589
原创 ref和wrappedComponentRef使用区别
ref和wrappedComponentRef区别场景:原因:解决方法:将ref改为wrappedComponentRef场景:(1)在子组件为表单组件,在填入数据后请求接口,接口报错输入的内容不符合要求,此时需要显示回原来值。(2)一开始是使用ref绑定子组件,利用setFieldsValue设置为原值。后面发现页面展示的数据没有发生变化原因:父组件使用的子组件是一个高阶组件,子组件带有Form.create(),真正作为表单处理的又是在子组件的子组件内部。导致子组件内部的表单数据无法更改解决
2021-08-05 16:26:43 3603
原创 git回退已合并的分支提交
git回退已合并的分支提交场景将A分支合并到master分支后,将代码打包上线发现A分支代码异常需要回退操作参考资料:https://www.cnblogs.com/yangsg/p/13267246.html参考资料:https://www.jianshu.com/p/6d1d9871ced0在终端(Terminal)输入 'git revert HEAD' 或者 'git revert git revert (commit id)(指定的版本, 9位)'进行回退。一般情况会提示 'xxxxx is a
2021-07-21 17:21:04 3451
原创 前端学习--TypeScript
TypeScript一、TypeScript 介绍二、typescript 安装 编译三、typescript 中的数据类型typescript中为了使编写的代码更规范,更有利与维护,增加了类型校验。一、TypeScript 介绍二、typescript 安装 编译三、typescript 中的数据类型typescript中为了使编写的代码更规范,更有利与维护,增加了类型校验。布尔类型(bool)数字类型(umber)字符串类型(string)数组类型(array)元组类型(tupl
2021-06-22 11:29:05 390
原创 Flutter使用百度定位经纬度数据正常,详细地址为null
Flutter使用百度定位经纬度数据正常,详细地址为null一、问题:(1)使用百度定位,插件返回的数据中经纬度有正常值,其他地址信息都为null二、分析原因:(1)在wifi或移动网络没有/不好的情况下,会出现地址返回nullhttps://blog.csdn.net/u013571833/article/details/56281899(2)在设置为一次定位,获取到地址信息后停止定位,等下次点击时再重新开始定位时,偶尔会出现返回null的情况三、具体情况:1、用百度定位提供的demo,雷电模拟器来测试2
2021-05-28 14:38:25 1230 1
原创 掘金个人主页头像旋转效果
<img data-v-fd37d0ac="" data-v-3ce2bd44="" data-v-5ec8ef79="" src="https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/d1d3c1b115358ea70f51edcd697b58b2~300x300.image" alt="钱端挖掘机师傅的个人资料头像" class="lazy avatar avatar" data-src="https://sf1-ttcdn-tos.pstatp.c.
2021-02-18 15:50:30 923
原创 前端学习--常用PS方法
本文使用的软件为ps CC 20191、切图(1)打开一张psd文件(2)取消背景色(3)选择切片工具(4)按住‘CTRL’键进行切图,切完后自行调整切图宽高,当切好第一张图后同时按住‘CTRL’和‘ALT’,可按照的第一张切图的宽高进行第二张切图(5)保存切图点击‘文件’->‘导出’->‘存储为web所用格式(旧版)’切图展示: 2、修改背景...
2020-08-13 18:31:45 247
原创 前端学习--flutter踩坑
1、创建动态二维码(1)插件:qr_flutter: ^3.2.0(2)使用方法:QrImage( padding: EdgeInsets.zero, data: qrcodeUrl, //地址 version: QrVersions.auto, size: 300.0/sspx,),2、flutter项目调用微信支付(1)插件fluwx: ^2.1.0(2)使用方法:方法一:需要自己在页面中定义监听器来监听微信支付状态page.dart://定义
2020-08-13 16:12:13 904
原创 uni-app小程序 真机显示canvas上利用base64图片生成的海报
需求:通过接口获取到base64类型的二维码,把二维码遇到的问题:在微信小程序开发工具中能够正常显示海报,到真机上测试就无法显示二维码原因:因为canvas不支持base64,其次在使用小程序 canvas 的 drawImage api,需要将网络图片转为本地图片,base64不能通过uni.downloadFile这种方式下载文件资源到本地,所以在真机上,无法正常显示海报。解决方法://1、将获取到base64图片通过uni.getFileSystemManager和wx.base64
2020-06-02 18:24:40 4386 1
转载 箭头函数的不使用return 直接返回数据
文章内容提供者:(1)原文作者:兢兢业业原文链接:https://blog.csdn.net/qq_35859392/article/details/103850066(2)原文作者:江峰★原文链接:https://www.cnblogs.com/jf-67/p/8440758.html当箭头函数箭头后面是简单操作时,直接去掉“{ }”,这样可以不使用return 就能会返回值。let...
2020-03-18 10:06:42 1171
原创 前端学习--Vue+H5开发APP踩坑
1、长按按钮N秒后触发函数实现步骤:(1)手指按在按钮范围时开始一个定时器,设置两个变量,其中一个记录按下的时间,每过一秒就加1,另一个记录手指是否有移动过(2)手指按下后,如果手指有移动则清除定时器,变量设置为0(3)手指抬起,清除定时器,判断变量值与N是否相等<button id='actionState'>长按N秒后触发函数</button>//全局变量...
2020-03-11 11:32:01 1332
原创 前端学习--Vue+H5开发公众号踩坑
转载:https://blog.csdn.net/csdn9_14/article/details/98748736?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task安装vue-wechat-title:npm install vue-wec...
2020-03-11 10:16:34 547 3
原创 前端学习--微信小程序+公众号踩坑
1、小程序页面使用button,button里的文字内容在某些手机上没有全部显示(如:设置按钮文字为‘按钮11’,在B手机上发现文字并未全部显示。在小程序开发者工具中可以正常显示)原因:(1)button是原生组件,在不同手机上的展示不一样解决方法:使用view+click代替button2、用v-model双向绑定一个变量,在input输入时获取到这个变量并对这个变量的值做修改,当...
2020-03-10 15:00:48 381
原创 前端学习 --Vue.js Day6
1、webpack中url-loader的使用安装:cnpm i url-loader file-loader -D{test:/\.(jpg|png|gif|bmp|jpeg)$/, use:'url-loader?limit=35052&name=[hash:8]-[name].[ext]'} [name]=[hash:8]-[name]:图片名字 = 8位的哈希值-原来...
2019-12-18 15:59:27 185
原创 前端学习--Vue.js Day5
1、名称案例:方法1:使用keyup(监听键盘抬起事件)事件实现但是keyup不能监听看不见,摸不着的数据变化(例如:路由变化)<template> <div> <input type="text" v-model="firstname" @keyup="getfullname">&nbsp;+ <input
2019-08-28 10:10:40 226
原创 前端学习--Vue.js Day4
1、小球动画flag标识符的作用分析2、组件定义方式的复习3、父组件向子组件传递data数据和methods方法注意:父组件传递给子组件的属性名可以直接用,不需要再data中再次定义(1)父组件向子组件传值和data与props的区别data://注意:子组件中的data数据,并不是通过父组件传递过来的,而是子组件自身私有的,//比如:子组件通过Ajax请求回来的数据,都可以放到da...
2019-08-28 10:10:00 209
原创 前端学习--Vue.js Day3
1、品牌列表-从数据库获取列表发送Ajax(get、post、jsonp)请求时要尽量在挂载之前,最好在created中执行发送函数(最早也只能是在created,这时才能获取data和methods)2、品牌列表–完成添加功能3、品牌列表–完成删除功能4、品牌列表–全局配置数据接口的根域名5、品牌列表–全局配置emulateJSON选项6、动画-使用过渡类名实现动画7...
2019-08-28 10:09:40 260
原创 前端学习--Vue.js Day2
1、反馈:2、品牌案例完成品牌列表的添加功能(1)Vue.js中不建议用jQuery根据关键字实现数组的过滤&lt;template&gt; &lt;!--品牌案例--&gt; &lt;div&gt; &lt;div class="panel panel-primary"&gt; &lt
2019-08-28 10:09:15 189
原创 前端学习--Vue.js Day1
1、验证码是由后端去实现的2、什么是Vue.js目前三大热门前端框架:Vue.js、React.js、Angular.js前端框架的好处:减少不必要的操作、双向数据绑定的概念3、框架和库(可称为插件)的区别:框架是一整套解决方法;库可以看作是一个插件,提供功能4、MVC和MVVM的关系图解MVC框架:(注意图中的App.js是后端的内容)MVVM框架(是前端视图层的分层开发思想,主...
2019-08-28 10:07:53 255
原创 前端学习 --Vue.js Day7
1、scoped属性选择器的实现原理2、Mint-UI中按钮组件的使用&amp;lt;mt-button type=&quot;default&quot;&amp;gt;default&amp;lt;/mt-button&amp;gt;3、Mint-UI中Toast组件的使用解决bootstrap 4.x 版本不显示字体图标的方法:所以glyphyicon这个样式,必须要关联到glyphicons
2019-01-25 10:21:32 298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人