经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 微信小程序

微信小程序scroll-view实现上拉加载数据重复的解决方法

微信小程序的 scroll-view 上拉加载更多的BUG(数据会多加载,甚至有重复数据)。 问题描述:上拉一次,会多次触发触底函数 onReachBottom();换成自定义加载更多函数, 例如 loadMore(), 问题依旧存在。 生产环境:调试基础库 目前最新版本1.9.94 依旧...[2021/8/16]

微信小程序底部tabBar遮挡内容的简单处理方法

微信小程序配置tabBar之后会遮挡重要内容,而且不同机型如iPhoneX下面可能有一块空白如下图,比较坑的是页面最底部空白也会显示页面,因此需要获取被遮挡的高度 可以看出iPhoneX下面会多出一块空白也会增加tabBar的遮挡内容,可以通过wx.getSystemInfoSync()...[2021/8/5]

微信小程序自定义tabBar的步骤记录

目录1、前言 2、自定义tabBar样式 3、引入custom-tab-bar及相关配置4、完整Demo总结 1、前言 很多时候,小程序自带的tabBar不能够满足项目需求,这个时候就需要我们自定义tabBar了。但是在网上找了很久,基本都是存在切换时闪烁的问题。幸运的是从基础库2.5.0开...[2021/8/5]

微信小程序wxs日期时间处理的实现示例

目录1、时间戳转日期 2、UTC转北京时间 WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的。最近在做一个列表...[2021/7/21]

微信小程序页面返回传值的4种解决方案汇总

微信小程序页面返回传值的4种解决方案汇总

目录使用场景 解决方案 1、使用globalData实现2、使用本地缓存Storage实现3、使用小程序的Page页面栈实现4、使用wx.navigateTo API的events实现总结 使用场景 小程序从A页面跳转到B页面,在B页面选择一个值后返回到A页面,在A页面使用在B页面选中的值...[2021/7/21]

微信小程序实现计算器案例

本文实例为大家分享了微信小程序实现计算器的具体代码,供大家参考,具体内容如下 项目展示 页面设计 分为上面输入的显示部分和下面按键部分 <!--page index/index.wxml--> <view cla ="result"> &l...[2021/7/19]

微信小程序计算器实例详解

微信小程序计算器实例,供大家参考,具体内容如下 index.wxml <view cla ="content"> <view cla ="num">{{num}}</view> <view cla ="operot...[2021/7/19]

微信小程序实现计算器小功能

微信小程序现在越来越火爆了,我也看到很多在校大学生都在自学了,那些专门从事APP开发,网页开发的工作者更是看到了小程序的前景,在小程序领域也掺上一脚,本人也是自学小程序的,初期跟很多人一样,遇到一些不懂的想问问别人,到贴吧去,一大堆广告,根本没人帮忙解决问题。 今天教一些刚入门的同学做一款计算...[2021/7/19]

微信小程序实现简单计算器功能

微信小程序:简单计算器,供大家参考,具体内容如下 对于才接触小程序不久的人来说,想要直接上手一个实用性强的项目难度很大,想要快速熟悉小程序的使用,我们可以先尝试着做一个简单的计算器。 运行截图 计算器对于界面美观的要求并不高,只是一些view以及button控件的组合,所以并不需...[2021/7/19]

用微信小程序实现计算器功能

本文是用微信小程序写的一个简单的计算器,有兴趣的小伙伴可以了解一下。 页面部分 <view cla =''box''> <view cla =''txt''>{{screenNum}}</view> <view ca...[2021/7/19]

微信小程序webView嵌入H5的方法实例

微信小程序webView嵌入H5的方法实例

