您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

小程序登录的最优流程

18年中旬做过一个小程序,当时是通过转跳到一个登录页,然后点击调用wx.getUserInfo,然后发现这个api被禁用了(虽然依然可以用),然后用 !-- 需要使用 button 来授权登录 --button wx:if={{ca...

阅读(218)

教程

微信小程序 动态加载swiper时不显示的问题(爬坑)

问题一 报错信息 TypeError: Cannot read property $$ of undefined at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools 解决方法:因为小程序会保留上一次滑动swiper时候的current,所以会出现上次滑...

阅读(119)

教程

京东购物小程序cookie方案实践

早期为了解决会话保持的需求,社区中出现了「cookie方案」并最终成为W3C标准:当某个网站登录成功后,客户端(浏览器)收到一个cookie标识(文本)并保存下来,在后续请求中会自动...

阅读(126)

教程

迷你PS小程序-集成的开放式画报、油墨电子签名、图片拖拽可单独食用 ...

个人制作,该文章主要讲解最近基于uni-app框架编写的集图文拖拽等多方位编辑、油墨电子签名、开放式海报于一体的小程序的制作思路和实现代码。 目录 1、完整源码链接 2、实现思路...

阅读(135)

教程

小程序、H5登录授权、分享、支付流程

前言 对于前端来说,微信的 支付 、 分享 、 登录 是一定要掌握的,今天这篇文章,主要对这三方面的流程进行详细的介绍。主要内容如下: 域名相关知识介绍 该网站不安全,请不要...

阅读(119)

教程

微信小程序加入购物车动画的实现(向上、向下)

场景描述:一般情况下,加入购物车的动画效果都会是上图的3的路线,在这篇文章里,我们来实现1和2路线的加入购物车的动效(3路线的动画效果网上有很多,具体可以参考这篇文章来...

阅读(102)

教程

我是怎么在 3 天内开发 AI 微信小程序的

基于对 AI 的爱好与兴趣,我走上了独自钻研机器学习的道路。和所有热爱 AI 的人们一样,在一段孤独的摸索旅程中,我勉强完成了几次深度学习模型的训练。 其中令我印象较深的成果...

阅读(196)

教程

微信小程序的自动化测试框架

发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS Android 模拟器,三端运行 提供丰富的页面跳转方式,看不到也能去得到 可以获取和设置小...

阅读(80)

教程

小程序如何写动态标签

web开发中,尤其使用react开发项目时,我们可以很方便的动态定义标签(jsx) const props = { id: , className: , data-a: }button {...props} /复制代码 动态配置标签的好处一是所有逻辑在JS端控制,二是...

阅读(122)

教程

微信小程序|实现界面滑动切换

问题描述 在许多用户体验效果较好的微信小程序中,用户通过左右滑动界面也能实现页面的切换,方便了用户使用,那它们是如何实现的呢? 解决方案 图1标签页切换 在图1中,顶部的...

阅读(100)

教程

小程序--滑动右侧字母索引

微信和通讯录经常看到这种,那么在小程序如何实现呢(等下我们需要用到小程序的一个官方组件),这个功能可以拆分两块,一个是滚动区域,一个是滑动定位区域。 实现 滚动区域...

阅读(156)

教程

微信小程序开发中 var that =this的用法

在微信小程序开发中,var that =this的声明很常见。举个例子,代码如下! 示例代码1 1 //index.js 2 Page({ 3 4 data: { 5 toastHidden: true, 6 }, 7 8 loadData: function () { 9 var that = this//这里声明了that;将...

阅读(159)

教程

小程序页面效果--如何实现滚动列表左右半透明

为了更好的体验左右滑动,而且更加美观,我们常常会做如下效果: 通过伪类+渐变实现左右半透明的滚动列表,微信小程序同样也适用,渐变的兼容性不太好,所以我们需要针对不同...

阅读(191)

教程

小程序canvas开发水果老虎机

在这个超长假期中,无聊。。。,所以动手做一个早就计划要做的小玩意,水果老虎机,嗯,这是一个小程序而不是小游戏... 使用结构还是canvas? 使用模板结构(view)生成水果盘的好处...

阅读(189)

教程

小程序后端 egg 框架开发记录

内置对象 Request Response 可以在 Context 的实例上获取到当前请求的 Request(ctx.request) 和 Response(ctx.response) 实例。 ctx.response.body=和ctx.body=是等价的。 [!] 需要注意的是,获取 POST 的 body 应该使...

阅读(76)

教程

小程序对文件及后缀名解析

小程序对文件及后缀名解析 引用微信开放平台文档 1、后缀: 1.1、WXSS: 样式文件(类似CSS) WXSS具有CSS大部分的特性,小程序在WXSS也做了一些扩充和修改。 新增了尺寸单位。在写CS...

阅读(131)

教程

开发小程序折叠面板

参考了一系列的小程序UI库。。。,最后参考了ant-design的折叠面板(collapse)组件设计,功能大致如下 支持默认展开 动态设置标签栏 动态设置内容 支持无效状态 支持切换响应方法 戳源码...

阅读(142)

教程

小白如何自己亲手制作一个防疫地图?

最近出了好几个小程序可以查看你周边地区当前疫情确诊人数的情况,就比如下面这种的: 这张图对于身为小白的我们可不可以自己做一个呢? 答案当然是肯定的,这里面涉及到的技...

阅读(79)

教程

小程序时代:如何跨多小程序开发协作?

导语 小程序端越来越多, 跨平台开发框架逐渐成为开发小程序的主流, 目前跨平台开发有较多的开源解决方案,本文介绍一种简单而有效的方法,解决复杂小程序的跨团队开发协作,...

阅读(83)

教程

小程序实现图片模糊预加载--超详情教程

导语 最近在做的小程序项目设计大量图片的展示,小程序已经提供了图片的懒加载功能,但是由于图片本身比较大加上要展示的图片比较多,如何以一个比较友好的方式展示未加载完成...

阅读(76)

教程

微信小程序简易SEO优化

半个月前给客户做了一个老小程序的 SEO 的初步优化计划,合计费时约 2 天左右,个中细节比较多, 这里举例两个比较重要,但是又不算难改的优化点。 前端优化:跳转的 URL 可以直接...

阅读(115)

教程

源码级别高度定制小程序vant弹窗组件

作为从事前端开发的你肯定见过不少的弹框组件,你可曾有想过要自己实现一个弹框组件库,又或者想完全定制化的使用各种标准UI框架中的弹框组件呢? 今天这篇文章将会带着你解析...

阅读(197)

教程

小程序-日历签到

看小效果哈 首先,我们要获取的无非就是每一个格子里面的数据。 先获取月,然后点击月切换到另一个月,到了边界线的时候到了上/下年即可。 那么,怎么获取月的数据呢,可以看到...

阅读(66)

教程

写了一个小程序——无聊也是一种生产力

无聊也是一种生产力,最近不止无聊,还心烦,这种情况我只会做三种事情会比较开心,和某人出去玩、打游戏或者是写代码,前两种由于现实情况没办法实现,我就只能采用第三种方...

阅读(95)

教程

玩转微信小程序的位置授权

背景 日渐增多的小程序需求,必然会存在形色各异的授权问题。今天就来跟大家一起学习一下如何玩转小程序的 位置授权 位置授权问题分类 并非必须允许授权:在第一次用户决策完成...

阅读(110)

教程

控制音频文件播放进度

问题描述 在微信小程序中经常会用到控制文件播放的滑块,通过滑块可控制音频播放进度,下面即用代码实现。 解决方案 首先用.wxml与.wmss代码实现进度条的效果,再通过.js文件控制进...

阅读(146)

教程

这次一定彻底弄懂DOM事件机制

前言 在网页端、移动端H5、小程序等各个终端环境的前端开发中随处可见事件的运用,可见事件机制的是前端这一块的重中之重。经过我研读了大量博客文章以及开源框架源码后,这次...

阅读(186)

教程

小程序订阅消息用户拒绝/关闭后,如何引导用户再开启?并获得用户的操作呢

前言 有些时间没折腾小程序了,话说年前小程序就发布了消息,于1月10日会下线模板消息下发功能,所有的订阅消息都要用户手动触发确认同意,这可就太难了,之前的wx.openSetting、...

阅读(141)

教程

全平台(Vue、React、微信小程序)任意角度旋转 图片裁剪组件 ...

SimpleCrop 目前是 全网唯一 支持裁剪图片任意角度旋转、交互体验 媲美原生客户端 的 全平台 图片裁剪组件。 项目地址: github.com/newbieYoung 。 特性及优势 和目前流行的图片裁剪组件相...

阅读(193)

教程

微信小程序上传图片至OSS的一些个人总结

这两天修改公司小程序的一些功能,发现上传图片至OSS失败,便一直寻找出现了什么问题,最后发现是policy过期,更改后发现相应的signature也要改,因为需要特定的处理才能生成signat...

阅读(179)

教程