![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序相关
97pra
这个作者很懒,什么都没留下…
展开
-
【taro】编译成百度小程序报错
编译过程没问题,导入开发工具后疯狂报如下错误 我也是很懵逼, app.json文件就在swan_dist目录下面,就是读不到原创 2020-07-29 15:50:29 · 554 阅读 · 0 评论 -
小程序 经典坑解决技巧记录
IOS 如何有效禁用橡皮筋效果橡皮筋效果在某些功能场景下有多恶心就不赘述了,解决方法如下:在根节点标签加上 catchtouchmove="return" 即可阻止橡皮筋效果产生。Tips: 对cover-view无效...原创 2020-03-13 16:25:26 · 125 阅读 · 0 评论 -
微信小程序 全局字体控制(字体大小)
现在要做一个全局字体大小控制的功能此处的字体大小不是指字号, 而是全局的一个大小比例控制(0.7倍、1倍、1.5倍这样)框架是Taro+scss+redux预想是通过js控制scss里的变量,即在全局scss文件里设变量值$fontSizeMultiple(默认值为1)然后通过页面上的点击操作,即js控制该值的数值,来控制所有页面的字体规格(所有页面的scss文件中的字体,在...原创 2019-11-09 12:00:38 · 10819 阅读 · 0 评论 -
taro学习记录 准备工作
没什么好说的 打开cmd npm install -g @tarojs/cli yarn global add @tarojs/clinpm或者yarn 任君选择正常安装就是下图酱紫让我们来看看现在的taro版本taro -v 可以看到现在是1.3.0-beta版本 (最左侧应该有个可爱的外星人图案的 被口口了)好的 安装完之后...原创 2019-05-24 17:15:29 · 274 阅读 · 0 评论 -
taro学习记录 正文(一) 熟悉文件结构和内容
好的在上个帖子里我们进行了taro的环境安装 和demo的初始化taro学习记录 准备工作现在我们来看一下 taro和微信小程序之间的转换我们要切到taro demo 所在的文件目录下npm run dev:weapp出现上方编译提示后 请等待此处有一个 em 需要注意的地方编译完成的信号就是上面这行文本 监听文件修改中..看...原创 2019-05-27 14:24:12 · 598 阅读 · 0 评论 -
taro学习记录 正文(二) 定义公共方法和变量
之前用原生写小程序的时候定义了一系列的公共Model和文件这一章的工作就是要把这些内容由原生转化到taro里之前用原生写的时候 接口地址和封装的request请求是写在一个config文件中的这样结构有点乱 转到taro里的时候 把接口和请求给拆分开了 而且把单文件管理所有接口地址的方法 给拆分到和页面绑定效果图如下apiConfig文件夹用来管理接口 ...原创 2019-05-28 15:54:11 · 2150 阅读 · 0 评论 -
微信小程序 template模板使用中 遇到的问题
最近在做用户评论相关的东西扯到评论 那就会有很多人参与 即会产生一个很长的留言数组有人参与呢 就会有人发图设计图如下就想省事封装个模板直接用吭哧吭哧 模板封好了(这里根据图片张数来判断加载mode 截一种算了)然后调用的时候出问题了数据结构是这样的调用的时候是这样调用的<block wx:fo...原创 2019-05-31 17:51:21 · 1782 阅读 · 0 评论 -
taro学习记录 正文(三) 转移过程中遇到的问题(JSX中 可变className的判断)
话不多说直接上图如图是自定义的指示点 跟随swiper滚动动而变化效果是使其对应的指示点变大 效果图如下 现在问题来了,原生小程序中这么判断可以 但是在Taro里 怎么给元素动态赋予类名呢?= =ah 我真是个憨憨既然JSX对象中可以完全支持JS 那就很好解决了 见下图OK 这个问题告一段落接下来又遇到了一个问题在更新完一部分页面...原创 2019-12-20 15:04:51 · 671 阅读 · 0 评论 -
微信小程序:引用component组件 如何将变量传回引用组件页
即子组件向父组件传值要点有三:1. 需要在子组件使用 this.triggerEvent('changeName', { name: '李四' }) }方法来进行参数的传递2. 需要在父组件 引用子组件的地方 进行方法监听3. 父子组件的方法名 以及方法监听中 bind后所拼接的后缀名 这三者的名字需要保持...原创 2019-06-03 14:18:02 · 2883 阅读 · 0 评论 -
Taro 未知能力(对笔者而言 也可能是react的特性)
果然是学习新鲜东西 才能发现更多不同的用法。在Taro里对页面标签绑定事件 我们都知道是以on+xxx (例如onClick onTouch等写法)如下就是一个经典的Taro点击事件绑定<View className="course_path" onClick={this.skipToCourse}>点我通往在线课程列表</View>但是笔者发现...原创 2019-07-03 11:18:46 · 321 阅读 · 0 评论 -
taro学习记录 启
之前开了个mpvue的学习贴就写了个开头废掉了 hhh公司选型又转了 那就开始学taro吧LZ没学过react 正好把react一块学了希望不会烂尾fight...原创 2019-05-24 16:22:47 · 169 阅读 · 0 评论 -
公众号模板消息跳转小程序(可能踩坑)
官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1433751277官方实例如下:文档中实例对应位置在页面偏下位置 呀呀呸。这样就会报错:{"errcode":40165,"errmsg":"invalid weapp pagepath hint: [rFe_AA0636shc1]"}pagep...转载 2018-12-29 10:47:39 · 7195 阅读 · 7 评论 -
小程序setData修改数组某一项的值
官方文档是这样的: changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ 'array[0].text':'changed data' }) }, changeItemInObject: functio...转载 2018-08-09 16:50:01 · 1228 阅读 · 0 评论 -
wx:key作用的自我理解和记录
在微信小程序wxml页面的数据循环时看到了wx:key属性, wx:for属性很好理解,就相当于volist{name='zz' id='xx'}中的id或者foreach($data as $v=>$k)中的$v,在每一次循环中做一维数组之用。 然后也没看到wx:key的具体作用到什么地方,就有点迷。 网上科普了一下,其是否有效取决于当前页面的数据形式。 ...原创 2018-08-01 11:13:14 · 4369 阅读 · 0 评论 -
微信小程序scroll-view隐藏滚动条方法
在wxss里加入以下代码: ::-webkit-scrollbar{width: 0;height: 0;color: transparent;} 真的很好用转载 2018-08-17 15:37:35 · 274 阅读 · 0 评论 -
隔行显示样式 模板代码
wx:for 有个index索引,判断用index%2去判断就可以了,不用写这么麻烦的。<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName"><view class="{{idx%2 == 0 ? '奇数样式' : '偶数样式'}}" ></view>&am转载 2018-08-17 15:38:35 · 415 阅读 · 0 评论 -
小程序 input(输入框) 固定在底部 获取焦点 上推页面
使用fixed定位将input固定在屏幕底部,同时为了不让页面整体上移,需要将input的adjust-position属性设为false。只是,这么做的话会导致底部的输入框也无法上移。 从而被拉起的小键盘盖住。从官方社区整理来一个方法,能够在小键盘拉起的同时将底部的input框顶起,同时适配大部分机型。 wxml<view class='pocket_input...原创 2018-08-30 15:52:25 · 18734 阅读 · 8 评论 -
微信小程序保存图片到相册授权被拒绝后重新拉取授权的方法
近期开发过小程序的童鞋应该已经知道,小程序某些接口已废弃,改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃,拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面,也就是说,小程序为了更好的保护用户隐私,大部分涉及到授权的问题,都需要引导用户主动去授权,而不是强制被授权。下面...原创 2018-10-18 10:47:34 · 8276 阅读 · 0 评论 -
微信小程序 tabbar onshow里方法不触发问题
不知道是不是tabbar有这种情况,在tabbar里定义类似不会被触发。检查了一圈发现, 好像只有在onload里引用过的同名方法,才会在onshow里被触发到。 不知道具体原因是不是这个, 反正我这么做了之后onshow里是可以调用到的了。。...原创 2018-10-17 10:57:02 · 10052 阅读 · 1 评论 -
微信小程序 scroll-view 在6s等机型上无法完全显示内容
咳咳 兄弟。 看清官方的提示,一定要给你的scroll-view设置一个固定高度。 固定高度!!!! 设了固定高度6S就不会有异常了。 ...原创 2018-11-01 15:42:02 · 2720 阅读 · 0 评论 -
(微信小程序)关于require引入JS里 wx.getStorageSync()无法即时获取缓存内容的分析与记录
先交代问题场景: LZ要做一个小程序内数据切换功能,即在首页做一个按钮,点击了之后切换全部接口里的一个请求参数值。(即将该值由A改为B)。 OK , 很自然的想到了利用本地缓存。 一切都是那么的顺利,将全局的接口地址修改为从缓存中获取该值之后, 在首页增加了这么个按钮。本来以为大工告成,更新个缓存值嘛 这还不是 等等!!...原创 2018-11-20 11:20:51 · 4585 阅读 · 3 评论 -
微信小程序自定义tarbar(转)
最近在写微信小程序 , 需要自定义一下底部tarbar 发现一篇很好的博文,特此搬运过来留作备用。(如果侵权会马上删除) 先看一看目录 template文件夹里存放tabbar模板。 template/template.wxml<template name="tabBar"><view class="tabBar"> <block wx:...转载 2018-08-09 16:45:27 · 4770 阅读 · 0 评论