微信小程序 - 考试前三排名实现

使用wepy开发微信小程序商城第三篇：购物车（布局篇）

使用wepy开发微信小程序商城第三篇:购物车(布局篇) 前两篇如下: 使用wepy开发微信小程序商城第一篇:项目初始化使用wepy开发微信小程序商城第二篇:路由配置和页面结构基于上两篇内容,开始第三篇上一篇建好了cart.wpy,初始代码结构是这样的: <style lang="less"> </style> <template> <view class="cart"> 这里是购物车呀~ </view&g…

微信小程序把玩（三十三）Record API

原文:微信小程序把玩(三十三)Record API 其实这个API也挺奇葩的,录音结束后success不走,complete不走,fail也不走, 不知道是不是因为电脑测试的原因,只能等公测或者等他们完善.以后再测和补充吧!!!! 主要属性: wx.startRecord(object) 手动调用wx.stopRecord()停止录音 wxml  <text>{{formatRecordTime}}</text> <button type…

微信小程序把玩（三十四）Audio API

原文:微信小程序把玩(三十四)Audio API 没啥可值得太注意的地方重要属性: 1. wx.getBackgroundAudioPlayerState(object) 获取播放状态 2.wx.playBackgroundAudio(object)播放音乐 3.wx.pauseBackgroundAudio()暂停音乐 4.wx.seekBackgroundAudio(object) 设置播放进度 5.wx.stopBackgroundAudio()停止播放音乐三个监听器: wxml <b…

微信小程序把玩（三十一）wx.uploadFile(object), wx.downloadFile(object) API

原文:微信小程序把玩(三十一)wx.uploadFile(object), wx.downloadFile(object) API 反正我是没有测通这两个API!!!!不知道用的方式不对还是其他的!!!先记录下回头再说... 主要方法: wx.uploadFile(OBJECT)上传 wx.downloadFile(OBJECT)下载 wxml <button type="primary" bindtap="listenerButtonDownLoadFile"…

微信小程序把玩（三十九）navigation API

原文:微信小程序把玩(三十九)navigation API 演示效果也看到了小程序也就提供这几个处理导航控制.值得注意的是只能同时导航五个页面主要属性: 导航条一些方法 wx.setNavigationBarTitle(object) 设置导航条的Title 导航标题可以通过三种方式设置,第一种是通过全局配置名字统一,第二种就是在page中新建个json文件配置它会覆盖全局配置的title,第三种就是通过API设置. wx.showNavigationBarLoading()设置在导航条上显示…

微信小程序把玩（三十五）Video API

原文:微信小程序把玩(三十五)Video API 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题. 主要属性: wx.chooseVideo(object) 成功之后返回参数 wxml <button type="primary" bindtap="listenerBtnOpenVideo">打开视频</butt…

微信小程序把玩（三十六）Storage API

原文:微信小程序把玩(三十六)Storage API 其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志,数据存储主要分为同步和异步异步存储方法: 存数据 wx.setStorage(object) 相同key会覆盖,可写回调方法获取方法: wx.getStorage(object) 清除方法: wx.clearStorage()里面可以写回调函数成功,失败,完成同步存储方法: 存数据相同key会覆盖 wx.setStorageSync(key,data) 读数据…

微信小程序把玩（三十七）location API

原文:微信小程序把玩(三十七)location API location API也就分这里分两种wx.getLocation(object)获取当前位置和wx.openLocation(object)通过经纬度打开内置地图.其中定位获取位置信息返回参数是有问题的speed,accuracy这两个是没有的.还有一个就是打开内置地图之后再返回会报一个错误(Page route错误-WAService.js:2 navigateBack 一个不存在的webviewId0)如果有知道的可告知,我找到解决…

微信小程序把玩（三十八）获取设备信息 API

原文:微信小程序把玩(三十八)获取设备信息 API 获取设备信息这里分为四种, 主要属性: 网络信息wx.getNetWorkType, 系统信息wx.getSystemInfo, 重力感应数据wx.onAccelerometerChange, 罗盘数据wx.onCompassChange wxml <button type="primary" bindtap="getNetWorkType">获取网络类型</button> <butt…

微信小程序把玩（三十二）Image API

原文:微信小程序把玩(三十二)Image API 选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用主要方法: wx.chooseImage(object) wxml  <button type="primary" bindtap="listenerButtonChooseImage">点击我选择相册</button> <…

