首页 > 编程语言 >初识小程序

初识小程序

时间:2022-12-11 18:24:46浏览次数:41  
标签:API 配置文件 app 程序 json 初识 页面

小程序如何创建小程序项目

  • 微信开发者工具的使用、app ID的获取

小程序项目的基本组成结构

  • app.js、app.json、app.wxss、pages文件夹

小程序页面由几部分组成

  • wxml \ wxss \ json \ js

小程序中常见的组件如何使用

  • view 、text、image

小程序如何进行协同开发和发布

  • 成员管理、发布小程序、查看运营数据

 

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

  1. 运行环境不同

    1. 网页运行在浏览器环境中

    2. 小程序运行在微信环境中

  2. API 不同

    1. 无法调用 DOM 和 BOM 的 API

  3. 开发模式不同

 

小程序的项目结构

pages : 存放所有小程序的的页面

utils : 用来存放工具性质的模块(例如:格式化时间的自定义模块)

app.js : 小程序项目的入口文件

app.json 小程序项目的全局配置文件

app.wxss 小程序项目的全局样式文件

project.config.json 项目的配置文件

sitemap.json 用来配置小程序及其页面是否允许被微信索引

 

json 配置文件

小程序项目中有 4 种配置文件:

  1. 项目根目录中的 app.json 配置文件

  2. 项目根目录中的 project.config.json 配置文件

  3. 项目根目录中的 sitemap.json 配置文件

  4. 每个页面文件夹中的 .json 配置文件

 

app.json

app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现,底部 tab 等。

配置项:

  1. pages:用来记录当前小程序所有页面的路径

  2. window:全局定义小程序页面的背景色、文字颜色等

  3. style:全局定义小程序所使用的样式版本

  4. sitemaoLocation:用来指明 sitemap.json的位置

 

project.comfig.json 文件

是项目配置文件,用来记录我们对小程序开发工具所作的个性化配置。

  • setting 中保存了 编译相关的配置

  • projectname 中保存的是项目名称

  • appid 中保存的是小程序的账号 ID

 

sitemap.json 文件

用来配置小程序页面是否允许微信索引。

sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.comfig.json 的 setting 中配置字段 checkSiteMap 为 false

 

页面的 .json 配置文件

小程序中的每一个页面,可以使用 .json 文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖 app.json 的 window 中相同的配置项。

 

新建小程序页面

只需要在 app.json → pages 中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件。

 

组件

text

  • selectable:长按选择文本(真机才能预览)

rich-text

将 html 渲染到微信小程序上(node 属性)

button

  • open-type:可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)

  • plain:镂空

控制样式:app.json - “style”:控制按钮样式的版本

 

小程序 API 的三大分类

  1. 事件监听 API

    1. 以 on 开头,用来监听某些事件的触发

  2. 同步 API

    1. 以 sync 结尾的 API 都是同步 API

    2. 同步 API 的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常

  3. 异步 API

    1. 类似于 jQuery 中的 $.ajax(options) 函数,需要通过 success \ fail \ complete接收调用的结果

 

发布

  1. 开发版本

  2. 体验版本

  3. 审核中的版本

  4. 线上版本

 

 

标签:API,配置文件,app,程序,json,初识,页面
From: https://www.cnblogs.com/c0lmd0wn/p/16974075.html

相关文章

  • 小程序模板与配置
    WXML模板语法WXSS模板样式全局配置页面配置网络数据请求 WXML模板语法数据绑定在data中定义数据在WXML中使用数据Mustache语法(双大......
  • 小程序自定义组件和 npm包的使用
    自定义组件创建自定义组件在根目录下创建components文件夹下创建自定义的组件引用自定义组件//在页面的.json文件中,引入组件{  "usingComponents":{ ......
  • 程序员修炼之道 四
    第八节:正交性1、正交性是一个从几何学中借鉴而来的术语,如果两条直线相交成直角,他们就是正交的。这在向量中的解释是沿着一条直线移动,你投影到另一条直线上的位置不变。在......
  • 程序员修炼之道 三
    第六节:交流1、知道你想要说什么当我们面临会议,重要通话,或者只是撰写技术文档,问下自己你要表达的中心想法是什么,围绕这一点进行展开。2、了解你的听众比如你要做一场分享......
  • 程序员修炼之道 六
    第16节强力编辑器1、我们认为你最好是精通一种编辑器,并将其用于所有编辑任务:代码、文档、备忘录、系统管理等等。进行编辑活动时,你不必停下来思考怎样完成文本操作,编辑器......
  • 程序员修炼之道 五
    第十节:曳(ye)光弹1、在黑暗中使用机枪射击有两种方式。方式一:你需要知道目标准确的位置,然后考虑当时的温度、湿度、气压、风力等一系列因素,计算完位置之后进行射击。方式二......
  • 2022-2023-1 20221311《计算机基础与程序设计》课程总结
    2022-2023-120221311《计算机基础与程序设计》课程总结作业信息班级:https//edu.cnblogs.com/campus/besti/2022-2023-1-CFAP作业要求:https.//www.cnblogs.com/rocedu/p/......
  • 深度学习量化原理之-Python程序说明
    本文则以一个程序来说明量化的具体计算过程:importnumpyasnpdefquantization(x,s,z,alpha_q,beta_q):x_q=np.round(1/s*x+z,decimals=0)x_q=np.c......
  • 20221418 《计算机基础与程序设计》课程总结
    2022-2023-120221418《计算机基础与程序设计》第十五周学习总结作业信息这个作业属于哪个课程(2022-2023-1-计算机基础与程序设计)这个作业要求在哪里(2022-20......
  • 2022-2023 20221403 《计算机基础与程序设计》课程总结
    学期(如2022-2023-1)学号(如:20221403)《计算机基础与程序设计》第十五周学习总结课程总结《计算机基础与程序设计》第01周作业简要内容:课程概论工业革命与浪潮之巅......