-
uniapp 开发小程序压缩图片
2021/2/3 11:59:21
小程序压缩图片和普通 html 压缩图片思路一致。步骤为:获取图片信息获取canvas 节点创建图片对象压缩图片详细代码/** * 获取图片信息 * @param {string} imgObj 图片对象path * @param {function} fn 回调函数 * @returns {ojbect} cbParams * { * height: 722, * width: 1366, * type: 'png', * path: '', * orientation: 'up', * errMsg: '' ... -
微信小程序父子组件传递值和监听事件
2021/2/3 11:59:18
1.定义子组件Tabs {{item.name}} " style="margin: 0px; padding: 0px 10px; position: absolute; top: 1em; right: 2em; font-size: 12px; background: rgba(0, 0, 0, 0.4); border-radius: 0.5em; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 8px; color: rgb(255, 255, 255); cursor: pointer; display: block;... -
前端调用微信小程序的支付流程
2021/2/3 11:59:16
1,前言 分享一个完整的微信小程序支付流程中,前端要做的模块。2,流程 在调用wx.requestPayment之前,需要准备一些参数,流程如下1,调用 wx.login() 获取 临时登录凭证code ,并调用wx.request回传到服务端。2,服务端调用 auth.code2Session 接口,换取用户唯一标识 OpenID 和 会话密钥 session_key。3,前端拿到服务端返还... -
解锁「微信小程序」云开发环境变量设置的正确姿式
2021/2/3 11:59:14
微信小程序云开发可免费创建两套环境 test 用于测试prod 用于线上 如果想创建多套环境,需付费,每套环境完全隔离,拥有完全独立的云函数、数据、资源存储库,相应地对于资源使用的独立统计,比如 本日数据库读请求数、本月云函数资源使用量,每套环境都有独立名称及 ID。 打开小程序开发者工具菜单栏 点击 云开发 打开云开发控制面板 点击 设置 可查看 ... -
微信小程序的架构以及为什么要用到双线程
2021/2/3 11:59:12
一、微信小程序的架构1. 介绍微信小程序视图层是WebView,逻辑层是JS引擎。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的。 运行环境 Android IOS 小程序开发工具 逻辑层 V8 JavaScriptCore NWJS 渲染层 Chromium定制内核 WKWebview Chrome Webview 2. 设计原理及组成部分 1. 双线程模型 小程序的渲染层和逻辑层分别由2个线程管理:... -
uniapp实现小程序微信登录
2021/2/3 11:59:10
之前写过一篇介绍uniapp开发微信登录功能,那是个安卓app版本,今天介绍下在小程序上如何实现微信登录,那篇文章没有说到微信登录服务端接口这块,这篇文章里会提到具体的接口设计及表结构设计思路。相比app,在微信小程序上实现微信登录还是比较方便的,因为少了应用id的生成过程,不过前提也是要有一个微信开放平台,如果没有的话要到官网注册一个账号。 接下来就讲下步骤,... -
小程序 onPageScroll 不能触发
2021/2/3 11:59:07
前言 今天在小程序上用onPageScroll写的滚动监听,突然被反馈失效了,顿时感觉心头一紧,好好的功能怎么说不管用就不管用了呢?原因 <page> <view class="body"> <view class="view">{{desc}}</view> </view> </page> 复制代码 page元素和class为.body的view元素切记不可同时设置heigit: 100%;,否则,不论class为.view的... -
微信小程序发红包的两种方法
2021/2/3 11:59:05
本篇主要介绍微信小程序给用户发现金红包的两种方式,大家可根据自己的实际情况酌情使用。1,小程序开通了小程序红包的接口,但是目前该接口的的使用场景有限,仅限于场景值1011,1025,1047,1124时,基本为用户扫码打开小程序领取红包,这种方式的优势是有红包封面,有点击拆红包的按钮体验比较好,比较适合线下推广二维码时使用。开发时先后端调用发放红包接口,然后再传参给小... -
微信小程序实现上传多张图片、删除图片
2021/1/11 18:01:38
最近在做微信小程序,遇到上传多张图片到服务器,计算上传图片的张数,并且可以手动删除图片,下面是效果图效果图:本来用的是小程序提供的 mp-uploader 上传图片的组件,无奈次组件删除效果不是我想要的,只能用 wx.chooseImage进行上传图片,在使用uplaodFile将图片发送给后台服务器。下面直接展示代码:wxml:<view class="con_titles"> <view cla... -
微信小程序+Java后台开发(详细解释,附代码)
2021/1/11 18:01:36
微信小程序+Java后台开发 全部代码链接 链接:pan.baidu.com/s/1viujpT2E… 提取码:wcvd 通过这个博客,你可以快速的搭建一个微信小程序前端和后台相连的一个功能,在这里我会详细的解说每一个步骤,就是如何实现小程序的前后台相互关联;因为是实现简易的小程序的某个功能,主要是为了了解小程序前台如何和后台相连,所以在此博客中使用的是本地tomcat服务器。 使用... -
Kbone原理解析与小程序技术选型
2021/1/11 18:01:34
Kbone原理解析官方介绍“Kbone 是一个致力于微信小程序和 Web 端同构的解决方案。”Web端框架基本原理首先我们来看下普通Web端框架,以Vue框架为例,一份Vue模板对应一个组件,在代码构建阶段编译成调用Dom接口的JS函数,执行此JS函数就会创建出组件对应的Dom树,从而渲染到浏览器页面上。然而,小程序是双线程的,并没有Dom树的概念,逻辑层和视图层完全分离,逻辑层是一个纯... -
5行代码获取小程序用户的手机号
2021/1/11 18:01:30
最近有很多同学有获取小程序用户手机号的需求。其实云开发出现之前我们获取小程序用户的手机号特别繁琐。自从有了云开发,我们获取用户手机号变得非常简单。只需要5行代码即可。老规矩,我们先来看下效果图再来看下核心的代码,其实只有下面这一些。甚至可以说核心代码只有上图红色框里的两行。是的,你没听错,只靠这2行代码,就可以轻松的获取用户小程序绑定的手机号。 下面... -
小程序-云开发-如何切换开发(测试)坏境与生产坏境
2021/1/11 18:01:25
对于实现一个软件应用,这不区分应用是大还是小,都有着自己的生命周期,开发者往往会不断的去迭代软件应用在传统的软件开发应用过程中,会涉及到很多人的参与而开发一个小程序或其他软件应用,也是如此,而每个角色所承担的工作或者权限都不一样例如:产品经理(PD),设计(UI),开发(前后端同学),运维,测试等,借用官方的一个关系图,如下所示项目管理的各个成员都各自输出自己的工作成果,... -
微信小程序实战--创建friendList字段实现好友关系(添加好友功能) ...
2021/1/11 18:01:21
回顾:之前我们进行了删除的功能,以及对message消息的增删,下面实现添加好友的功能我们先在数据库中,在message这个字段的list里面,添加上测试号的id,就是模拟这个两个测试号要加我主号的效果“就可以达到这个效果了下面我们正式开始实现1、在removeList的wxml的昵称结构处添加一个点击事件handleAddFriend2、在removeList.js中来实现这个点击事件即可的,并且它也是要提示... -
微信小程序 暗黑模式
2021/1/11 18:01:17
来自 CSDN 作者 小书包大梦想 原文链接1、开启暗黑模式在 app.json 中配置 "darkmode": true// app.json{ ... "darkmode": true}2、配置主题文件在根目录新建主题配置文件 theme.json, 并在 app.json 中配置路径引入// app.json{ ... "themeLocation": "theme.json"}theme.json 配置文件一共分为两个属性,light 和 dark,分别正常模式和暗黑模式。theme.json 示例... -
图片加载(本地,网路)实例详解
2021/1/11 18:00:58
在微信小程序中,要显示一张图片,有两种图片加载方式:加载本地图片加载网络图片加载本地图片<image class="widget__arrow" src="http://www.wxapp-union.com/image/arrowright.png" mode="aspectFill"> </image> src="http://www.wxapp-union.com/image/arrowright.png" 这句就是加载本地图片资源的。想想iOS中的加载本地图片,imageName:,类似。加载网络图片微... -
微信小程序在ios中下拉出现“橡皮筋”效果
2021/1/11 18:00:55
今天和大家聊一聊微信小程序在ios中下拉出现“橡皮筋”效果问题现象话不多说,先看代码(使用taro编写)。代码很简单,一个flex的容器+一个允许进行下拉刷新的ScrollView,就组成了一个最简democonst TicketRecordsPage = () => { const revenueData = http://www.wxapp-union.com/new Array(10).fill(0).map((_, i) => i) return ( <View className={styl... -
网易云音乐开发踩坑之旅
2021/1/11 18:00:53
问题 最近跟着慕课网上的课程在做一个网易云音乐小程序,遇到了一个进度条回跳的 bug,这里记录一下踩坑和解决的过程。 具体情况见下图: 预期行为:在拖拽进度条之后,直接到达拖拽之后的位置 实际行为:在拖拽进度条之后,会首先回跳到拖拽之前的位置,然后再跳到拖拽之后的位置。 模拟调试的 bug 代码逻辑 无论如何,先来看一下代码的逻辑: 页面结构如下,左右两... -
小程序零开发埋点,就是这么简单!
2021/1/11 18:00:50
作者:腾讯有数 - TabPan Taro 引入了腾讯有数的微信小程序无痕埋点能力,为 Taro 的开发者提供真·零开发的 8 大无痕埋点能力以及自定义埋点能力,包含小程序启动、显示、隐藏、页面浏览、页面离开、分享、下拉刷新、上拉触底等八大自动化埋点能力以及搜索、商品归因等定制化埋点,以及经营分析、直播分析、导购分析等能力,让你的小程序可以基于微信生态,串联全场景多触点... -
微信小程序开发实战:组件复用利器-模板
2021/1/11 18:00:47
---------支持作者请转发本文-----------在讲解模板之前,我们先看一个例子。布局代码如下:<view style="display:flex;flex-direction:row"> <view class="bc_green" style="width:100px;height:100px" /> <view class="bc_red" style="width:100px;height:100px" /> <view class="bc_blue" style="width:100px;height:100px" /> <vie...
推荐文章
- 企业如何通过网站提升业务?2026年官网赋能增长的5大核心策略
- AI时代,网站重新变得重要:企业不可替代的数字核心资产
- 小程序上,如何实现播放课程不可以拖动,切到后台报警并停止播放?
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?