前言 微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个<web-view>组件来链接我们的HTML页面了。在这之前,我们在小程序中没有办法整合我们已有的HTML程序(比如HTML5文章系统,商城...[2021/7/12]

小程序实现文字循环滚动动画

本文通过实例为大家分享了小程序实现文字循环滚动的具体代码,供大家参考,具体内容如下 解决问题: 1、文字循环播放特效 2、小程序退出、隐藏后台动画停止(已解决) 效果: 代码: wxml <view animation="{{animation}}"...[2021/6/15]

微信小程序实现聊天室功能

本文通过实例为大家分享了微信小程序实现聊天室的具体代码,供大家参考,具体内容如下 1.实现效果展示 2.room.wxml <view cla ="container" style="{{containerStyle}}"> <chatroom ...[2021/6/15]

微信小程序实现录音Record功能

本文实例为大家分享了微信小程序实现录音Record功能的具体代码,供大家参考,具体内容如下 布局 <!--page record/record.wxml--> <view> <button cla ="tui-menu-list" ...[2021/5/10]

微信小程序实现拍照和相册选取图片

本文实例为大家分享了微信小程序实现拍照和相册选取图片的具体代码,供大家参考,具体内容如下 布局: <!--page camera/camera.wxml--> <view cla ="tui-menu-list" id="view1" style="...[2021/5/10]

小程序录音功能实现

前言 在开发小程序过程中,有一个实现录音功能并播放录音,将录音上传至服务器的需求。开发过程中使用了Taro框架,录音功能通过Taro.getRecorderManager()接口实现,上传录音至服务器通过Taro.uploadFile接口实现,播放录音使用Taro.createInnerAu...[2021/3/8]

H5跳转小程序

微信开放了从网页跳转到微信小程序的能力,官网文档 一 微信外面打开小程序 https: developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 但是 有几点说明 单个小程序每日...[2021/1/25]

微信小程序之高德地图多点路线规划过程示例详解

调用 如何调用高德api? 高德官方给出的https: lbs.amap.com/api/wx ummary/开放文档比较详细: 第一步,注册高德开发者 第二部,去控制台创建应用 即点击右上角的控制平台创建应用 创建应用绑定服务记得选择微信小程序;同时在https...[2021/1/18]

mpvue微信小程序的接口请求fly全局拦截代码实例

这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 业务要求:   需要进入页面时就要游客登陆拿到token;   之后的接口都是需要这个token;   其他操作...[2019/11/13]

微信小程序页面渲染实现方法

这篇文章主要介绍了微信小程序页面渲染实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 条件渲染:wx:if, wx:elif, wx:else <view wx:if="{{list.length > 5}}" ...[2019/11/6]

微信小程序页面间传递数组对象方法解析

这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 方法1:A页面跳转链接添加参数,B页面onLoad 接收 方法2:设置全局变量 globalData,用的少,一般适用于全局共享的一...[2019/11/6]

VUE 组件转换为微信小程序组件的方法

VUE 组件转换为微信小程序组件的方法

简介: 首先我们介绍一下本文的关键点:抽象语法树,它是以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。 通过操作这棵树,可以精确的定位到声明、赋值、运算语句,从而实现对代码的优化、变更等操作。 本文通过对 VUE 组件的 JavaScript 、CSS模块进...[2019/11/6]

微信小程序工具函数封装

本文实例为大家分享了微信小程序工具函数封装的具体代码,供大家参考,具体内容如下 const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 ...[2019/10/29]

小程序点击图片实现png转jpg

小程序点击图片实现png转jpg

这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 页面数据初始化添加参数:isSignCanva Show<br><br> 通过canvas将图片转为jpg,使图片生成白...[2019/10/22]

微信小程序转发事件实现解析

这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 和生命周期是同级,在.js文件里面设置 分享按钮 onShareAppMe age: function () { return ...[2019/10/22]

微信小程序中weui用法解析

前言 在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。 WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各...[2019/10/21]

微信小程序 textarea 层级过高问题简单解决方案

这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 建立一个新的textarea 组件代替原生textarea ,废话不多说,上代码 <template>...[2019/10/14]

当微信小程序遇到AR(一)

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动...... 通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习。 本课程需要一定的基础:微信开发者工具,JavaScript,Html,C 第一章:初遇 【背景 Backg...[2019/10/11]

微信小程序——wx.navigateTo点击后没反应

微信小程序——wx.navigateTo点击后没反应

首先,检查你跳转的目标路径是不是属于tabBar,若属于,且当前页面存在tabBar时,wx.navigateTo方法是失效的。 此时可用wx.switchTab方法,并记得在app.json中的"pages":[]注册你要跳转的目标路径。   bindtapExa...[2019/9/30]

微信小程序 wxParse插件显示视频问题

修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里 var node = { node: ''element'', tag: tag, }; 这里使用 node...[2019/9/27]

小程序开发技术总结(wepy)

小程序开发技术总结(wepy)

  创建wepy项目 全局安装或更新WePY命令行工具:npm install wepy-cli -g 在开发目录中生成Demo开发项目:wepy new myproject , 1.7.0之后的版本使用 wepy init standard myproject 初...[2019/9/26]

小程序组件化开发框架---wepy 项目创建

wepy是一个优秀的微信小程序组件化框架,突破了小程序的限制,支持了npm包加载以及组件化方案。这里就以我个人的经历讲下怎么创建wepy项目。 1.首先 在桌面(自己选定目录下)新建一个文件夹,注意需要使用英文名。  2.Cmd中  进入到该文件目录下&...[2019/9/25]

转载:wepy框架入门

转载:https: www.jianshu.com/p/93d5a4b99777   安装 wepy 命令行工具。 npm install wepy-cli -g 在开发目录生成开发DEMO。 wepy new myproject 开发实...[2019/9/25]

微信小程序开发环境安装以及相关设置配置

微信小程序开发环境安装以及相关设置配置

微信小程序开发环境安装以及相关设置配置 一.安装 软件名称:wechat_devtools_1.02.1907232_x64 软件安装地址:https: developers.weixin.qq.com/miniprogram/dev/devtool download.html 使用...[2019/9/24]

详解mpvue开发微信小程序基础知识

一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini...[2019/9/23]

微信小程序开发者工具构建npm提示没找到node_modules目录

    一、官网给的文档写的不够充分,需要你充分理解npm的使用方法,才能明白的; 二、第一步:先在你电脑上安装npm 参考下面文章 https: www.cnblogs.com/zmdComeOn/p/11543441.html 三、第二步...[2019/9/20]

6个最优秀的微信小程序UI组件库

开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦! WeUI WXSS WeUI WXSS是腾讯官方U...[2019/9/20]

微信小程序获取地理位置及经纬度授权代码实例

这篇文章主要介绍了微信小程序获取地理位置及经纬度授权代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 微信小程序获取地理位置授权,首先需要在app.json中添加配置: "permi ion": { "scope.us...[2019/9/19]

微信小程序错误this.setData报错及解决过程

先说原因: function声明的函数和箭头函数的作用域不同,这是一个不小心坑的地方。可参考箭头函数说明: https: developer.mozilla.org/en-US/doc Web/JavaScript/Reference/Function Arrow_functions ...[2019/9/19]

微信小程序开发实战-天气小程序

微信小程序开发实战-天气小程序

园龄6年8个月了,还一篇文章都没写过,惭愧! 最近周末做了个天气预报小程序,在这里整理一下开发过程和注意点,给对小程序开发感兴趣的伙伴们提供点参考。 废话不多说,先上图最终效果:   下面进入正文:   第一步  准备 0. ...[2019/9/16]

微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 wxml: <view bindtap="doubleTap" bindtouchstart="touc...[2019/9/12]

微信小程序获取用户信息及手机号(后端TP5.0)

本文实例为大家分享了微信小程序获取用户信息及手机号的具体代码,供大家参考,具体内容如下 wxml页面 <view wx:if="{{config.tip how1}}" cla =''dialog-container''> <view cla =''dialo...[2019/9/12]

微信小程序实现pdf、word等格式文件上传的方法

目前微信只支持从聊天记录里面获取文件 一.前言    目前微信提供了一个接口 wx.chooseMe ageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的path地址,文件名,文件的大小等.   获取这些信息再...[2019/9/10]

python实现微信小程序用户登录、模板推送

python实现微信小程序用户登录、模板推送

Python 实现微信小程序的用户登录 小程序可以通过官方提供的登录邓丽来获取用户身份的标示, 具体文档可以参考 官方文档, 通过流程时序可以看到, 对于需要和前端配合的服务端开发, 主要实现的就是通过小程序提供的 code 换取用户的 openid 和 se ion_key, 并用换取到的 ...[2019/8/29]

微信小程序 子级页面返回父级并把子级参数带回父级实现方法

说到页面之间的跳转,跳转中顺带些参数,在程序猿的生活中是很常用的,下面就让我们来看看吧! 这里有两种方法来解决: 方法一 就是我们常用的本地储存,在当前子级页面用( wx.setStorage || wx.setStorageSync )储存好,跳转到父级页面的时候取出,采用( w...[2019/8/23]

微信小程序仿今日头条导航栏滚动解析

项目需要,做一个和今日头条一样的导航栏,可以横行滚动,幸好再weui里面看到了类似的例子 地址:https: weui.shanliwawa.top/demo/js4.html,使用iscroll-lite.j实现,weui自己封装了一层,vue中实现代码: <div id=...[2019/8/21]

微信小程序webview与h5通过postMessage实现实时通讯的实现

在做 React Native 应用时,如果需要在 App 里面内嵌 H5 页面,那么 H5 与 App 之间可以通过 Webview 的 PostMe age 功能实现实时的通讯,但是在小程序里面,虽然也提供了一个 webview 组件,但是,在进行 postMe age 通讯时,官方文档里面给...[2019/8/20]

WordPress对接微信小程序遇到的问题

WordPress对接微信小程序遇到的问题

1.文章内容中的“<”和“>”字符显示问题 小程序是使用“wxPares工具来实现html转wxml的,如果你的文本包含了代码比如xml会携带<>符号,程序会将其转化,造成解析出现问题,导致文章出现问题...[2019/8/20]

微信小程序 如何保持登录状态

问题 由于wx.request()发起的每次请求对于服务器来说都是不同的会话(wx.request()请求是先经过微信服务器再到达我们的服务器),这样会导致后续请求都相当于未登录的状态。 解决方案 将登陆时后端返回的se ion保存在本地, 然后将se ion存放在...[2019/8/16]

微信小程序 调用远程接口 给全局数组赋值代码实例

关键是 let that = this 因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this 调用远程服务,序列化后,把obj赋值给bookList 最开始的报错代...[2019/8/14]

455
2
记录数:241 页数:1/512345下一页尾页
加载更多
 友情链接: NPS