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

小程序中设置缓存过期的实现方法

需求是两张图片在这个时间段内交替显示,当天只弹一次图片。 后端返回的数据格式: { "start": "2019/10/08 00:00:00", "end": "2019/10/30 23:59:59", "ads": [ { "imag...[2020/1/14]

在微信小程序中渲染HTML内容3种解决方案及分析与问题解决

大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题。但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢? 在微信小程序中渲染HTML内容的3种解决方案 wxParse 小程序刚上线那会儿,是无法直接渲染HTM...[2020/1/13]

微信小程序wxs实现吸顶效果

微信小程序wxs实现吸顶效果

在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行,导致了整个用户交互的动画过程会有延迟), 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持,低版本需做兼容处理。 ...[2020/1/9]

微信小程序实现页面浮动导航

一、前言 做复杂的小程序就与web页面的区别原来越小了,一些web页面的功能会被要求添加到微信小程序页面中。 二、功能 页面在滑动的时候顶部页面导航跟随滑动,当点击导航中的任意一项时返回页面顶部。 三、实现 wxml代码: <view cla =''conta...[2020/1/9]

1-1_微信小程序Buddy群记账背景

1-1_微信小程序需求背景及评审   背景:   我是一个做了2年的Java后台开发 ,最近换了份工作 改做全栈了,需要对各方面的知识都有一定程度的认识及掌握, 虽然现如今还未要求开发小程序,但是已经有趋势了,趁着Q4收关没啥事从零设计开发一款基于云开发的小程序好了。 ...[2020/1/3]

记录微信小程序 height: calc(xx - xx);无效问题

遇到一个小问题,记录一下 问题:在微信小程序中使用scroll-view标签时,用height:cale(xx - xx)设置高度无效,在page中设置高度为百分百依旧无效 解决办法:直接在最大的view标签中设置高度为百分百即可 <view style="height:...[2019/12/31]

微信小程序中网络请求缓存的解决方法

需求 提交小程序审核时,有一个体验测评,产品让我们根据小程序的体验测评报告去优化小程序。 其中有一项是网络请求的优化,给我们出了很大的难题。 文档中是这样解释的:3分钟以内同一个url请求不出现两次回包大于128KB且一模一样的内容 看到这个问题的时候,首先想到的是在响应头上加...[2019/12/30]

微信小程序跨页面数据传递事件响应实现过程解析

这篇文章主要介绍了微信小程序跨页面数据传递事件响应实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传到上一页面。接下来将我的方案分享给小伙伴。 本次示例采用 uni-...[2019/12/19]

小程序简单两栏瀑布流效果的实现

瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局,即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次放入到高度最低的那一栏。 先上代码:https: developers.weixin.qq.com F...[2019/12/18]

微信小程序修改数组长度的问题的解决

微信小程序内数组重新修改长度,使用setData竟然存在问题:会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后,再数据需要赋值的地方再用setData进行数据处理即可,能用但是不知道是否是最佳方案。参考示例 setarrayData(data){ let arr...[2019/12/18]

微信小程序缓存支持二次开发封装实现解析

这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 简介 微信小程序提供了缓存的api,包括同步和异步两种,具体api不多说明,可自行查看官方文档 现在微信小程序缓存api存在一个问...[2019/12/16]

在微信小程序中使用mqtt服务的方法

因为需求的关系,需要在小程序中使用mqtt来进行tcp的长连接,实时监听设备的返回状态。 js中连接mqtt服务器是通过websocket来实现的,我在网上找了2个库,一个是eclipse开发的paho-mqtt。 项目地址:https: github.com/eclipse/paho.m...[2019/12/13]

如何在微信小程序中存setStorage

这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在js中存入setStorage,key是你的键,data是你的值 wx.setStorage({ key: '...[2019/12/13]

微信小程序返回上一页传参并刷新过程解析

这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 问题 微信小程序onLoad(options)方法在整个生命周期中只加载一次,也就是你进入下个页面,再返回时,是不会再次触发的,所以你...[2019/12/13]

微信小程序 scroll-view 实现锚点跳转功能

在微信小程序中,使用 scroll-view 实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。   实现锚点跳转主要以下几点:   1、最外层容器使用 scroll-view   2、赋...[2019/12/12]

微信小程序request请求封装,验签代码实例

这篇文章主要介绍了微信小程序request请求封装,验签代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.公共文件util添加 request请求 简单封装请求 function request(params, ...[2019/12/5]

微信小程序日历插件代码实例

这篇文章主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.wxml代码 <view cla ="timePick"> <picker mode="date" field...[2019/12/5]

微信小程序登录时如何获取input框中的内容

这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助。下面是登录页,点击登录时获取input框中的值, ...[2019/12/5]

微信小程序wxml列表渲染原理解析

这篇文章主要介绍了微信小程序wxml列表渲染原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 列表渲染存在的意义 以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加。 <view>...[2019/11/27]

微信小程序商品详情页底部弹出框

电商项目中商品详情页,加入购物车或者下单时可以选择商品属性的弹出框,通过设置view的平移动画,达到从底部弹出的样式 1.js代码(一般情况下只调用显示对话框的函数,当点击对话框外部的时候,对话框可以消失) 显示对话框 showModal: function () { ...[2019/11/22]

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 组件的 JavaScript 、CSS模块进...[2019/11/6]

微信小程序工具函数封装

微信小程序工具函数封装

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

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

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

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

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

微信小程序中weui用法解析

微信小程序中weui用法解析

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

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

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

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

当微信小程序遇到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命令行工具: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框架入门

转载: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 实现微信小程序的用户登录 小程序可以通过官方提供的登录邓丽来获取用户身份的标示, 具体文档可以参考 官方文档, 通过流程时序可以看到, 对于需要和前端配合的服务端开发, 主要实现的就是通过小程序提供的 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对接微信小程序遇到的问题

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

455
2
记录数:243 页数:1/512345下一页尾页
加载更多