转载：移动端+微信小程序实现，手机端滑动分页代码思路（ajax）

//一般在PC上我们要分页都是通过上一页和下一页来实现的,手机通过当下滑到一定程度的时候自动加载下一页面//实现思路:首先加载部分数据,当下滑到某个元素可见的时候,如果还有数据,则新发送请求,然后追加在当前页面一.PC端 /* *<div class='topicBox' id='listBox'> *</div> */ //判断元素是否进入可视区域 function see(objLiLast) { //浏览器可视区域的高度 var see = document.documen…

微信小程序-强制手机端更新

小程序的更新机制开发者在管理后台发布新版本的小程序之后,如果某个用户本地有小程序的历史版本,此时打开的可能还是旧版本.微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本,如果有则会静默更新到新版本.总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内下发新版本信息到用户.用户下次打开时会先更新最新版本再打开. 启动时更新小程序每次冷启动时,都会检查是否有更新版本,如果发现有新版本,将会异步下载新版本的代码包,并同时用客户端本地…

java服务端微信小程序支付

发布时间:2018-10-05 技术:springboot+maven 概述 java微信小程序demo支付只需配置支付一下参数即可运行详细代码下载:http://www.demodashi.com/demo/14187.html 一.前言 (1)适合人群 1,java服务端开发人员 2,初级人员开发人员 3,了解spring springboot+maven 3,了解小程序开发跟前端人员接口对接 (2) 你需要准备什么? 1,积极主动学习 2,微信开发基本流程 3,java后端几大…

转载：【微信小程序】 wx:if 与 hidden(隐藏元素)区别

条件渲染顾名思义所谓的条件渲染,就是通过条件来判断是否需要渲染该代码块.条件渲染主要是用到wx:if 和 block wx:if 这两个,第一个相信好理解,第二个是在block里面进行条件渲染,这里我们特别说明一下< block/>并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性.和我们以前的逻辑编程类似,既然有了wx:if ,那么我们也会有wx:elseif和wx.else,这几个组合起来,可以使条件渲染更加灵活. 在这里官方文档中提到了一个wx:if和hidd…

微信小程序初探（二、分页数据请求）

大家好波哥小猿又来啦[斜眼笑],昨天咱们讲了微信小程序简单数据请求,有没有照着教程实现请求的同学们啦实现的同学举个爪[笑脸].哈哈,好了不扯犊子啦,我相信有的同学已经实现了简单的数据请求,没有实现小程序数据请求的也没关系,大家在我文章里评论我会耐心给大家答复得,争取让看我文章的小伙伴都能学会小程序开发,突然觉得好有成就感[偷笑]. 昨天咱们讲了小程序的简单数据请求,我相信大家心里会想,不就简单的数据请求吗,有能耐讲点难得...[捂脸].正所谓千呼万唤使出来,本着为用户考虑的角度,我决定讲点复…

【微信小程序】使用setTimeout制作定时器的思路

setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟. 下面是在微信小程序中的使用思路,只截取了关键部分代码. var timer; // 计时器 Page({ // ...省略 // 自定义的开始按钮 startBtn: function () { console.log("开始按钮"); Countdown(); }, // 自定义的暂停按钮 pauseBtn: function () { console.log(&quo…

微信小程序+php 授权登陆，完整代码

先上图实现流程: 1.授权登陆按钮和正文信息放到了同一个页面,未授权的时候显示登陆按钮,已授权的时候隐藏登陆按钮,显示正文信息,当然也可以授权和正文分开成两个页面,在授权页面的onload里判断是否已授权,若已授权就直接跳转正文的页面.这里只说授权按钮和正文在同一页面的情况. 2.在onload里先判断是否已授权,如果已授权,就隐藏授权登陆按钮,显示正文信息,如果没有授权,显示授权登陆按钮. 3.前端使用button的open-type="getUserInfo"来操作…

微信小程序页面阻止默认滑动事件

在页面上要加入一个悬浮的按钮,这个按钮需要可以拖动,在元素中使用catchtouchstart,catchtouchmove,catchtouchend来控制悬浮按钮的拖动,但是在ios系统中,微信小程序的页面会有个默认的下拉和上滑动画,这时只需要将该页面的json文件中加入 "disableScroll": true 就可以了…

【微信小程序】手写索引选择器（城市列表，汽车品牌选择列表）

摘要: 小程序索引选择器,点击跳转相应条目,索引可滑动,滑动也可跳转场景:城市选择列表, 汽车品牌选择列表所用组件: scroll-view(小程序原生) https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 所用API: wx.getSystemInfo https://developers.weixin.qq.com/miniprogram/dev/api/base/system/s…

微信小程序：手写日历组件

一.前言最近公司要做一个酒店入住的小程序,不可避免的一定会使用到日历,而小程序没有内置的日历组件.在网上看了一下也没有非常适合需求的日历,于是自己写了一个. 二.代码 1. 原理分析写一个日历只需要知道两件事情: 一个月有多少天: 每个月的第一天是星期几. 2. 功能分析由于是酒店入住的日历,所以需要实现如下功能: 渲染日历,一般是从本月开始,到半年之后的日历过去的日期不可选实现点击获取入住日期.退房日期,以及改变相应日期的颜色和整个时间段的颜色 3. 数据分析根据最后的功能实现,我…

