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

功能完善的小程序日历组件的实现

小程序日历组件 日历组件,表单组件绝逼是前端开发的一个噩梦,尤其要做好一个旅游项目的日历,变态需求特别多,要在小程序中实现携程app的日历,还要兼顾性能问题。 自定义横向/纵向日历 自定义区间大小 自定义日期内容 指定节假日 支持跨月显示 难点 ...[2020/3/31]

开发Node CLI构建微信小程序脚手架的示例

本文介绍了 Node CLI 构建微信小程序脚手架的示例,分享给大家,具体如下:     目的 由于目前公司的 TOC 产品只要是微信小程序,而且随着业务的扩展, 会有更多的需求,创建更多的小程序,为了让团队避免每次开发前花费大量时间做比如工程化的一些...[2020/3/27]

微信小程序分享小程序码的生成(带参数)以及参数的获取

1.小程序码介绍 从微信小程序开发文档上我们可以了解到,目前微信支持两种二维码(左),小程序码和小程序二维码(右)。官方推荐使用小程序码,因为小程序码具有更好的辨识度。   官方提供生成小程序码的两种方式 一种适用于需要的码的数量相对较少的业务场景:接口地址 htt...[2020/3/25]

微信小程序scroll-view点击项自动居中效果的实现

scroll-view | 微信开放文档 效果 代码 布局样式代码省略,以下只展示逻辑代码 <scroll-view scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation cla ="scroll...[2020/3/25]

微信小程序点击item使之滚动到屏幕中间位置

1.需求 想做类似猫眼电影选场次会自动滚动到屏幕中间的效果 如图是最终效果  2.分析 实现这种效果的方法有三种: 1.直接使用原生CSS+js; 2.使用swiper,一屏显示多个item,点击item会自动滚动到中间 3.使用微信的scroll-vi...[2020/3/25]

微信小程序后端无法保持session的原因及解决办法问题

之前未接触过微信小程序项目,在使用jQuery库的ajax中很正常,服务器也能保持会话状态。在使用wx.request中发现会话一直不能保持,一开始以为是服务器php.ini配置错误, 在代码中加入se ion_start()或者开启se ion.auto_start() 确认...[2020/3/20]

微信小程序保持session会话的方法

        一般我们web网站都会有cookie来保存se ion ID,将用户和服务器保持在一次会话中,但是很遗憾,微信小程序不支持cookie,他的每一次请求就是一次会话,这样就会产生一个问题,每次请求都需要确...[2020/3/20]

微信小程序利用button控制条件标签的变量问题

问题描述 在小程序中如何利用button按钮来实现控制条件标签的变量呢?这也许是许多小伙伴们的问题,今天就来简单的给大家演示一遍。 解决方案 第一步: 首先打开微信公众平台,将一个 primary 的 button 按钮代码复制到开发平台上,再为其绑定一个名为 ” bindfirs...[2020/3/16]

微信小程序实现搜索功能

微信小程序实现搜索功能

在页面search.wxml中,定义一个input输入框以及搜索的点击按钮,分别为它们绑定点击事件handleInputChange()和handleSearch()的事件,同时在它们的下面定义搜索的列表,代码如下所示: <view cla ="search-header">...[2020/3/11]

微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)

上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view cla =''page_row'' bindtap="suo"> <view cla ="search"> <view cla ="d...[2020/3/11]

微信小程序获取公众号文章列表及显示文章的示例代码

微信小程序中如何打开公众号中的文章,步骤相对来说不麻烦。 1、公众号设置 小程序若要获取公众号的素材,公众号需要做一些设置。 1.1 绑定小程序 公众号需要绑定目标小程序,否则无法打开公众号的文章。 在公众号管理界面,点击小程序管理 --> 关联小程序 输...[2020/3/11]

微信小程序用canvas画图并分享

最近开始做微信小程序,有这样一个需求: 从列表页进入详情,在每一个详情页面去分享,分享出来的图片是带有当前详情数据的图片 如下图的列表: 分享出来的样子: 解决方案和思路:canvas画图生成图片 上代码: 【html部分】 <canvas s...[2020/3/10]

微信小程序云函数添加数据到数据库的方法

1.新建小程序,建立云开发快速启动模板 这里和普通小程序的区别有三点 一是 project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunction ", 二是app.json写上“cloud”:true 三是 app.j...[2020/3/5]

微信小程序开发搜索功能实现(前端+后端+数据库)

2019年5月7日更新这是写的最新的一篇文章大家看这篇:https: www.jb51.net/article/157081.htm  界面比较丑,主要实现逻辑...  超级简单的界面,表单,提交按钮,搜索结果展示区域... 下面是index.wxml ...[2020/3/5]

微信小程序如何加载数据库真实数据的实现

微信小程序如何加载数据库真实数据的实现

微信小程序要加载网站数据库里面的真实数据,有一个硬性的要求,就是你的网站域名必须是https协议才行,要不然你第一步服务器域名配置你都通过不了,小编我也是前不久申请的https: www.100txy.com,具体申请步骤大家自行去申请吧,这里我就不做过多的介绍。下面我就以加载我博客素材最新的6条...[2020/3/5]

小程序接入腾讯位置服务的详细流程

最近在写微信小程序,遇到了一些坑,在网上也查了好多,感觉都没有我想要的答案,在这里总结下,希望可以帮助大家 第一步:进入腾讯位置服务 第二步:点击接入指引 根据上图进行登录,然后验证手机和邮箱,再前往申请秘钥(key) 以上步骤完成后: 进入key的申...[2020/3/3]

微信小程序scroll-view的滚动条设置实现

小程序的scroll-view用的比较多了,列表页一般也没管它的滚动条,最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢,ios上直接就不显示啊,也是没谁了。深入想了一下,这滚动条能不能换一颜色或者换个样式。有这冲动就立马着手改。 1。直接打开官方demo,仔细看了...[2020/3/3]

微信小程序实现录制、试听、上传音频功能(带波形图)

最近接到这样一个需求,要求实现录制、试听、上传音频功能,选择的是getBackgroundAudioManager,声音录制和播放波形图是用c 实现的,效果图及详细设计代码如下: xml文件 <view cla ="servicePage"> <...[2020/2/28]

小程序按钮设置样式

      原文链接:http: www.cnblogs.com hare-record/p/12233036.html[2020/2/12]

小程序轮播图总结

wxml内容: <view cla ="container"> <navigator cla ="search"> <icon type="search" size="13"></icon>搜索 </navigat...[2020/2/12]

微信小程序如何实现radio单选框单击打勾和取消

微信小程序如何实现radio单选框单击打勾和取消

前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签 1.自定义radio样式、 wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width:...[2020/1/21]

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

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

需求是两张图片在这个时间段内交替显示,当天只弹一次图片。 后端返回的数据格式: { "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实现吸顶效果

在.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);无效问题

记录微信小程序 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-view> 的 scroll-into-view 属性。   实现锚点跳转主要以下几点:   1、最外层容器使用 scroll-view   2、赋...[2019/12/12]

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

微信小程序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 组件转换为微信小程序组件的方法

简介: 首先我们介绍一下本文的关键点:抽象语法树,它是以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。 通过操作这棵树,可以精确的定位到声明、赋值、运算语句,从而实现对代码的优化、变更等操作。 本文通过对 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用法解析

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

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

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

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