其实还有一些组件,没有提,因为那些组件跟 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来重构项目...
额 。思路 多年回头,但愿还明白自己写什么...
步骤一:.判断toke 验证是否登录。
toke存在跳转指定页面(首页)end。
toke不存在跳转步骤二
步骤二:.是否授权获取用户信息。
用户授权就开始登录 end。
用户没有开启授权,引导授权在登录。end。
细节:
更新机制 稍后说
更新小程序代码:
根据微信提供的api,可以检测是否小程序有新版本
代码如下
let updateManager = wx.getUpdateManager();updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log("是否有新版本:"+res.hasUpdate); if(res.hasUpdate){//如果有新版本 // 小程序有新版本,会主动触发下载操作(无需开发者触发) updateManager.onUpdateReady(f...
let命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
{let a = 10;var b = 1;
}
a // ReferenceError: a is not defined.
b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。
for循环的计数器,就很合适使用le...
第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现
开发环境搭建使用自己的AppID新建小程序项目,后端服务选择小程序云开发,点击新建,完成项目新建。
新建成功后跳转到开发者工具界面新建后,微信端为我们提供了一个参考的模板程序,这里我们自己来创建各个所需的文件与代码,所以删除所有不需要的文件,删除cloudfunctions、miniprogram/images、miniprogram/pages文件下所有文件,同时也删除style文件和删除ap...