微信小程序基础操作（边做边学2）

二级页面在app.json文件中应该添加在一级页面下。添加在pages数组底部。就会报错： Invoking Page() in async task.

选择节点，页面滚动到目标位置。在小程序中实现锚点定位需要使用，小程序的两个方法：

    var bindId = event.currentTarget.dataset.bindindex;var query = wx.createSelectorQuery()query.select('#scrollView' + bindId).boundingClientRect()query.exec(function (res) {wx.pageScrollTo({ //小程序滚动程序scrollTop: res[0].top //距离现在定位的距离
      })})

需要获取定位目标的对象实例。获取目标距离当前定位的距离。使用pageScrollTo,滚动定位到目标位置。上面少段代码。需要把上次的滚动位置保存下来。每次滚动前，将新获得的位置与上次的位置相加。

设置全局变量：

在app.js中设置全局变量，在其他页面可以通过公共方法getApp()获取全局实例。然后获取全局变量。其实是常量。

设置全局公共方法：我们可以创建公共的js文件。一般会创建在utils 文件夹内。然后在引用页面通过require获取实例。比如我们创建一个公共的http方法：

var API_URL = 'https://test1.t.com'function request(method, requestHandler) {var params = requestHandler.params;var url = requestHandler.url;wx.request({url: API_URL + url,data: params,header: { 'content-type': 'application/x-www-form-urlencoded', },method: method,success: function (res) {if (res.data.datas.error) {alert(res.data.datas.error);} else {requestHandler.success(res.data)}},fail: function (res) { alert(res.fail) },complete: function (res) { },})
}function GET(requestHandler) {request('GET', requestHandler)
}function POST(requestHandler) {request('POST', requestHandler)
}module.exports = {GET: GET,POST: POST
}

　　在引用页面，调用实例方法，传入对应参数即可。

引用公共wxml文件:

wxml提供两种文件引用方式import和include.

import 可以在该文件中引用目标文件定义的template：

<tempalte name="item">
<text>{{text}}</text>
</template>// another wxml
<import src="item.wxml">
<template is="item" data="{{text:'test'}}" />

　import有作用域的概念，即只会Import目标文件中定义的template,而不会import目标文件import的template。（我的附庸的附庸不是我的附庸）

include可以将目标文件除了<template/>的整个代码引用，相当于拷贝到include位置。

转载于:https://www.cnblogs.com/wlxll/p/7767171.html

微信小程序基础操作（边做边学2）相关推荐

《微信小程序-基础篇》初识微信小程序
大家好,好久不见了,前段时间各种原因分享不稳定,后面一段时间内参与了主站的原力计划,请麻烦各位支持一下,万分感谢- 本系列将从零开始介绍微信小程序的开发,介绍完基础以后会实际同步开发一个微信小程序的项 ...
微信小程序基础学习笔记Day02
学习目标:微信小程序基础Day02 今日目标: 能够使用 WXML 模板语法渲染页面结构能够使用 WXSS 样式美化页面结构能够使用 app.json 对小程序进行全局性配置能够使用 page. ...
新手如何用微信小程序和云数据库做一个论坛？【帖子页】
新手小白用微信小程序和云数据库做一个论坛[帖子页] 先放个效果图由于后面换了头像,所以评论的头像和发帖的头像不一样. 要做个同款论坛,首先需要用到云数据库.在微信开发者工具的左上角开通云开发就可以了 ...
微信小程序基础（全家福01）
微信小程序基础目标能够知道如何创建小程序项目能够清除小程序项目的基本组成结构能够知道小程序页面有几个部分组成能够知道小程序中常见的组件如何使用能够知道小程序如何进行协同开发和发布讲解目录 ...
视频教程-2020最新微信小程序基础+实战精讲视频-微信开发
2020最新微信小程序基础+实战精讲视频负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
小程序学习 - 01小程序简介+微信小程序基础
小程序简介小程序是一个全新的.轻量级的移动端应用. 起源在小程序出现之前的移动端开发的解决方案有: Android iOS Windows Phone - 后来退出历史舞台移动端开发发展了一段时 ...
微信小程序基础学习笔记Day01
学习目标:微信小程序基础Day01 今日目标: 能够知道如何创建小程序项目能够清楚小程序项目的基本组成结构能够知道小程序页面由几部分组成能够知道小程序中常见的组件如何使用能够知道小程序如何进行 ...
【微信小程序宝典】从零开始做微信小程序开发NO.2
2019独角兽企业重金招聘Python工程师标准>>> 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习: 首先感谢几位给予建议的同学, ...
更改微信小程序的基础版本库；更改uni-app小程序基础库；更改用户的微信小程序基础库最低版本；设置用户的微信小程序版本库；
需求场景:微信小程序不少API都有最低版本支持,为了避免不必要的麻烦,我们可以根据需要给小程序设置基础库最低版本,这样若用户使用的基础库版本低于设置的最低版本要求,则无法正常使用小程序,并提示更新微信 ...

微信小程序基础操作（边做边学2）

微信小程序基础操作（边做边学2）相关推荐

最新文章

热门文章

微信小程序 基础操作（边做边学2）

微信小程序 基础操作（边做边学2）相关推荐

最新文章

热门文章

微信小程序基础操作（边做边学2）

微信小程序基础操作（边做边学2）相关推荐