关于小程序的坑之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

Taro框架是目前支持小程序最多的前端框架，Taro 框架的出现目的就是为了解决多端混乱的局面

Taro 一套 遵循React 语法规范的多贺档端开发解决方案。使用 Taro，只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。盯拍慧同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。Taro 基于组件化，组件生命周期和 React 的完全一致，使凯答用声明式的 JSX 语法。

小程序开发可以使用以下框架：

1. 微信官方框架：使用微信官方提供的框架进行亮伏开发，可以快速上手，哪脊但功能相对较少。

2. uni-app框架：uni-app是一个基于Vue.js的开发框架，可以同时开发多个平台的小程序李键渗，如微信、支付宝、百度等。

3. Taro框架：Taro是一个多端开发框架，支持小程序、H5、React Native等多个平台，可以实现一次编写，多端运行。

4. mpvue框架：mpvue是一个基于Vue.js的小程序开发框架，可以使用Vue.js的语法进行开发，同时支持小程序原生API。

如果没有编程代码经验，可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。

---