深度解析微信小程序的独特魅力
发表时间:2023-09-24 06:25:44
文章来源:炫佑科技
浏览次数:211
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
深度解析微信小程序的独特魅力
一。 小程序应用分析
一、简介
小程序是微信开发一款无需下载安装的应用程序。
2.精华
微信小程序是技术的应用。
应用程序(混合模式应用程序)。
小程序可以调用更多自己的功能(如位置信息、拍照等)。
3.小程序注册
小程序开发框架的逻辑层是由. 逻辑层处理数据并发送给视图层,同时接受视图层的事件反馈。 再次,为了方便开发,对小程序进行了一些基础修改:增加了App和Page方法来注册程序和页面。
App()函数用于注册一个小程序。 接受一个参数,指定小程序的生命周期函数等。
Page()函数用于注册页面。 接受一个参数,指定页面的初始数据、生命周期函数、事件处理函数等。生命周期函数为:
: 页面加载
一个页面只会被调用一次。
:页面显示
每次打开页面时都会调用它。
:页面初始渲染完成
一个页面只会被调用一次,这意味着该页面已准备好并且可以与视图层交互。
: 页面隐藏
当或底部选项卡切换时调用
: 页面卸载
当或时调用
二。 小程序实例分析
1. 创建项目
现在是内测版本,所有AppID都是内部发布的。 不过,没有AppID也没关系。 我们可以选择不使用AppID进行测试开发,但是无法在真机上进行调试。
选择项目目录并添加项目。
2. 编写代码
点击开发工具左侧导航栏的“编辑”,我们可以看到这个项目已经初始化完毕,并且包含了一些简单的代码文件。 它们是app.js、app.json 和app.wxss。 其中app.js是我们传统的js文件开发个微信小程序,app.json是项目配置文件,app.wxss是项目css文件。 微信小程序会读取这些文件并生成小程序实例。
(1)app.json:
app.json 是整个小程序的全局配置。 共有5个属性,官方配置表为:
在这个文件中,我们可以配置小程序由哪些页面组成,配置小程序的窗口背景颜色,配置导航栏样式,配置默认标题。 请注意,不能向该文件添加任何注释。
用于设置小程序的状态栏、导航栏、标题、窗口背景颜色。
Pages是程序所有页面的目录。 所有需要跳转的页面都需要在pages中进行配置。
(2):
是底部导航栏部分,API是
配置完成后,任意页面都会有标签导航栏。 该列表包含已配置选项卡中的按钮数量。 在这种情况下,有两个。 列表中有多个属性,
案例APP的app.json为:
“页面”:[
“页数/索引/索引”,
“页面/日志/日志”
],
“”:{
““:“光”深度解析微信小程序的独特魅力,
““: “绿色的”,
“xt”:“应用程序”,
“le”:“白色”
},
“”:{
““:“红色的”,
“列表”: [{
"": "页数/索引/索引",