微信小程序开发框架的应用分析与实例解析(一)

2021-05-23
来源:网络整理

一个。小程序应用分析

1、简介

小程序是微信开发的应用程序,无需下载和安装即可使用。

2、精华

微信小程序是技术的应用。

App(混合模式应用程序)。

小程序可以调用其自己的更多功能(例如位置信息,摄像头等)。

3、小程序注册

开发框架的逻辑层由编写。逻辑层处理数据并将其发送到视图层,同时接受来自视图层的事件反馈。再次在小程序的基础上,进行了一些修改以促进开发:添加了App和Page方法,并执行了程序和页面注册。

App()函数用于注册一个小程序。接受一个参数,该参数指定的生命周期功能等。

Page()函数用于注册页面。接受一个参数,该参数指定页面的初始数据,生命周期功能,事件处理功能等。生命周期功能是:

:页面加载

一个页面只会被调用一次。

:页面显示

每次打开页面时都会调用它。

:页面的第一次渲染已完成

一个页面只会被调用一次,这意味着该页面已经准备好并且可以与视图层交互

:页面已隐藏

在切换或切换底部标签时调用

:页面卸载

在或

时调用

两个。小型程序示例分析

1、创建项目

它现在处于内部Beta版中,所有内容都在内部发布。但是,这是没有效果的,我们可以选择不进行测试和开发,但不能在真正的手机上进行调试。

选择项目目录并添加项目。

2、编写代码

在开发人员工具的左侧导航中单击“编辑”,我们可以看到该项目已被初始化并包含一些简单的代码文件。这些是app.js,app.json和app.wxss。其中,app.js是我们的传统js文件,app.json是项目配置文件,而app.wxss是项目css文件。微信小程序将读取这些文件并生成小程序的实例。

([1) app.json:

app.json是整个的全局配置。有5个属性。官方配置表是:

在此文件中,我们可以配置小程序组成的页面,配置小程序的窗口背景色,配置导航栏样式以及配置默认标题。请注意,不能在此文件中添加任何注释。

用于设置小程序的状态栏,导航栏,标题,窗口背景颜色。

内部是程序所有页面的目录,所有需要跳转的页面都需要在其中进行配置。

([2):

是底部导航栏,API是

配置后,任何页面下都会有一个标签导航栏。该列表包含“配置”选项卡中的按钮数量。在这种情况下,有两个。列表中有多个属性小程序开发在手机测试,

案例APP的app.json是:

{

“”:[

“ //”,

“ /日志/日志”

],

“”:{

“”:“”,

“”:“”,

“ xt”:“ APP”,

“ le”:“”

},

“”:{

“”:“红色”,

“列表”:[{

“”:“ //”,

分享