qq_41775259-CSDN博客

转载组件

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

2018-03-01 16:14:13 213

转载程序与页面

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

2018-03-01 16:13:27 201

转载小程序的启动

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

2018-03-01 16:12:36 1194

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

2018-03-01 16:10:58 1625

转载 wxml模版

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

2018-03-01 16:10:03 2043

转载 json配置

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

2018-03-01 16:07:47 1597

转载 js交互逻辑

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

2018-03-01 16:06:29 3552

原创事件

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

2018-03-01 15:45:38 131

原创数据绑定

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

2018-03-01 15:02:22 154

原创微信小程序开发

头脑王者-微信小应用开发下载微信开发者工具地址：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 220

qq_41775259的博客