关于微信小程序的的总结
微信小程序学完了,给大家分享一些自己学小程序的心得,希望能帮到大家。
首先,我谈谈小程序数据绑定的那一块,所有从本地或者远程服务器的API传过来,都必须绑定到data: {}, 绑定格式是一个一个的键值对(value:key),然后在wxml文件中通过{{value}}直接用了,具体来说呢,如果是本地的话,你可以在本项目外建立一个exmaple.js文件,文件里var一个数据数组exmaple,通过module.exports = {value:exmaple},然后把该文件引入到你自己要用这些数据的那个页面,引入方式是在该文件var Data = require('../../exmaple.js'),然后该文件中就可以通过数据绑定this.setData({value:Data.exmaple});然后就可以用value.直接用在wxml文件中用了。如果是API的话,你得先通过小程序的api接口
wx.request{(url: url,method: 'GET',header: {"Content-Type": "json"},success: function (res) {callBack(res.data);},fail: function (error) {console.log(error)})}
可以先用控制台JS调试看有没有得到数据,得到的数据全都在res.data中,你需要自己处理一下,处理方法应该都知道吧,数据归类到一个数组后引用或者直接引用,同以上的方法先绑定后再到自己的wxml中使用。
再谈谈小程序中的数据传输的方法,在我做小程序的时候我用到的两种方法(同时也是最常用和最简单的方法),第一种是页面之间的传递方法,给你的catchtap或者bindtap的组件上写data-(后面接你想要定义的数据名字,当然前提是这个数据是你在同目录下的.js文件绑定过的,多个数据也是可以的,只要你多写几个data-),后面再自己的bindtap后者catchtap方法中得到你在页面传入得数据,方法是var data = event.currentTarget.dataset.(你定义的数据名字,但要注意一点,当你定义的是data-Id,这时候你就得写成id,如果你定义的是data-example-id,你就得写成exampleId,我也不懂其中原理,也许是个不成文的规定吧),再用页面跳转接口wx.navigateTo({ url: "yemian/id=" + id})(多个需要用&分开),跳转过去的页面需要用option接收。第二种是就是小程序自带的缓存实现的,如果你想把一个不常用的参数转到自己想用的页面上,不妨你可以试试这种方法,我给大家举个例子,就是我在我的小程序中遇到这样一问题,我想把我每日一文的页面的文章详情页面的字体和背景改成可以变化,同时我又想把用户设置好的字体和颜色读取出来,方便我设置用户默认的字体和颜色,我就想到了利用缓存的优良特性,成功解决了这个问题。
最后我还想谈谈小程序的全局变量的问题,全局变量的数值可以在app.js中globalData: {value:key},当自己需要用到这个value的时候,只要在自己要用到的页面定义app = getApp(),就可以用app.value()就可以用这个变量了,全局变量的样式只要在app.wxss中可以全局定义,个别页面需要设置时,只需要覆盖就行了,全局方法需要定义在“utils/util.js”中配置,定以后通过module.exports = {value:方法名字},后面再你用的时候你只需要引入var util = require('../../utils/util.js'),然后util.方法名字就可以了。
自己的小程序没法给大家看,审核不通过的原因是文娱-资讯不适用于个人用户开发,所以决定一直用体验版了。另外我想推荐我的微信小程序的老师的小程序知乎专栏Q&A,那里可以解决小伙伴的各种问题。
URL:https://zhuanlan.zhihu.com/p/24554026
转载于:https://www.cnblogs.com/huhu1203/p/6912462.html
关于微信小程序的的总结相关推荐
- 微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现 下面看一个简单的demo 传递数据 要传递界面 wxml <!--index.wxml--> <view class= ...
- 微信小程序web-view使用
web-view 可以是微信小程序支持嵌套网页 例如想 嵌套百度可以这样 <view ><web-view src="https://www.baidu.com/s?ie= ...
- 微信小程序下拉刷新和上拉加载
效果图 微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的 个人感觉特别简单 2 使用scroll-view 实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下 其实 ...
- 微信小程序bindtap 与 catchtap 是使用
如果写小程序对二者不理解的,那看到这边博客,将很快帮助到您, 个人总结的一句话:,bindtap点击事件在同一个view中会向上冒泡,而catchtap 不会向上冒泡 下面会有一个demo给出解释, ...
- 微信小程序根据后台返回值设置自己想要的结果
今天做微信小程序充值列表 其中微信或者支付后台返回的是1和2 , 那么就需要判断返回值是否为1或者是2然后在改变 简单的就是在xml中判断下就行了 <view class='recharge_t ...
- 微信小程序import和include
import 和include 是微信小程序提供的2中引用方式 import 一般结合模板template使用 import import可以在该文件中使用目标文件定义的template,如: 在 i ...
- 微信小程序扫描二维码
最近官方地址 看到这句话我想到了,微信小程序是调用微信的扫一扫 那么扫一扫的界面就可以不用再写了, 想到android这边都是用图片或者手动画,突然感觉心情特别的好, 里面的参数自己看吧,看到最下面的 ...
- 微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API 本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串.微信小程序提供了以下API函数. 8. ...
- 微信小程序----map组件实现(获取定位城市天气或者指定城市天气数据)
效果图 实现原理 采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据:如果 city 不为空,则返回 city ...
- map和foreach的区别和应用场景_支付宝小程序和微信小程序,两者有何区别?
原标题:支付宝小程序和微信小程序,两者有何区别? 自2017年1月微信推出小程序之后,小程序的发展势头便愈来愈猛.作为腾讯老对头的阿里,也开始投入小程序的研发.在一年多的开放公测后,支付宝小程序终于于 ...
最新文章
- 嵌入式系统降低功耗的设计技术
- 我们是如何使用 PingCode Flow 实现研发自动化管理的?
- HTML复选框和提交按钮组合设置
- Centos7 安装lnmp
- matlab中如何添加注释
- 网站开发之MyEclipse简单实现JSP网页表单提交及传递值
- no nlsxbe in java.library.path
- android textView 替文字添加下划线 删除线
- java客户端重复请求_Java后台防止客户端重复请求、提交表单实现原理
- python 栈和队列_python 栈和队列的基本实现
- ffmpeg.exe dos下怎么用 放在哪里
- 基于vue-cli的vuex配置
- 面试题40. 最小的k个数
- 第四周—扒开系统调用的“三层皮”
- 《黑客秘笈——渗透测试实用指南(第2版)》—第1章1.6学习
- Windows7 密码破解
- php 采集qq空间,php批量抓取QQ空间相册链接
- BF,KMP算法(万字图文详解)
- R语言解决数据不平衡问题
- 前后端分离与耦合架构
热门文章
- Oracle——15触发器
- hdu 3374 String Problem (字符串最小最大表示 + KMP求循环节)
- 从介质部署额外域控制器
- Windows Phone 7 中的切换应用
- 【zz】如何去理解 拓扑排序算法
- Cisco 交换机配置端口镜像
- Java各种对象(PO,BO,VO,DTO,POJO,DAO,Entity,JavaBean,JavaBeans)的区分
- AMDD 一个把大问题分成小问题的优化算法
- pandas分批读取csv文件
- 【Python学习系列二十八】绘图库pyecharts