如何制作功能多又实用的微信小程序？

一、注册阶段

1、首先你要确定小程序的定位、目的以及文案资料等（准备工作）。

2、打开微信公众平台官网，点击右上角的“立即注册”

3、在“选择注册的类型中”选择“小程序”

4、完善账号信息

5、邮箱激活公众平台账号

6、完善信息登记。按照流程信息填写完成后则代表认证成功，这时则可以开始创建小程序了

二、开发阶段

1、登录微信公众平台。就能在菜单“开发”、“基本配置”中看到小程序的AppID了。小程序的 AppID 相当于小程序平台的一个身份z，后续你会在很多地方要用到 AppID 。有了小程序帐号之后，就可以选择工具来开发小程序了。

2、前往“开发者工具”下载页面，安装“开发工具”，开发工具有windows64、windows32、mac三个版本，可根据实际情况，选择适合自己电脑的开发工具。安装后，就可以直接启动开发者工具了。

3、在小程序管理页面，点击“添加项目”

4、填入申请到的小程序的AppID、项目名称

5、然后点击“选择”，新建一个文件夹作为新的项目目录。再次点击“添加项目”，就可以新建出一个微信小程序项目了。懂程序的可以依靠开发者工具自行开发。但是如果你只是个小白，那你可能就需要专业的小程序制作开发平台来帮你比如沃然建站平台。

6、制作完成的小程序提交审核，一般待7-14个工作日审核通过后你就可以拥有自己公司的微信小程序了。

现阶段每个机构帐号只允许注册最多50个小程序，每个小程序一年需要缴纳300块钱，所有小程序帐号都需要绑定一个电子邮箱，一个手机号码只能绑定5个小程序。

没有提到。。所以放心使用吧

taro单独为某个项目切换taro版本环境

单独为某一个项目升级#这样做的好处是全局的 Taro 版本还是 1.x 的，多个项目间的依赖不冲突，其余项目依然可以用旧版本开发。 如果你的项目里没有安装 Taro CLI，你需要先装一个：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2.x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2.x

echarts在小程序中滑动卡顿

由于微信小程序中，echarts的层级最高，无论设置多大层级也无法遮住echarts。而且小程序中好像只能用echarts吧。所以为了解决这个bug，我只能委屈求全了。打开ec-canvas.wxml文件，将touchStart、touchMove和touchEnd去掉了，直接删除就好啦。这三个事件应该是做缩放的吧，我们也没有这个缩放的需求。所以就去掉了。虽然暂时满足的需求，还是没有真正的解决问题。

原：

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

现：

bindinit="init"

echarts在小程序中无法跟随页面滑动

在卡顿问题中能与echarts交互少的，可以直接使用图片代替cannvas，即在echarts渲染完毕后将它替换为一张图片。

如果我更新了数据，那么就重新放出echarts，等它渲染完毕后，再次替换为一张图片。

chart.on('finished', () =>{

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res =>{

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

      })

},

    fail: res =>console.log('转换图片失败', res)

})

})

render:

this.state.echartImgSrc =='' ?

  ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={this.state.ec}

/>

:

<CoverImage src={this.state.echartImgSrc}></CoverImage>

---