天河微信小程序入门《三》：打通任督二脉，前后台互通

原文链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=505&extra=page%3D1 天河君在申请到https证书后就第一时间去部署后台环境,但是发现每次访问https都要带上8443端口实在是很坑爹啊,作为一个强迫症晚期,我要做的自然是不带端口直接访问.打开你tomcat下的conf文件夹,编辑里面的server.xml <Connector port="80" protocol=&quo…

微信小程序开发《三》：微信小程序请求不能使用session的原因及解决办法

本人在前面的微信小程序开发<二>中提到要想在服务端保持状态需要在客户端第一次请求服务器的时候给客户端返回一个sessionid,由客户端在本地保存,下次请求的时候在header里面带上这个sessionid,写到cookie字段里.但是最近发现请求时哪怕每次在header里带上sessionid还是不能拿到同一个session,百度后终于发现坑了(也不知道微信为啥要这么做),原来微信对wx.request这个API做了修改,小程序发起的请求并不是直接请求我们的后台服务器,而是先通过微信的服务器…

微信小程序开发（三）项目目录及文件结构

第二章我们已经创建了一个Hello WXapplet示例小程序.我们从文件目录结构来了解Hello WXapplet项目的构成. 目录结构显示,在小程序项目的根目录下面包含3个app开头的文件(app.js.app.json.app.wxss)以及pages目录与utils目录.其中pages目录存放了2个页面(index和log)的构成文件.每个页面都是一个目录,目录名就是唯一的页面名,其下由以页面名为前缀的2~4个文件组成. 小程序的目录文件结构如上,左侧的3个app文件必须放在小程序根目录…

微信小程序开发（三）----- 云开发案例

1.发送请求 2.云函数中发送请求,例子request https://github.com/request/request-promise 创建云函数movielist,右键在终端打开,输入 npm install --save request 然后输入 npm install --save request-promise,当前云函数的package.json文件依赖为使用在云函数movielist的index.js中引入包 // 云函数入口文件 const cloud =…

微信小程序swiper 前后边距的使用

小程序中有一个组件swiper 就是滑块视图容器其中提供了两个属性 previous-margin:前边距,可用于露出前一项的一小部分 next-margin:后边距,可用于露出后一项的一小部分假设设置一个view的尺寸为宽为600rpx,高为600rpx,前边距为30rpx,后边距为30rpx,最终呈现结果是这样的图一和图二图三这是将图片尺寸设置跟屏幕宽一样的尺寸,然后就没有之间的空白间隙了,所有得为图片加上空白间距但这并不是想要的结果,其实边距指的是后面那张…

微信小程序aes前后端加密解密交互

