1。用户点击入口后,百度应用将加载智能迷你程序的代码包;
2。解压缩并获取app.json中的;
3。根据框架机制,在智能 加载了代码软件包之后,它将启动第一个项目并将其渲染为您首次看到的页面;
4。启动智能小程序后,开始在app.js中调用预设生命周期方法。
App({ onLaunch: function () { // APP LOGIC } });
在 Mini程序中,该应用程序只有一个实例(开发人员可以使用此实例来定义由多个页面共享的变量)。
百度智能迷你计划(查看)
此部分是每个智能小程序页面的显示模板。与Web开发中的HTML类似,Swan模板中使用的标签是Swan组件指定的标签。
智能迷你程序数据绑定
Hello My {{ name }}
// xxx.js Page({ data: { name: 'SWAN' } });
循环
开发人员可以通过向元素添加S-For指令来渲染列表:
语法
{{p.name}}
Page({ data: { persons: [ {name: 'superman'}, {name: 'spiderman'} ] } });
状况
开发人员可以通过向元素添加s-if指令来在视图层上做出逻辑判断:
Page({ data: { is4G: true, isWifi: false } });
Mini
事件处理
开发人员可以使用绑定: +事件名称绑定事件绑定
点击加载更多
Page({ loadMore: function () { console.log('加载更多被点击'); } });
当前支持的活动类型是:
类型触发条件
手指触摸开始
触摸后移动手指
手指触摸结束
手指触摸动作被中断,呼叫提醒,等等。
以上就是关于百度智能小程序启动流程详解:从用户点击到页面渲染的完整步骤全部的内容,关注我们,带您了解更多相关内容。