分类: 第二章:小程序基础

16 篇文章

thumbnail
第一篇:小程序的介绍
1. 小程序介绍 微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。 微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的,和Native App的功能和界面几乎一样的手机A…
thumbnail
第二篇:开发环境的准备
1. 开发环境的准备 1.1. 注册账号 访问注册页面,耐心完成注册即可。 1.2. 获取APPID 由于后期调用微信小程序的接口等功能,需要索取开发者的小程序中的APPID,所以在注册成功后,可登录,然后获取APPID。 登录,成功后可看到如下界面 然后复制你的APPID,悄悄的保存起来,不要给别人看到😄。 1.3. 开发工具 严格来说,微信小程…
thumbnail
第三篇:我的第一个微信小程序
3. 我的第一个微信小程序 下面开始演示如何创建我的第一个微信小程序 3.1. 安装微信小程序开发者工具 下载好微信小程序开发者工具后,直接双击安装,一直点击下一步即可。 安装好后,界面如下 3.2. 选择小程序项目 3.3. 新建项目 3.4. 创建项目 3.5. 成功
thumbnail
第五篇:小程序结构目录
小程序结构目录 小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。 官网 5.1. 小程序文件结构和传统web对比 结构 传统web …
第六篇:配置介绍
1. 配置介绍 一个小程序应用程序会包括最基本的两种配置文件。一种是全局的 app.json 和 页面自己的 page.json 注意:配置文件中不能出现注释 1.1. 全局配置app.json app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。普通快速启动项目里边的 app.json …
第七篇:视图层
1. 视图层 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。 1.1. 数据绑定 1.1.1. 普通写法 <view> {{ message }} </view> Page({ data: { message: 'Hello MINA…
第八篇:WXSS样式文件
1. WXSS WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 样式导入 1.1. 尺寸单位 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共…
第九篇:基础组件
1. 基本组件 小程序提供了常用的标签组件用于构建页面 组件 前端的菜鸡,你的福利来了 1.1. view 类似 div 属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 1.1.1. 代码 <view hover-…
thumbnail
第十篇:事件
事件 常见的事件有: 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longpress 手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap…
第十一篇:自定义组件
1. 自定义组件 小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 ​ 是不是用的微信的组件感觉很爽啊,如果不够用怎么办? 1.1. 创建自定义组件 类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成 1.1.1. 声明组件 首先需要在 json 文件中进行自定义组件声明 { "component&q…
第十三篇:小程序路由跳转
1小程序路由跳转 1.1wx.switchTab(Object object) 这里的tabBar是底下的导航栏指定的页面, 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 参数 Object object 属性 类型 默认值 必填 说明 url string 是 需要跳转的 tabBar 页面的路径(需在 app.json 的 …
第十五篇:收货地址接口
12.6收货地址接口 12.6.1wx.chooseAddress(Object object) 基础库 1.1.0 开始支持,低版本需做兼容处理。 调用前需要 用户授权 scope.address 获取用户收货地址。调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。 参数 Object object 属性 类型 默认值 必填 说明 …
thumbnail
第十六篇:微信登入与授权
1.小程序登 登入官方说明 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。 登录流程时序 说明: 调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。 调用 code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key。 之后开…

You cannot copy content of this page