zoukankan      html  css  js  c++  java
  • 微信小程序开发笔记(一)

    一、为什么要学习微信小程序开发

    微信小程序是一个可以在微信上打开的轻应用,他是由多个页面组成的程序,跟传统APP比较如下:

    优点

    1、不需要在应用商店下载,不占用内存空间,即开即用

    2、可以在微信内直接打开使用,方便透过微信传播分享,有许多API可以很方便的调用(例如微信支付)

    3、开发成本低,微信提供了一整套的开发者工具和云数据库,不需要再另外搭环境和安装中间件

    缺点

    1、需要在微信小程序限定的框架内搭建,小程序有自己的编程语言,需要时间熟悉

    2、功能和性能方面有明显的上限,无法做功能复杂的软件,小程序运行流畅度不算太好

    从上面看来,小程序比较适合在一些简单场景下使用,例如我们到餐厅点餐就很适合,因为用户不需要再去下载一个APP,而且付款可以直接使用微信付款,相当方便。而前一阵子很流行的跳一跳也是,用户不需要去下载游戏,直接打开就可以玩,还可以透过微信接口可以看到朋友的战绩,透过微信传播也让他的热度一下增长了许多。在合适的应用场景下,微信小程序提供了非常多的优势,这也是我们为什么要学小程序的开发

    二、准备步骤

    1、注册账号

    首先先去微信公众平台注册账号

    https://mp.weixin.qq.com

    里面有一整套很完整的注册流程,就不展开说明了。

    2、下载开发者工具

    接着再去下载开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),开发者工具提供了一整套工具,包含模拟器、编辑器、调试器,非常的方便,详细的使用方式可以直接看官方文档。

    3、开启云管理平台

    强烈推荐开启,微信提供了一定额度的免费云储存空间,可以储存数据库、文档,还可以查看APP的运营情况,报表统计之类的,不需要自己再搭建一个后台。

    这边要注意的是开启后需要在app.json里面添加"cloud":true再刷新。

    4、阅读官方开发文档

    https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a

    文档有点长,需要大概花5-6小时来阅读,由于微信小程序在前端的WXML、WXSS与传统的HTML+CSS有很大的不同,需要先了解其差异,才能比较好的把页面写出来,再来是控制方面,虽然都是用JS,但微信小程序将逻辑层与渲染层分开,执行如下图。

    5、熟悉开发者工具

     开发者工具有4个主要的模块,如下图,分别是模拟器、编辑器、调试器和云管理平台,前面用的比较多的会是模拟器和编辑器。

    在编辑器的资料夹内,有三个文档,如下图,app.js是对整个小程序的JS逻辑编译,app.json是对小程序的配置做一些设定,app.wxss是对小程序的画面做全局的渲染。

    在app.json里面我们可以创建新的页面,新的页面会在page资料夹显示,每个新创的页面会包含了四个文件

    跟app里面的一样,多出的wxml就是小程序的页面显示,类似于html文档,wxss对应css。了解这些基础的架构后就可以开始进行小程序的编辑了,下一篇文章我们会简单的编辑一个小程序让大家了解整个流程。

  • 相关阅读:
    POJ3320 Jessica's Reading Problem
    POJ3320 Jessica's Reading Problem
    CodeForces 813B The Golden Age
    CodeForces 813B The Golden Age
    An impassioned circulation of affection CodeForces
    An impassioned circulation of affection CodeForces
    Codeforces Round #444 (Div. 2) B. Cubes for Masha
    2013=7=21 进制转换
    2013=7=15
    2013=7=14
  • 原文地址:https://www.cnblogs.com/yenpaul/p/10335611.html
Copyright © 2011-2022 走看看