关于小程序的坑之Taro框架

公司产品试水小程序，做了几个独立功能模块的demo试下可行性，主键察闭要是这个框架和react语法基本相同，避免大家学习成本过高，以下记录几个容易粗心的点和坑，maybe很弱智。

由于日常用的axios请求参数的头是headers，复制粘贴大法引发了一个弱智bug，该bug会引发 content-type 设置失效，变成默认的 application/json 。

微信模板语言中，监听自定义组件事件的稿裂方法与监听基础组件事件的方法完全一致：

因此Taro中监听自定义组没迅件事件的方法要写成

渲染成微信小程序模板语言时变成

以自定义导航为例：（）

使用方法：

例：res.model在iPhone X模拟器输出"iPhone X"，在真机输出 "iPhone X (GSM+CDMA)<iPhone10,3>" ，所以此处用indexOf而不能用 "==="

Taro.request()支持get和post请求，通过异步的方式进行回调。主要有3个回调方法

所以，对statusCode !== 200 的情况，都应在success回调方法中处理，可以写个拦截器，在微信原生方法wx.request()中存在相同情况。

npm提示某某包undefined，一个一个重新安超浪费时间，目前我的解决办法是退出编译后删掉渲染成微信小程序模板语言的dist文件夹和node_modules文件夹，然后重新运行 npm i 和 npm run dev:weapp

还遇到挺多问题。。想不起来了。。待更新吧。。。

下水了，后续问题记录口以看这里 https://www.jianshu.com/p/5a6fd7fdaf4f

微信小程序用wx. xxxtrao用taro.xxx

1.switchTab：只能跳转到森败tabBar配置页面（写在app.json里tabbar的路径url)

2.重定向：关闭当前页面，跳转到应用内的某个页面（不能是app.json里tabbar的路径）

3.保留当前页面，跳转到应用内的弊嫌某此卜颤个页面（不能是app.json里tabbar的路径），一般用于页面之间的跳转

4.关闭所有页面，打开到应用内的某个页面，一般用于注册页面，切换账号

5.返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值为1）

在taro使用中，需要渲染长列宴亏物表，而且长列表数据多且复杂时，建议使用虚拟列表渲染,只渲染可视范围内数据，不会造成页面卡顿！

-首先监听页面是否有滚动（通过usePageScroll），滚动超过阈值后出现按钮

-点击按钮后，通过Taro.pageScrollTo回到顶部

时间选择ios只识别‘年/月/日’这种格式，其他格式需转换成此格式

绑定旧值，监听onChange事件设置旧值的拷贝值，==避免组件依赖值更新==

该样式是基于微信原生的picker，想换色还未空谈找到好办法，目前我们只能重写picker了

在Taro UI表单组件中，还有很多不完善的地晌液方，也有可扩展性差的问题，所以在做表单时很多都需要进行重写才能满足需求，这点体验性差！

由于本人只是中间介入使用Taro开发微信小程序的需求，还有很多没有发现的坑以及亮点，但是有一种，从入门到放弃的赶脚～如有问题，请指出哈，大家一起学习！

---