微信小程序之上传图片(含前后端代码例子)

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码. 前端小程序代码 index.wxml: <view class='content'> <view class='img-box'> <view class='img-list'> <block wx:for="{{detailPics}}" wx:key="index"> <view class='img-item'> <i…

微信小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题

小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分,在这次项目中刚好需要用到横向滑动,但在测试过程中发现横向滑动没有了效果(静止在那里没移动过),经调试发现: 1.scroll-view 中的需要滑动的元素不可以用 float 浮动: 2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的: 3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排: 4.包裹 scro…

微信小程序实现，可滑动、可点击

tab.wxml: 全部中奖未中奖全部中奖未中奖 tab.wxss: .swiper-tab { width: 100%; border-bottom: 2rpx solid #ccc; text-align: center; height: 88rpx; line-height: 88rpx; display: flex; flex-flow: row; justify-content: space-between; } .swiper-tab-item { width: 30%;…

微信小程序上拉加载——分页

wxml: <view class="page"> <scroll-view class="imageViewCss_1" scroll-y="true" bindscrolltolower="toLower" lower-threshold="-100"> <view class="weui-slidecells" wx:for="{{array…

微信小程序中实现左右滑动图片翻页

页面代码 <swiper class="container" indicator-dots="{{indicatordots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange='onSlideChange' > <block wx:for="{{imgList…

微信小程序云开发-列表数据分页加载显示

一.准备工作 1.创建数据库nums,向数据库中导入108条数据 2.修改数据库表nums的权限二.新建页面ListPaginated 1.wxml文件  <view wx:for="{{list}}" class="list"> <text>id:{{item._id}}</text>, <text>num:{{item.num}}</text> </vi…

微信小程序价值思考：手机端的CS-BS迁移

从很多特点来看,小程序都非常类似于网页:主要的业务逻辑在服务端.客户端无需安装应用程序.小程序的开发采用的HTML+JS+CSS技术等等.张小龙自己对小程序的定位也大概如此:无意做小程序分发平台,只是做类似于PC互联网时代的网站,但体验比网站好,比下载APP更便捷.所以,把小程序看成手机端的Web页,来思考小程序的价值,不失为一个重要的角度.而从PC端网络应用从C/S模式向B/S模式的变迁历史,也能够反思手机端的未来发展. 网络应用程序的架构主要有C/S(客户端/服务器)模式和B/S(浏览器/服…

微信小程序访问webservice（wsdl）+ axis2发布服务端(Java)

0.主要思路:使用axis2发布webservice服务端,微信小程序作为客户端访问.步骤如下: 1.服务端: 首先微信小程序仅支持访问https的url,且必须是已备案域名.因此前期的服务器端工作需要先做好,本人是申请了个人域名(已备案),并使用阿里云服务器,然后申请免费SSL,通过配置tomcat完成支持https访问.此外,intellJ IDE的java编译器版本调整到8以上. 下面进入正题: pom.xml添加:  <!--serv…

微信小程序学习指南

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教…

微信小程序教程及示例

作者:初雪链接: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/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

微信小程序：原生热布局终将改变世界

关于本文的所有观点都是网上收集,与作者本人没有任何关系! 最近朋友圈已经被微信小程序刷屏了,这也难怪,腾讯的产品拥有广泛的影响力,谁便推出个东西,都会有很多人认为会改变世界,这不,张小龙刚一发布微信小程序的消息,很多人(技术的和非技术的)就跟打了鸡血似的,估计现在已经鸡血告急了! 我也看了网上的一些关于微信小程序的文章,估计那帮家伙连微信小程序是什么都没搞清楚,就在那里一本正经地胡说八道.好吧,我就通过本文让大家了解一些什么是微信小程序,以及微信小程序到底能为我们带来什么. 关于微信小程序的误解…

微信小程序里碰到的坑和小知识

本文作者:dongtao 来自:授权地址本人低级程序员,以下bug不能确保在其它地方可以以相同的原因复现.同时, 出现很多bug的原因是小程序的基本知识还有编码的基本功不到位造成路还很长,共勉目录资源 (资源加载时候会出现的问题) API (api在使用中有可能会碰到) 工具 (模拟器和真机调试有可能出现的问题) 兼容 (在真机上调试时候有可能出现的问题) 资源篇已解决在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的,解决办法:(这段话位置放那么偏~…

微信小程序登录流程规范解读

一. 官方登录时序图二. 简单理解这里仅按照官方推荐的规范来 0. 前置条件一共有三端: - 微信小程序客户端 - 第三方服务器端(自己搭建) - 微信服务器端 1. 客户端获得code,并将code传给第三方服务端微信小程序端调用wx.login,获取登录凭证(code),并调用接口,将code发送到第三方客户端 2. 第三方服务端用code换session_key和openid 小程序端将code传给第三方服务器端,第三方服务器端调用接口,用code换取session_key和ope…

微信小程序onLaunch、onLoad执行生命周期

原文转载自:微信小程序onLaunch.onLoad执行生命周期 1.需求:先执行App的onLaunch添加验证权限等,再执行Page里的onLoad. 2.问题:还没有等onLaunch执行完成,onLoad就已经开始执行了. 3.解决办法:定义回调函数. 4.具体实现:Page页面判断一下当前app.globalData.employld是否有值,如果没有(第一次)定义一个app方法(回调函数),App页面在success后判断有没有page页面定义的回调方法,如果有就执行,因为回调函数是…