400-844-5354

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

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

声明:本文来自投稿,不代表本站立场,如若转载,请注明出处:https://yituiweb.com/news/show407.html 若本站的内容无意侵犯了贵司版权,请给我们来信,我们会及时处理和回复。

上一篇:打造成功电商网站,从建设流程、技术框架等方面逐步分析重要性
下一篇:网页美工设计:打造个性化企业网站界面的必修课
热门服务和内容
体验从沟通开始,让我们聆听您的需求!
即刻与我们联系,开始您的数字化品牌体验!
400-844-5354
即刻联系
咨询留言
Top
咨询留言
请放心填写,我们将严格保密!10分钟内电话反馈!