文章
关键词 [ ] 的搜索结果:
-
微信小程序滚动消息通知实现代码
我们走在大街上,会经常看到许多店家门上有滚动的消息通知,本文主要为大家详细介绍了微信小程序实现滚动消息通知,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。效果图:index.wxml<!--index.wxml--> <swiper class="swiper_container" vertical="true" au…
-
文字跑马灯效果的实现
跑马灯效果在很多页面上也经常出现,本文主要为大家详细介绍微信小程序实现文字跑马灯效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。效果 wxml<view>1 显示完后再显示</view> <view class="example"> <view class="marquee_box">…
-
教大家如何使用微信小程序数字滚动插件
本文主要和大家介绍微信小程序数字滚动插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。用es6语法方式写了个微信小程序小插件–数字滚动;效果图:wxml页面布局代码:<!--pages/main/index.wxml--><view class="animate-number"> <view class="…
-
微信小程序列表下拉刷新上拉加载实例代码
本文主要和大分享微信小程序实现列表下拉刷新上拉加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。DEMO下载效果图原理利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上拉加载监听函数)监听页面的下拉和上拉动态,从而对页面数据进行修改!页面配置JSONenablePullDownRefresh:开启下拉刷新;onRe…
-
微信小程序折叠面板的实现方法示例
本文主要为大家详细介绍微信小程序实现折叠面板的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。实现原理通过控制详情部分的显示隐藏,来实现折叠效果,同时切换右侧向下箭头。效果图WXML<!--pages/accordion/accordion.wxml--> <view class="tui-accordion-content"&g…
-
微信小程序MUI数字输入框效果的实现方法
本文主要为大家详细介绍了微信小程序实现MUI数字输入框效果,我们会以代码的示例来教大家,希望大家能根据这个实现思路来完成自己的MUI数字输入框效果。WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <view class=&…
-
JS模拟锚点跳转的代码
本文主要为大家分享一篇使用JS模拟锚点跳转的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。A-HTML锚点定义:设置锚:<a href="#mao" rel="external nofollow" >&nsbp;</a>设置点:(为了浏览器兼容性,id和name一起设置)<a i…
-
微信小程序日期时间选择器如何使用
本文主要为大家详细介绍了微信小程序日期时间选择器的使用方法,自定义精确到分秒或时段,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。效果图实现原理利用微信小程序的picker组件的多列选择器实现!WXML<view class="tui-picker-content"> <view class="tui-picker-name&q…
-
微信小程序navigateTo数据传递详解
本文主要和大家介绍微信小程序使用navigateTo数据传递的实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。微信小程序使用navigateTo数据传递的实例1,传递基本数据类型index.js 发送页JSPage({ data: { testStr: '字符串str' }, onLoad: function () { }, next: fun…
-
小程序实现post与get的封装
本文主要和大家介绍微信小程序中post方法与get方法的封装的相关资料,让大家掌握如何封装,需要的朋友可以参考下,希望能帮助到大家。微信小程序开发post方法与get方法的封装第一步:在utils文件夹下创建httpUtil.js文件 第二步:创建函数httpPost方法代码如下:function Post(url, data, cb, isShow, showNetError, that, sh…
-
Vuex模块化(module)实例详解
本文主要和大家介绍Vuex 模块化(module),小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家。一、为什么需要模块化前面我们讲到的例子都在一个状态树里进行,当一个项目比较大时,所有的状态都集中在一起会得到一个比较大的对象,进而显得臃肿,难以维护。为了解决这个问题,Vuex允许我们将store分割成模块(module),每个module有自己的state,mutation,…
-
微信小程序滚动视图容器如何实现的
本文主要介绍了微信小程序之滚动视图容器的实现方法的相关资料,希望通过本文能帮助到大家,让大家掌握这部分内容,需要的朋友可以参考下,希望能帮助到大家。微信小程序之滚动视图容器的实现方法直接上两种方案代码以及效果图:方案1这种方案是直接使用view,并设置overflow: scrollwxml: <view class="container"> <view cl…
-
微信小程序获取openid及用户信息的方法
本文主要介绍微信小程序如何获取openid及用户信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。1. 获取openid1.1 获取code调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。wx.login({ //获取code succe…
-
微信小程序按钮滑动功能代码
本文主要介绍微信小程序实现按钮滑动的方法,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下,希望能帮助到大家。微信小程序 按钮滑动的实现方法一.先看东西滑动前滑动后二.再上代码index.wxml<view class="content"> <view class="sliderContent"> <input pl…
-
微信小程序实现登录功能的逻辑整理
为了让大家更好的开发微信小程序,本文主要和大家分享微信小程序登录逻辑整理,希望能帮助到大家。注册/登录小程序端" style="margin: 0.8em 0px; padding: 0px; box-sizing: border-box; font-weight: 100; line-height: 1.3em; font-size: 2.13em;">小程序…
-
原生WebSokcet实现断线重连及数据拼接实现方法
WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。本文主要和大家分享微信小程序使用原生WebSokcet实现断线重连及数据拼接,希望能帮助到大家。一、说明1.小程序原生的WebSokcet没有断线重连机制,这个是他的不足之处。2.小程序新的版本库已经支持存在多个 WebSokcet 连接。官方说明:基础库 1.7.0 之前,…
-
微信小程序函数节流多次点击跳转如何防止
在学本文的时候我们要知道函数节流是什么,函数节流与防抖的含义,接下来本文就主要和大家分享微信小程序函数节流多次点击跳转如何防止,希望对大家有用。场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况。解决办法然后从 轻松理解JS函数节流和函数防抖 中找到了解决办法,就是函数节流(throttle):函数在一段时间内多次触…
-
一个会话备忘录小程序的实现方法
前面我们分享过很多微信小程序的文章,包括微信小程序仿知乎,今天我们继续和大家分享一个有取得小程序:一个会话备忘录的小程序的实现,希望大家喜欢。说明: 数据在本地缓存中操作,纯前端无后台,不用担心信息泄露问题。我们先看一下实现界面图:实现步骤(个人版):1、注册微信小程序,获取appid注册网址: https://mp.weixin.qq.com2、下载新版微信开发者工具,新建备忘录项目,填写app…