小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验
微信小程序是一种不需要下载也不需要安装就可以使用的应用程序
它需要所有的者都能做到:
快速的加载
更强大的能力
原生的体验
易用且安全的微信数据开放
高效和简单的
小程序的主要语言是
网页时,只需要使用到浏览器,搭配编译器或一些辅助工具即可。
小程序,需要申请小程序帐、登陆微信公众平台、安装小程序者工具、配置项目等过程才能完成。
3-1扫码进入者工具
已注册登陆者账,安装者工具(官网可自行下载)后,
每次打开微信者工具时,都需要先扫码进入
3-2新建/选择小程序
扫码后,出现如下窗口:
如果之前已建有小程序项目,这里会有记录,如果需要修改或继续,选择相应的小程序进入即可;
.
如果第一次打开,或者需要新建小程序项目时,点击窗口内的 “+” 加,会出现一个新建小程序项目的窗口,如下:
.
小程序的 相当于小程序平台的一个身份证,后续你会在很多地方要用到 ,
如果没有,而你的小程序作为测试使用,可以直接使用推荐的测试即可
如果你要上线发布小程序,就需要购买自己的域名
3-3小程序中的尺寸单位
微信小程序中的尺寸单位是,可以根据屏幕宽度进行自适应。
规定屏幕宽为750
官方建议以6 为标准,屏幕宽度为375,共有750个物理像素,即750 = 375 = 750物理像素,
微信小程序也支持尺寸单位,
和的换算关系:
: 规定屏幕宽度为20;
1 = (750/20)
1 = 0.5 = 1物理像素
先来看看第一个简单的小程序,就是下面这个熊样子:
.
4-1小程序目录结构
. 后缀的 配置文件
. 后缀的 模板文件
. 后缀的 样式文件
. 后缀的 脚本逻辑文件, 项目入口文件.
4-2 配置文件
在小程序中,配置文件存放的静态配置的信息。
大眼一扫,不难发现项目的根目录下有一个 . 和 ..文件,
在 目录的子目录下都有一个.文件,存放对应页面的配置信息。
. 是当前小程序的全局配置,包括小程序的所有页面路径、界面显示、网络超时时间、底部 等等。
.文件中配置信息
—— 用于描述当前小程序所有页面路径(必填项),这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
—— 定义小程序所有页面的顶部背景颜色,文字颜色定义等等。
想看其他配置,请移步官方大厅 小程序配置.
——小程序底部导航栏及切换时对应的页面
来指明 . 的位置
.
小程序根目录下的 . 文件用来配置小程序及其页面是否允许被微信索引。
默认情况下,所有页面都会被索引。
配置 // 页面不被索引,其余页面允许被索引
..
小程序者工具在每个项目的根目录都会生成一个 ..文件,
在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,者工具就自动会帮你恢复到当时你项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
5-1 框架
整个小程序框架系统分为两部分:逻辑层( )和 视图层()。
小程序提供了自己的视图层描述语言 和 ,以及基于 的逻辑层框架,
并在视图层与逻辑层间提供了数据传输和事件系统,让者能够专注于数据与逻辑。
5-2 数据绑定
框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。
当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。
在一个组件的属性上添加属性并赋予一个值(一个函数名)
当点击该组件时, 会触发相应的函数执行(通过绑定点击事件)
//.
//.
//.
//.
/.
转载自:此鱼非闲鱼也