aes前后端加密解密交互小程序端 1. 首先引入aes.js /** * [description] CryptoJS v3.1.2 * [description] zhuangzhudada sort out */ var CryptoJS = CryptoJS || function(u, p) { var d = {}, l = d.lib = {}, s = function() {}, t = l.Base = { extend: function(a) { s.prototype…

微信小程序学习笔记三路由的基本使用

小程序中路由的使用 1.1 页面路由在小程序中, 所有页面的路由全部由框架进行管理 1.2 页面栈框架以栈的形式维护了当前的所有页面, 当发生路由切换的时候, 页面栈的表现如下: 1.3 获取当前页面栈开发者可以使用 getCurrentPages() 函数获取当前页面栈.  <view bindtap="getThieRoute"> <text> 点击获取当前路由路径 </text…

HBuilderX无法启动微信小程序？仅三步

1.复制微信开发者工具启动路径 : "C:\Program Files (x86)\Tencent\微信web开发者工具\微信web开发者工具.exe" 不要后面的 "微信web开发者工具.exe": 2.在HBuilderX中,工具->设置,打开下图 3.微信开发者工具的配置: 回到HBuilderX上,点击工具栏的运行,选择小程序上启动,既可! 兄弟姐妹们,点波关注吧,一起分享有趣的技术! 掘金: https://juejin.cn/user/303430…

微信小程序自学第三课：文件作用域，模块化

一.文件作用域在 JavaScript 文件中声明的变量和函数只在该文件中有效:不同的文件中可以声明相同名字的变量和函数,不会互相影响. 通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置,如: // app.js App({ globalData:{ appName : "hcoder", appVersion : "1.1" } }) // index.js var app; Page({ data:{ },…

微信小程序 - 考试倒计时

源码如下(csdn提供了思路 , 多谢 ,第二个小程序项目,有惊无险(_._): Page({ /** * 页面的初始数据 */ data: { timer: '', //定时器名字 countDownNum: '5' //倒计时初始值 }, onLoad: function() { this.countDown(); }, start: function() { clearInterval(this.data.timer); this.data.countDownNum = 6; this.c…

微信小程序入门（三）

11.开发框架基本介绍四个组成部分,其它三个前面介绍过了,主要WXS: WXS:对wxml增强的一种脚本语言,可以对请求的数据进行filter或者做计算处理,帮助wxml快速构建出页面结构. 12.WXML之语法概念 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合组件.WXS和时间系统,可以构建出页面的结构. 语法 <标签名属性名="属性名1" 属性名="属性名2"...> ... </标签名>…

微信小程序 - 考试状态不同显示

未开考 .已交卷. 考试中 .考试结束 #ddd #f00 #ff0 默认禁用色禁用的button仅有style起作用,四个状态,通过wx:if ... elif ... elif ... else 来进行判断并且显示(仅能展示一个状态).…

微信小程序把玩（三十）wx.request(object) API

这里通过干活集中营的API接口真实请求下数据.如果提示URL 域名不合法,请在 mp 后台配置后重试修改asdebug.js两行代码即可可看下面图百牛信息技术bainiu.ltd整理发布于博客园定位到asdebug.js文件打开搜索关键字URL 域名不合法关键字就是提示错误信息注释两行代码主要方法: wxml <block wx:for-items="{{result}}"> <view style="width:100%; height: 50rp…

微信小程序开发（三）点击事件

接着上篇博客继续. 如下修改: // index.wxml <view>Hello World!</view> <button bindtap="but">点击按钮</button> // 按钮 bindtap属性就是添加点击事件,名字是but // index.js Page({ but: function(){ // 通过but点击事件触发后面的函数 console.log("你好") } }) 保存代码后,点击按…

微信小程序(应用号)资源汇总整理

微信小应用资源汇总整理开源项目 WeApp - 微信小程序版的微信 wechat-weapp-redux-todos - 微信小程序集成Redux实现的Todo list wechat-weapp-gank - 微信小程序版Gank客户端 wechat-dribbble - 微信小程序-Dribbble wechatApp-demo - 微信小程序 DEMO weapp-ide-crack - 微信小应用资源破解 API - API 文档 weapp-quick - 微信小应用示例代码 wea…

微信小程序教程及示例

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有,转载请联系作者获得授权.微信小程序正式公测,公测时间:11月3日夜:公告地址:https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1478163659&version=14&lang=zh_CN公测配套使用攻略:微信小程序公测接入指南整理了一下…

史诗手册！微信小程序新手自学入门宝典！

一.小程序官方指南 1:官方开发工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 0.12.1304Win版:https://pan.baidu.com/s/1miNleBY 0.12.1304Mac版:https://pan.baidu.com/s/1qYNIQZy 2:官方提供的简单教程 https://mp.weixin.qq.com/debug/wxadoc/dev/ 3:小程序…

微信小程序周报（第十三期）-极乐商店(store.dreawer.com)出品

重要:极乐商店域名变更:wxapp.dreawer.com/变更为store.dreawer.com/ 每周一笑当年刚学打篮球的时候,疯狂地迷恋上了乔丹,然后迷恋上了NIKE,更熟记了NIKE的那句广告语:JUST DO IT. 然后-我从此进入了IT行业. 上周更新小程序新功能--手机号快速填写及会员卡开卡组件开放 2017-8-25 小程序分享等能力升级 2017-8-19 微信部分功能故障,正在紧急修复中 2017-8-21 上周资教微信小程序--真机和模拟器效果不一样解决方案 20…

微信小程序支付及退款流程详解

微信小程序的支付和退款流程近期在做微信小程序时,涉及到了小程序的支付和退款流程,所以也大概的将这方面的东西看了一个遍,就在这篇博客里总结一下. 首先说明一下,微信小程序支付的主要逻辑集中在后端,前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可.我在后端使用的是php,当然在这篇博客里我不打算贴一堆代码来说明支付的具体实现,而主要会侧重于整个支付的流程和一些细节方面的东西.所以使用其他后端语言的朋友有需要也是可以看一下的.很多时候开发的需求和相应问题的解决真的要跳出语…

【微信小程序 - 考试前三排名实现】的更多相关文章