微信小程序开发(一)

2021/5/13 22:26:33

本文主要是介绍微信小程序开发(一),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

    • 简介:
    • 小程序和APP的对比
    • 小程序与普通网页开发的区别
    • 官方文档:
    • 开发工具:
    • 导入项目:
    • 小程序项目的主要目录文件作用

简介:

微信小程序,简称小程序,缩写XCX,英文名mini program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不需要担心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载

小程序和APP的对比

  1. 开发成本低
  2. 开发门槛低
  3. 获客成本低于App;拼多多、小红书等案例
  4. 开发周期更短,节省开发成本
  5. App已经趋于饱和

用户:减轻内存,用完即可关闭,不占用空间
商户:线上线下结合,实现互联网的转型
创业者:应用广泛,创业更简单,尤其是公众号创业者,可以直接公众号+小程序,打造微信生态圈

小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。

官方文档:

https://developers.weixin.qq.com/miniprogram/dev/framework/

开发工具:

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
在这里呢,可以对开发工具的操作系统进行选择
在这里插入图片描述

导入项目:

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

小程序项目的主要目录文件作用

在这里插入图片描述

  • js 页面逻辑
  • json 页面配置
  • wxml 页面结构
  • app.js 小程序的逻辑
  • wxss 页面样式,app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效
  • pages 里面包含一个个具体的页面
  • sitemap 配置小程序及其页面是否允许被微信索引
  • app.json 当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
  • project.config.json 项目配置文件,做一些个性化配置,例如界面颜色、编译配置等等


这篇关于微信小程序开发(一)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程