2 qq_41775259

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 45w+

组件

小程序提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的小程序。就像 HTML 的 div, p 等标签一样,在小程序里边,你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示在界面上,例如,你需要在界面上显示地图,你只需要这样写即可:<map></map>使用组件的时候,还可以通过属性传递值给组件,让组件可以以不同的状态去展现,例如...

2018-03-01 16:14:13

程序与页面

你可以观察到 pages/logs/logs 下其实是包括了4种文件的,微信客户端会先根据 logs.json 配置生成一个界面,顶部的颜色和文字你都可以在这个 json 文件里边定义好。紧接着客户端就会装载这个页面的 WXML 结构和 WXSS 样式。最后客户端会装载 logs.js,你可以看到 logs.js 的大体内容就是:Page({ data: { // 参与页面渲染的数据 ...

2018-03-01 16:13:27

小程序的启动

微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地。紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径:{ "pages":[ "pages/index/index", "pages/logs/logs" ]}这个配置说明在 QuickStart 项目定义了两个页面,分别位于 pages/index/index 和 page...

2018-03-01 16:12:36

wxss样式

WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。新增了尺寸单位。在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。...

2018-03-01 16:10:58

wxml模版

从事过网页编程的人知道,网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。同样道理,在小程序中也有同样的角色,其中 WXML 充当的就是类似 HTML 的角色。打开 pages/index/index.wxml,你会看到以下的内容:<view class="cont...

2018-03-01 16:10:03

json配置

我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,我们依次来说明一下他们的用途。小程序配置 app.jsonapp.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下:...

2018-03-01 16:07:47

js交互逻辑

一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。<view>{{ msg }}</view><button bindtap="clickMe">点击我</button>点击 button 按钮的时候,我们希望把界面上 msg 显示成 "Hell...

2018-03-01 16:06:29

事件

事件是视图层到逻辑层的通讯方式事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数事件的使用方式:在组件中绑定一个事件处理函数数据绑定场景应用1、界面启动时自己加载数据2、用户行为方式加载数据(1)理解事件的概念:模拟用户行为(2)利用程序去创建用户的行为,则学习事件应用的语法(3)事件的语法:将事件名称绑定到组件(所谓组件就是微信小程序上标签名称)...

2018-03-01 15:45:38

数据绑定

微信项目代码结构json:配置文件wxml:模版文件wxss:样式文件js:脚本文件数据绑定语法:{{变量}}如:<text>{{变量}}</text>如:<text class="{{变量}}">{{变量}}</text> ...

2018-03-01 15:02:22

微信小程序开发

头脑王者-微信小应用开发下载微信开发者工具地址:http://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714微信登录,创建项目微信项目工程结构pages:存储微信的页面utils:公共方法(封装js代码)app.js:主程序入口app.json:主程序配置文件(小程序的所有页面路径.界面外观)app.wxss:主体...

2018-03-01 14:49:55
勋章 我的勋章
    暂无奖章