19

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

发布时间:2023-04-26 阅读量:0 来源: 易企优

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

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

用户界面

功能逻辑

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

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

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

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

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

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

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前端框架开发微信小程序的方法,希望能给小伙伴们一个新的视角。

声明:本文"微信小程序的开发规范是遵循微信自己打造的一种web生态":http://www.tpsem.com/wysheji/show407.html内容和图片部分来自互联网。若本站收录的信息无意侵犯了贵司版权,请给我们来信,我们会及时处理和回复。