- 博客(11)
- 收藏
- 关注
RSS订阅原创 React+Taro h5 解决ios机型input无法自动聚焦的问题
#####1、原因在ios12系统以上版本，苹果端考虑到用户的安全性和体验方面的因素，所以不支持input框的自动聚焦#####2、方案需要用户主动触发事件才可以使 focus生效#####3、需求首页顶部有个搜索框，点击进去搜索页，自动聚焦并弹起键盘#####4、思路首先封装一个搜索功能的组件，其次在全局app.js中引入，因为是在全局引入的，所以每个页面的顶部都会出现搜索框，这样就可以解决ios机型无法聚焦的问题。 然后我们通过EventEmitter来进行页面通信，来根据实际需求判断不
2022-03-10 18:52:27
2772
原创 vue 中对表格的处理（下载导出表格、读取表格内容）
下载（导出）表格：export const downloadExcel = (link, excelData) => { const ws = XLSX.utils.aoa_to_sheet(excelData); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, "Sheet1"); const wbout = XLSX.write(wb, { type: "binary",
2021-08-07 15:09:28
423
原创 vue中使用swiper（一页显示多张图片）遇到的坑以及解决方案
1. 问题离开当前页面后样式会重置，用户体验相当不好，注意看下图在跳转页面时swiper样式的变化2. 原因：<swiper ref="mySwiper" :options="swiperOption"> <swiper-slide v-for="(item, index) in cardList" :key="index"> <img :src="item.imgUrl" alt /> </swiper-slide></swi
2021-04-21 16:12:24
9705
4
原创 Vue 实现左右联动（超详细！！！！）
下面为大家分享一篇文章，vue实现左右联动，没有使用任何插件，这篇主要亮点在于右边滚动部分的标题，已用颜色标明，请看下图：标题这篇文章的中心思想呢，就是通过一个变量来控制两个盒子的显示与隐藏（一个是“吸顶的红框”，另一个是“脱离吸顶的红框”）1.先获取右边每一模块的高度getBoxHeight() { let rightTitHeight = (this.rightTitHeight = this.$refs.rightTit.length ? this.$refs.rightT.
2021-03-31 19:04:23
5774
5
原创 Flutter 计算时间差
话不多说，直接上代码：⬇️static handleDate(String oldTime) { String nowTime = new DateTime.now().toString().split('.')[0].replaceAll('-', '/'); int nowyear = int.parse(nowTime.split(" ")[0].split('/')[0]); int nowmonth = int.parse(nowTime.split(" ")[0]..
2021-03-26 15:56:41
417
1
原创 解决flutter packages get 失败的最好方案
Lady and Gentleman，相信用过flutter的小伙伴大多都遇到过这种问题，入下图所示????上图所示的大概 意思就是flutter sdk的路径和项目中的不一样，我们只需用找出来修改即可，有这么两种情况：当我们重新下载并安装了flutter的其他sdk之后，新的flutter sdk路径和原来存放的不一样，我们得通过vim ~/.bash_profile查看环境变量，第一行改成新的sdk路径即可，如下图所示：如果步骤一已经ok，那下一个就是你项目中的路径了，查看项目的
2021-03-23 15:05:58
818
2
原创 Flutter 自定义Dialog
我们项目开发中，有很多地方会用到dialog，虽然flutter自身也有，比如AboutDialog、AlertDialog、SimpleDialog、CupertinoAlertDialog等等之类的，但是这些满足不了我们的控制欲，我们想要的是它可以根据我们的想法而随改变，并不是那么死板，所以呢，就想到封装好多的组件来用，一来，提高了它的灵活性，二来，可以分享给他人使用，三来，可以提高自身对于flutter 的进一步认识等等，总之呢，一句话，封装肯定比不封装好的很多，废话不多说，直接上代码：cl.
2021-03-22 11:13:29
3070
10
原创 uniapp: webview全屏遮挡住状态栏的解决方案
什么是webview？是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个屏幕。用通俗的话来说，他就是一个“载体、桥梁”，把App与h5给结合起来， 我们通常在项目中一般是把h5页面嵌套在app中使用，实现前端的混合式开发。产生问题的原因以及效果展示上面我们说过，webview会自动铺满整个屏幕，所以这就导致了一些问题，比如今天，给大家所分享的 “ 遮住导航栏的问题 ”。在我们项目开发过程中，导航栏都是由h5这边写的，所以在uniapp中不需要设置导航栏，所以就让titleNVie
2021-03-19 16:42:21
10692
12
原创 微信小程序：楼层效果（电话区号、城市列表）
当我们的业务需求不仅限制于国内的话，那么我们在登录的时候这个手机号就会有所变动，因为每个国家的电话区号不一样，所以呢，以下就是今天我给大家分享的内容，大家先看一下下面gif图，大概是这个样子的????这里我们用到的组件是scroll-view，大家下来可以看看文档哦，挺好上手的wxml<scroll-view scroll-y="true" style="height: 100vh;" scroll-into-view="{{intoPosition}}" scroll-with-anima
2021-03-19 10:41:13
987
原创 微信小程序：音频播放器
由于产品需求，需要做一个自定义音频播放器，现在也差不多做完了，接下来呢，给大家分享一下，大家先来看看效果图哦~这里呢，我选择的是 wx.createInnerAudioContext 这个方法，大家可以结合文档来看这篇文章哦~wxml<view class="audios"> <view class="play_pause_btn" bindtap="stratPlay"> <image class="btn" wx:if="{{!isplay}}" .
2021-03-18 18:10:39
712
3
原创 微信小程序：录音功能（授权、统计时长、上传）
最近呢，用小程序做了个录音的功能，接下来呢，与大家一起分享一下我的开发心得，希望能帮到大家。那我们就继续向下????看吧~需求呢，差不多是这样的：单击开始录制（不是摁住不放哦）点击完成上传录音录音计时功能当到达360s，自动进行上传好了那来看看效果图吧，如下图所示：接下来，进入主题，奥利给一开始呢，打算用wx.startRecord()，后来看了下文档，发现从基础库 1.6.0 开始，本接口停止维护，被 wx.getRecorderManager 代替了，下面的我会说一下录音的几个重
2021-03-18 16:53:22
5390
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人