云信信息 - 快人一步抢占风口,抢占微信千亿红利市场!

建站知识

微信小程序的开发规范是遵循微信自己打造的一种web生态

今天给大家介绍一款微信小程序开发辅助。 微信小程序的开发规范遵循微信自创的网络生态。 这些工具非常完整且用户友好。 注册小程序后,可以下载一个微信开发工具。 工具,如下图所示:

从网上搜了一个开源的微信小程序,直接用开发工具打开。 运气好的话小程序可以直接运行。 可以简单看一下小程序的逻辑和UI代码:

用户界面

功能逻辑

一看就知道不是纯JS的写法,也不是流行的React、Vue等写法。 微信为小程序定义了一套完整的组件库和函数语法,只能通过官网学习:

但是写过前端程序的朋友肯定不想每次开发都学一套新的语法。 一来学习成本比较高,二来现有的知识不能复用,也很郁闷。 那么我们来介绍一个可以降低微信小程序开发成本的工具:

Taro是一个开放的跨终端跨框架解决方案,支持使用React/Vue/Nerv等框架开发微信/京东/百度/支付宝/字节跳动//飞书小程序/H5/RN等应用。

所以,开发过React和Vue的朋友有福了。 大家可以按照React或者Vue的代码习惯继续开发小程序。 不同的是你使用的是taro开发包:

React 开发语法

import React, { Component } from 'react'import { View, Text } from '@tarojs/components'export default class Index extends Component {  state = {    msg: 'Hello World!'  }  componentWillMount () { }  componentDidShow () { }  componentDidHide () { }  render () {    return (              {this.state.msg}          )  }}

Vue开发语法

根据taro的文档可以编译出微信小程序:

今天主要记录下使用时下流行的React或者Vue前端框架开发微信小程序的方法,希望能给小伙伴们一个新的视角。

TAG标签:微信小程序开发文档
0
关闭
用手机扫描二维码关闭
二维码