一、小程序应用场景
小程序主打的是比APP更轻量的形态简单的开发却接近app的体验优化衡量标准却接近app的体验无需下载SEO价值无需下载扫码打开。一些高频的金融类、电商类、教育类等其实是不适合接入小程序的。这些应用服务对功能的要求都很重小程序难以承载。而且小程序不能像微信公众号一样被关注、群推送消息以及转发朋友圈这也就意味着它没有办法获取用户更多的信息也不便于深度营销。
* 初创型企业的MVP产品
*开发和设计能力有限的产品
*基于轻社交场景应用、跨平台使用
二、从操作 DOM 转为操作数据
微信开放的接口更为严谨结构必须采用他提供给我们的组件外部的框架和插件都不能在这里使用让开发者完全脱离操作 DOM开发思想转变很大。
生命周期:( 从index.js文件看)
1) 在首页的console 可以看出顺序是 App Launch-->App Show-->onload-->onShow-->onReady。
首先是整个 app 的启动与显示app 的启动在 app.js 里面可以配置其次再进入到各个页面的加载显示等等。
例如App()函数用来注册一个小程序接受一个Object参数其指定小程序。
生命周期函数等。
App({ onLaunch: function() { // Do something initial when launch. }, onShow: function() { // Do something when show. }, onHide: function() { // Do something when hide. }, globalData: 'I am global data' })2)小程序的开发是基于微信提供的一套应用框架进行开发的。微信通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能对上层提供了一套完整的Javascript Api使得开发者能够非常方便的使用到微信客户端提供的各种基础功能快速构建一个应用。
框架提供了自己的视图层描述语言 WXML 和 WXSS以及基于 JavaScript 的逻辑层框架并在视图层与逻辑层之间通过**单向数据绑定**进行数据传输使开发者更加聚焦于数据与逻辑上。
三、新建的项目各文件详解:
1) pages文件夹:是页面管理文件夹
下面一般可以自定义页面如demo中的index欢迎页面。首页index页面包含几个文件:index.jsindex.wxssindex.wxmlindex.json
先来逐一介绍下这些文件是干嘛的。
index.js文件是以js结尾的文件是页面的脚本文件在这个文件中我们可以监听并处理页面的生命周期函数获取小程序实例声明并处理数据响应页面交互事件等。是必须要的。
index.wxml文件是页面的结构文件(类似于H5的html标记文件)。是必须要的。
index.wxss文件是页面的样式表。非必要。当有页面样式表文件时候页面样式表中的样式规则会层叠覆盖app.wxss文件中的样式规则。如果不指定页面的样式规则表也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。
index.json文件是页面的配置文件。非必要。当有页面的配置文件时候配置项在该页面会覆盖app.json文件中的window中相同的配置项如果没有指定配置文件则在该页面直接使用app.json中的默认配置文件。
2) app.js文件是小程序的脚本代码。监听并处理小程序的生命周期函数并声明全局变量调用框架的API同步存储和同步读取本地数据。
3)app.json文件是对整个小程序的全局配置。可以在该文件中配置小程序有哪些页面组成配置小程序窗口背景配置导航条样式配置默认标题。(注意不可添加注释)
4)app.wxss文件是小程序的公共样式表文件。我们可以在页面组件的class属性上直接使用app.wxss文件中声明的样式规则。
在index.wxss中设计组件位置和属性样式。