模板是微信小程序实现复用的核心
出现一个自适应屏幕大小的单位, rpx
事件绑定,冒泡-----bind,不冒泡-----catch
事件触发后,视图渲染
云调用获取
1.先调用 wx.login 接口,步数信息会在用户主动进入小程序时更新。
2.调用wx.getWeRunData获取敏感数据(就是一串你看不懂的字符),获得CloudID
3.去微信开发者工具的左上角点击=》云开发,新建一个云函数(直接建一个云函数就行,里面不需要你写任何代码)
4.
wx.cloud.init();
wx.cloud.callFunction({name: 'myFunction',data: {weRunData: wx.cloud.CloudID('xxx'), // 这个 CloudID 值到云函数端会被替换obj: {sh...
最近微信小程序开始开放测试了,小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。
官方参数说明如下
OBJECT参数说明:参数名类型必填说明url
String
是
开发者服务器接口地址data
Object、String
否
请求的参数header
Object
否
设置请求的 header , header 中不能设置 Referermethod
String
否
默认为 GET,有效值:OPTIONS, GET, H...
微信小程序在开发者工具中正常显示,在真机调试上报错;在一个页面调用另一个页面的js报错Error: module"model/model.js" is not defined
开发者工具正常显示,真机调试时报错
报错如下,最先在网上搜了很多都说的是路径错误;我想如果是路径错误,在开发者工具上就会报错,不会正常显示,所以明显不是路径的问题。在weather.js中导入model.jsmodel.js导出解决方式
我们在写完一个组件页面之后都要在app.json中进行注册,这是报错...
其实还有一些组件,没有提,因为那些组件跟 API 的功能差不多,API 可能比他会更好一点; 具体可见官方文档 基础:判断接口是否可用:wx.canIUse(a) a 代表:接口名字 返回值:布尔 true代表成功,false代表接口不可用系统信息:wx.getSystemInfo({}) 使用第二种参数:{} success:代表成功 fail:代表失败 complete:接口调用完成后的回调函数案例:wx.getSystemInfo({success(res) {console.log(res) ...
底部导航栏这个功能是非常常见的一个功能,基本上一个完成的app,都会存在一个导航栏,那么微信小程序的导航栏该怎么实现呢?经过无数的踩坑,终于实现了,好了,先看看效果图。对于底部导航栏,小程序上给出的文档要求里面的item最少2个,最多五个。
好了,先看看代码:
在项目中找到这个文件 1 {2 "pages":[3 "pages/index/index",4 "pages/logs/logs",5 "pages/mine/mine"6 7 ],8 "window":{9 "back...
先创建一个这样的路径然后在indexbottom的json中写入
{"component": true,"usingComponents": {}
}在需要引入自定义控件的index.json中写入
{"usingComponents": {"indexbottom": "../components/index/indexbottom/indexbottom"}
}然后就可以直接在页面上调用<indexbottom></indexbottom>自定义控件js
Component({/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {},/*** 组件的onLoad事件* /ready(){},/*** 组件...
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
联系QQ:380899422
麻烦备注:NopCommerce 开发
1、判断手机定位服务【GPS】 是否授权
uni.getSystemInfo({success(res) {let locationEnabled = res.locationEnabled; //判断手机定位服务是否开启let locationAuthorized = res.locationAuthorized; //判断定位服务是否允许微信授权if (locationEnabled == false || locationAuthorized == false) {//手机定位服务(GPS)未授权}else {//手机定位服务(GPS)已授权}},fail() {// 手机定位服务(GPS)未授权}
});2、判断微信小程序...
云数据库
云数据库开发文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database.html
1.初始化:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html
一、问题
二、解决
1 详情,ES6 转ES5 勾上
2 缺少了regeneratorRuntime这个模块,需要从外部引入
2.1.在新建的文件夹中执行 npm init ,生成package.json文件(一路回车就好)
2.2.执行 npm install regenerator@0.13.1
2.3.将node_modules/regenerator-runtime/runtime-module.js
2.4.js文件复制到小程序项目中(其他不要)
引用,即可
? import?regeneratorRuntime?from?"../resource/js/runtime-mod...
关于微信小程序导航栏的设置:
整体顶部导航栏设置
在全局文件app.json中:
<!-- 需要置入windows,在其中修改navigationBar的属性 -->
"window": {
"navigationBarBackgroundColor": "#FF5777",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "熊窝",
"backgroundColor": "#ff5777",
"enablePullDownRefresh": true,
"backgroundTextStyle": "dark"
}在页面的page.json中:
<!-- 直接可以用 "navigationBarTitleT...
在app.json中配置全局下拉刷新:
"window": {"enablePullDownRefresh": false
}在页面json文件中配置:
"enablePullDownRefresh": true下拉刷新使用在页面中的 onPullDownRefresh 方法中(没有可自己添加),用户下拉后触发该方法。
触发后不能自动回弹,需要调用结束下拉方法:
onPullDownRefresh:function(){wx.stopPullDownRefresh();
}注:我是在全局中关闭了下拉刷新,然后哪个页面中用了再开启。
用户下拉后没有显示三个点,可...
官方文档:
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/payment/wx.requestPayment.html
假设订单发送给后台后,这里就是支付接口返回的数据 {"return_code": "SUCCESS","return_msg": "OK","appid": "wxd678efh567hg6787","mch_id": "12345678","nonceStr": "5K8264ILTKCH16CQ2502SI8ZNMTM67VS","paySign": "22D9B4E54AB1950F51E0...
前言
刚入门微信小程序的时候,一切都基于微信web开发者工具,没有使用其他框架,也没有工程化的概念。当时做的项目都比较简单,单单用微信web开发者工具倒也得心应手。学了些东西后,就按捺不住地想跳出原生工具的条条框框,把近些日子学的东西都拿出来熬一熬。
已有的一个小程序项目使用了github上一个使用webpack、babel、sass开发的小程序脚手架(wxapp-boilerplate),我需要在不变动原有项目代码的基础上,使用gulp来重构项目...