
小程序
业火之理
这个作者很懒,什么都没留下…
展开
-
【小程序】类taro语法中小程序端使用f2
最近在类taro框架中小程序端使用最新版f2。(这里我使用rax)并封装了库,特此记录一下。原创 2023-01-28 17:27:48 · 1010 阅读 · 2 评论 -
【小程序】 解决 Function(...) is not a function问题
在小程序中,只要写了ayncawait(或者是你引入的库中写了),如果你使用了babel编译且babel的版本大于7,则会出现这个问题。原创 2022-07-22 09:32:46 · 12237 阅读 · 16 评论 -
【小程序】钉钉小程序键盘弹起遮挡以及ios提示不可见
复现有个弹窗,弹窗是fixed定位,从底部出现,类似于半弹窗那种,弹窗中会有个输入框,此时在输入框中输入,手机键盘弹起,整个弹窗被上移手机键盘高度,而不是应该聚焦输入框位置。这个情况只有部分手机出现(主要在安卓),并不是所有手机都这样。ios在弹出提示的时候,提示不可见。安卓正常。原因第一个问题是弹窗的高度单位写的rem所导致。第二个问题是因为ios的加载,提示用的是全局唯一的组件,如果在提示前后同步产生了加载动画,就会导致提示不可见。解决第一个问题将弹窗改为vh或者px即可。第二原创 2022-05-24 18:13:19 · 698 阅读 · 0 评论 -
【小程序】钉钉小程序快速上手
前言最近让我开发个钉钉小程序,以前没整过,料想跟微信小程序差不多,学习下吧。文档ide等资源下载:https://open.dingtalk.com/document/resourcedownload/miniapp-tool钉钉官方组件文档:https://open.dingtalk.com/document/orgapp-client/view-containerantd-mini文档():https://mini.ant.design/guide/quick-startmini-al原创 2022-05-22 21:31:17 · 1644 阅读 · 0 评论 -
【小程序】小程序项目经验总结
前言该项目从0写完,使用taro+react+taro-ui+redux,特此总结下一些坑和解决方法。一、1像素问题本来以为这玩意只能面试题遇到,结果实际真遇到了,UE用的类似IPHONEXR的手机,导致1px边框有部分看不见。于是搜索发现需要定宽什么的,后来研究的最简单方法是使用transform:rotatez(360deg)二、自定义tabbar的坑不建议使用这玩意,这个坑踩了太多,最后还是放弃自定义tabbar,因为在某些机子上,自定义tabbar在刚载入时会从上面飞到最底部。原创 2021-05-28 11:43:19 · 2188 阅读 · 0 评论 -
【小程序】taro-ui-vue 小程序开发模式优化
前言由于有个项目使用taro-ui-vue+moment导致开发模式体积巨大,微信无法预览,只能build出来进行预览,所以进行按需加载优化。taro-ui-vue优化taro-ui-vue的目录要把at-给去了,里面的文件夹都是去了at-的,比如引入的是At-Button,那么导入的位置是button。所以使用万能按需加载插件import: [ "import", { libraryName: "taro-ui-vue", customName: (name,原创 2021-05-14 20:44:55 · 1123 阅读 · 0 评论 -
【小程序】自定义tabbar踩坑
前言最近做个小程序又用上了自定义tabbar,和上一次使用自定义tabbar已经间隔很久了,这次又踩了些新的经验。自定义tabbar真机调试或者预览不显示在开发工具上看一切正常,结果去真机调试或者预览就不显示了。注意!真机调试不显示是正常情况,预览不显示就不正常,请使用预览查看自定义tabbar显示情况。只要预览能显示,那么发体验版在体验版就能看见。如果2者都不显示,请注意是否使用了除CoverView与CoverImage以外的标签,如果使用这2以外的标签,是看不见效果,虽然开发工具那模拟原创 2021-04-30 20:20:44 · 1154 阅读 · 2 评论 -
【taro】taro快速入门
前言最近玩了玩taro,我听说这种类似对标uniapp的坑特别多,后来各种搜索发现用react的还是选taro比较靠谱,因为用的人多,就算踩坑,踩的也是明坑。而像rax那些用的人少,万一遇见坑,那肯定是暗坑了。快速上手直接安装taro脚手架,这个脚手架做的还是相当6的,基本上功能都全了。然后通过taro init初始化项目。听说taro已经支持hooks写法,于是我稍微试了下几个常用hook,基本没啥问题。...原创 2020-10-18 20:16:05 · 1015 阅读 · 1 评论 -
【小程序】自定义tabbar下设置下拉刷新解决方法
背景由于使用自定义tabbar,导致页面的page()被component()接管,page()失效,自然没有page里的onPullDownRefresh这个方法,博主后来发现一种解决方法,这样上一篇的问题也是很可能解决的。解决方法在Json配置文件中的 “enablePullDownRefresh”: true却是可以生效成默认下拉加载。于是思路就是找到这个页面到底调用的是哪个on...原创 2019-07-27 17:30:19 · 2330 阅读 · 3 评论 -
【小程序】微信小程序不开放给个人类目过审心得
由于微信小程序很多类目不开放给个人导致不给通过,后来对这个过审有些猜想。猜想1:不同类目的审核人不一样,同一天审核的人可能是一个人。建议换类目报或者隔几天报。猜想2:根据审核人的截图,js很可能不全,或者有需要才继续加js。往往是看页面汉字写的啥。如果根据页面汉字推测出内容没什么问题就ok猜想3:有些类目可能严一点,有些可能松一点。猜想4:能自己操作的还有服务端代码,通过服务端返回不一样...原创 2019-08-05 12:51:41 · 1619 阅读 · 0 评论 -
【小程序】小程序scroll-view不触发响应解决办法
背景这次做小程序想做个分段加载列表功能,需要用户把滑块拉到底部后触发。但是使用scroll-view却不会触发功能,经研究之后发现这玩意有以下几个特性。解决方法首先scroll-view必须设定scroll-y='true',还有个高度,这个高度非常恶心,他也可以设定100%,但是一般不这么搞,因为你的父容器必须要比你内容区域小才会触发bindscrolltolower,一般使用wx....原创 2019-07-31 20:50:15 · 3891 阅读 · 2 评论 -
【小程序】利用moment.js实现计时暂停的掐秒表功能
背景javasript语言计算时间一直都比较恶心,以前写react用antd发现antd都用moment.js库,这次写小程序需要做个类似掐秒表功能,记录下如何实现。...原创 2019-07-31 20:38:01 · 2707 阅读 · 0 评论 -
【小程序】全局变量进行异步操作获取为空解决方法
场景小程序一般都有个获取用户信息,然后这个页面我觉得在page.js里或者component.js里写不美,于是写到app.js上,后来发现严重问题,因为操作是异步,别的页面取回来的这个值就为undefined。解决方法博主一开始各种百度小程序全局变量的监听方法,百度到个在app.js上定义个watch函数,里面使用Object.defineproperty来绑定变量,调用页面调用这个...原创 2019-07-26 17:12:42 · 2156 阅读 · 1 评论 -
【小程序】小程序使用echarts在安卓机上字体小的问题
背景使用echarts模拟器上正常,真机发现图表里字体特别小。解决方法大部分图表,在series下的label下的normal:{}里加入rich:{}即可正常。 label: { normal: { fontSize: 14, rich:{} } },如果还有字体不正常,直接去官网进行...原创 2019-08-02 20:49:23 · 2886 阅读 · 4 评论 -
【小程序】开发者工具处没有腾讯云以及IDE没有上传腾讯云选项解决办法
背景博主看以前小视频教程发现如果使用腾讯云环境进行开发,在微信公众平台小程序里,开发设置—开发者工具里应该会有个腾讯云图标,点进去即可使用默认的腾讯云开发。但是目前改版了,开发者工具里面都是空的,IDE里也没有上传腾讯云选项。解决办法进入腾讯云官方网站,在产品里面搜小程序,然后按照说明进行绑定。在微信IDE里右键有个自定义工具管理,里面勾选上传腾讯云。绑定完成后,选择带模板的项目...原创 2019-07-21 14:18:03 · 855 阅读 · 0 评论 -
【小程序】微信小程序使用echarts动态生成图表心得
背景目前开发的这个小程序需要做个动态生成图表,但是按照官方案例搞出来的不是动态,经过1天研究后发现有如下特性。解决方法在wxml的canvas标签里,通常会有个bind:init="yyyy"属性,这个属性绑定的yyyy函数会收到canvas初始化所需要的三个参数:e.detail.canvas,e.detail.width,e.detail.height,这三个参数其实就是图表生成的...原创 2019-08-02 15:44:54 · 2474 阅读 · 0 评论 -
【小程序】自定义tabbar状态失效踩坑记录
背景博主由于比较懒,所以就去找第三方组件弄tabbar,但是小程序tabbar做出来效果有点问题。坑位效果博主使用第三方组件库叫wux-weapp,虽然这个tabbar确实跟原装差不多,但主要还是为了试验能不能订制第三方效果。微信开发者手册上提供了在tabbar配置custom:true,然后去建个文件夹叫custom-tab-bar,里面把第三方tabbar做成组件,即可使用。但是...原创 2019-07-23 16:19:30 · 6645 阅读 · 0 评论