小程序入门

一、微信小程序

文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/

      微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

二、小程序之HelloWorld

  • (1)申请小程序账号

  • (2)安装微信开发者工具

    微信开发者工具

  • (3)使用刚注册的小程序账号所得到的AppID创建新项目,或者直接使用测试号创建项目(测试号部分功能无法使用,例如手机预览)
    创建项目
  • (4)编译预览
    Hello World

三、小程序代码构成

1、.json 后缀的 JSON 配置文件

(还需要注意的是 JSON 文件中无法使用注释,试图添加注释将会引发报错)

  • (1)app.json:全局配置
    • 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
  • (2) page.json:页面配置
    • 用来对本页面的窗口表现进行配置。它只能针对window配置,并且会覆盖 app.json 的 window 中相同的配置项。
  • (3) project.config.json:个性化配置
    • 小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

2、.wxml 后缀的 WXML 模板文件

  • 和 HTML 非常相似,WXML 由标签、属性等等构成,如<view></view>、<text></text>

3、.wxss 后缀的 WXSS 样式文件

  • WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。
    • 新增了尺寸单位:rpx
    • 提供了全局的样式和局部样式。

4、.js 后缀的 JS 脚本逻辑文件

  • 一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。

四、开发框架

  • 原生小程序语法开发(目前项目所用)
  • 使用mpvue开发(vue语法)
  • 使用wepy开发(.wpy)
  • uni-app
  • 京东凹凸实验室taro
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容