-
极速入门微信小程序 之 生命周期篇(3-组件)
2021/2/20 9:56:04
组件生命周期 现时代的前端项目开发，都是基于组件化的，因此学好微信小程序-组件的生命周期会更加有利于我们开发高质量的项目代码。 搭建父子组件结构 新建组件 components\chitu\chitu 页面中引用 index.json { "usingComponents": { "chitu":"/components/chitu/chitu" } } 复制代码 index.wxml <chitu>chitu> 复制代码... -
微信小程序：实现简单的拼券功能（uniCloud）
2021/2/20 9:56:02
使用uniApp+uniCloud实现了一个简单的拼券功能，整个需求与京东的拼券和拼多多的砍一刀类似。 分享方： 分享优惠券信息，请好友帮忙助力（授权登录后可操作） 若邀请人数不足，则提示还差多少人 若邀请人数满足，则可使用该券 助力方： 点击好友发送的分享信息框进入小程序 点击助力按钮，即可帮好友助力（助力即授权登录） 若助力成功，则提示助力成功 若好友... -
微信小程序-bindtap等事件传参
2021/2/20 9:55:59
什么是事件事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。看图，因为需要传递的数据比较多，所以我们通过dataset携带参数信息。如果只有一个参数，可以通过id来传递。详解（以常见的tap点击事情为例）wxml<... -
微信小程序开发流程与核心概念
2021/2/20 9:55:54
一.小程序开发账号申请（AppID） 登陆微信公众平台 mp.weixin.qq.com 点击立即注册：填写账号信息->激活账号(邮箱激活)->信息登记(选择主体类型) 安装开发者工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 二.小程序开发起步: 阅读小程序开发指南: developers.weixin.qq.com/miniprogram… 小程序框架模版部署: ( mpVue框架文档：... -
小程序搜索功能：云开发搜索和小程序云开发模糊搜索，同时搜索多个字段 ...
2021/2/20 9:55:52
今天来给大家讲讲小程序的搜索功能。我这里后台数据库用的是小程序云开发的云数据库。所以我们搜索的时候就要借助云开发来实现。一，需求 比如我这里有如下的一些数据 我们想实现如下搜索需求 1，搜索标题(title)包含‘小石头’的数据 2，搜索标题(title)或者描述(desc)包含‘小石头’的数据 3，搜索标题(title)描述(desc)都包含‘小石头’的数据 我们知道数据... -
微信小程序生命周期和页面的生命周期
2021/2/20 9:55:50
1.小程序的生命周期——App.jsApp() 必须在 app.js 中注册，只能有一个。所以App（）方法在一个小程序中有且仅有一个对象。App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。通过表格的形式看App()中的object参数说明： 属性类型描述触发时机onLaunchFunction生命周期函数–监听小程序初始化当小程序初始化完成时，会触发 onLaunch（... -
微信小程序从登录到首页流程梳理
2021/2/20 9:55:48
微信小程序用来展示一些用户数据，和少量的交互与通信非常合适。通常，我们需要一个后台管理系统来管理用户数据，在使用小程序的时候需要登录获取用户信息之后才能查看个人业务。小程序登录一般不止一种，常见的有：微信登录；手机号密码登录，同后台管理平台一套账号手机号验证码登录。2 和 3 比较类似，这里通过 1 和 2 展开讨论。微信登录后，我们可以获取微信登录用户的昵... -
我用两周开发了一个图片类应用微信小程序(一)
2021/2/20 9:55:45
一个月前，我的朋友找到我说他想做一个流量类的应用微信小程序。于是它就给我推荐了几款当前流量比较可观的小程序。经过漫长的沟通下来。我终于搞明白这兄弟的意图：想通过朋友圈吸引用户进入小程序，小程序植入微信小程序官方提供的广告来实现流量变现。 我觉得这想法不错。技术难度不大。经过整理，我们确定了这款流量应用小程序的功能如下： 图片合成器：这是每年节假日... -
微信小程序之使用函数防抖与函数节流
2021/2/3 11:59:35
函数防抖和函数节流都是老生常谈的问题了。这两种方式都能优化 js 的性能。有些人可能会搞混两个的概念。所以，我以自己的理解，来解释这两个概念的含义。并且列举在小程序中这两个方法的使用。函数防抖： 英文 debounce 有防反跳的意思，大致就是指防止重复触发。那么，函数防抖，真正的含义是：延迟函数执行。即不管debounce函数触发了多久，只在最后一次触发debou... -
特约商户号中绑定小程序Appid，完成支付步骤操作
2021/2/3 11:59:33
1、申请注册商务号，需要的证件弄齐就可以了这里步骤比较简单，注册的时候注意超级管理员的信息用的是哪个手机号绑定的微信。后面用来登录操作的，我就跳过这一步。2、在商务平台“https://pay.weixin.qq.com/index.php/core/home/login”使用微信扫描二维码登录。这个微信必须是超级管理员才可以登录。3、标题点击提交后等待小程序后台确认授权小程序后台确定关联完成状态4、... -
【实战】在微信小程序中获取用户所在城市信息
2021/2/3 11:59:30
背景在《看啥好呢》中有个本地好看 Tab，进去后会获取用户当前所在城市，然后显示该城市的数据，并且显示在导航栏和 Tab 上。微信小程序中，我们可以通过调用 wx.getLocation() 获取到设备当前的地理位置信息，这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家，哪个城市等信息，该如何实现呢？微信小程序中并没有提供这样的 API，但是没关系，有&... -
编程日历小程序，对小程序云开发和生成分享海报的实践
2021/2/3 11:59:26
1、起源 朋友圈晒的很多的一本日历书《了不起的程序员 2021》，我也买了，很厚，纸质书嘛，现在已经很少看了，加上这是一本日历书，希望是每天都打开看。可实际上的情况是，要么忘记看今天的内容，要么一口气看了好几天的内容，然后剩下几天又不看了。 后来《了不起的程序员 2021》在 Github 开源了。 于是乎！我就想做一个小程序，因为手机每天打开的频率太高了，碎片时... -
总结：小程序CANVAS遇到的坑
2021/2/3 11:59:23
项目需要从后台返回的二维码和背景图片返回到前端，前端把各个字段值画在canvas上生成海报，要在画布上添加二维码，可保存在本地。 第一个坑 这里从后台传过来的图片为网络图片需要先转化为本地的，看开发者工具文档用wx.getImageInfo 的方法可以转换，canvas 的draw方法默认为 false 也就是不保存之前所画的内容，因为我的文字和二维码都需要写在背... -
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时，基本为用户扫码打开小程序领取红包，这种方式的优势是有红包封面，有点击拆红包的按钮体验比较好，比较适合线下推广二维码时使用。开发时先后端调用发放红包接口，然后再传参给小...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
