轮播，这个概念只要做过 UI 的都不会陌生，盲猜市场上 90% 的应用都有这个需求，在 iOS 和 Android 上都有很完善的控件，比如 Android 的 ViewPager 和 iOS 的 UIScrollview。 小程序这么牛逼，肯定也要有控件支持 ...

背景前端的发展太快了，前端框架和技术的发展也层出不穷，还包括不同智能设备的出现，对前端开发同学来说是个很大的跳转，简单列举下：前端框架：vue、react、angular小程序：微信小程序、支付宝小程序、字节跳动小 ...

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。引用官方介绍 , 为什么它可以做到这点 ?uniapp内置 ...

最近在帮朋友开发小程序时，朋友突然告诉我，不能绑定开发者了。但是就比较纳闷，问了下，才知道，一个微信号只能绑定为50个小程序的开发者。当时就比较懵了，之前我帮过好多人开发过小程序，这些小程序都绑定过我为 ...

前言在项目中遇到点击scroll-view中每一项使其居中，查看文档后发现有scroll-view有属性scroll-into-view可以根据id来定位每一项，但是无法居中，于是我想到了使用scroll-left来计算滚动距离是使一项居中.查看效果完 ...

1、前端调用 wx.login 返回了code，然后调用wx.getUserInfo获取到用户的昵称 头像 2、服务端根据code去微信获取openid， 接口地址：developers.weixin.qq.com/miniprogram…微信小程序后端接口开发controller层publi ...

原理：利用canvas来实现，将图片绘制到canvas上，然后canvas转图片时，微信提供的一个方法wx.canvasToTempFilePath(Object object, Object this)，此方式可以指定生成图片的质量，下图是从官方API截的图： ...

在做小程序的时候，要实现下面的搜索历史界面下面的搜索很明显的想到是用flex布局，然后把justify-content设置为justify-content: flex-start;代码如下：!--wxml--view class="flex"button class="item"1/buttonbutt ...

微信小程序实现A-Z导航的Slidebar效果代码slidebar.wxmlview id="s-bar" class="slidebar" bindtouchstart="_onTouchStart" bindtouchmove="_onTouchMove" bindtouchend="_onTouchEnd" view wx:for="{{data}}" class ...

一、前言在公司的项目中遇到了非居中对称的类banner滑动需求，如下图：每次滑动的距离并非一屏的宽度，而是要根据实际情况来控制。二、解决方案一开始看文档，由于swiper组件的配置项并不多，我估计能解决这个需求的 ...

先放效果图可以扫码或者微信搜索 “ 和水印说拜拜 ” 小程序体验一下。有效再继续往下看吧。实现原理抖音视频上传后，是有2个视频地址，（长视频还会多一个），一个是无水印的，一个是有水印的，万能的网友经过爬虫 ...

本文为uniapp中picker组件“确定”和“取消”文字的修改的教程，包括颜色和文字，需要清楚的是，颜色在H5和微信小程序下非常容易修改，但是“确定”和“取消”文字是无法修改的，因为在uniapp中这些都是写死在uniapp ...

最近很长一段时间都在和前端项目构建“纠缠”在一起，处理了web项目、app项目紧接着便是微信小程序，之所以把微信单独拎出来做一篇分享，主要是因为小程序的工程化在很多细节上是区别于传统意义上的web项目，请往下 ...

微信小程序使用echarts，实现左右双Y轴，动态获取数据，生成折线图本来使用的是wxcharts，但发现实现不了左右双y轴的效果，就换成echarts效果图展示要实现这样的效果，需要以下几步：（1）去github下载插件，放进自 ...

component { "component": true } 复制代码表明它是一个组件，我们称之为“子组件” 3. 注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。（只使用class）如何使用组件便于区分，引用子组件的页面我 ...