-
从微信小程序到鸿蒙js开发【08】——表单组件&注册登录模块 ...
2021/2/22 10:29:47
在微信小程序中，提供了form组件，可以将input、picker、slider、button等全部放在form中，并设置name属性实现类似html的表单提交功能。鸿蒙js目前是没有form组件的，因此我们需要在提交时手动获取输入框、选择框等的值，自行构建数据对象。1、登录模块这里接着上一篇，通过dialog组件实现了模态登录和注册的窗口。登录窗口的效果如下：每一行中，放置图标和input输入框。input... -
简单实现个小程序计算属性
2021/2/22 10:29:35
本来之前技术栈一直是Vue，后来做小程序了，各种不习惯，尤其是少了计算属性和监听器，wxml里面又不能直接放函数，又没有Vue那种过滤器的写法。也许有人说直接uni-app就好了，但是平时做跨端的很少，所以我偏不用uni-app，我就要自己写一个。以下内容纯靠个人臆想，搞出来的computed属性虽然能用，但仅供参考。思路 出于偶然发现了小程序能够自己重写生命周期钩子，听说很多的... -
微信小程序中使用Echarts和分包
2021/2/22 10:29:30
假期虽然结束了，但是它以另外一种形式展示我们身上（摸摸自己的小肚子）。在小程序上以图形化显示数据就是分给我的假期预研任务，查了一下网上大佬们的文章了解到了Ucharts，F2，Wx-charts和Echarts，只尝试了F2和Echarts，由于Echarts的最近更新最近和我对Echarts更为熟悉，所以我选择了Echarts，F2也试了下，虽然弄出来了，但是我不是太熟悉所以就放弃了。进入正题 首先我... -
开工啦-耗时4天写了一个小程序
2021/2/20 9:56:17
开工啦！新的一年新的气象;首先祝愿大家在新的一年财运滚滚。在过春节的这几天笔者花了大约 4 天 时间做了一个简易版本的【日程安排吧】微信小程序。做此程序的主要目的有两个：给女朋友情人节一个礼物;想记录一下自己每次出游的日程安排以及照片假如女朋友让你安排一下周末出去玩儿的攻略，我们可能会搜索一堆资料，然后大致的在微信里面回复她说，什么什么时间做什... -
微信小程序web-view内嵌H5使用PHP完成支付功能
2021/2/20 9:56:14
在开发过程中，遇到使用微信小程序web-view内嵌H5完成支付的业务，我们该怎么去实现？一、设计思路1、使用PHP请求接口获取wx_data_package支付包数据2、使用jweixin.js把wx_data_package数据传到小程序3、小程序获取数据，调起支付界面完成支付，并返回支付是否成功4、后台根据返回的数据判断支付是否成功，然后进行相关业务处理二、前期准备1、创建PHP文件，index.php主界面，... -
「建议收藏」小程序canvas绘制海报全流程
2021/2/20 9:56:12
接下来，我会把纯前端实现生成海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看)一 写在前面 1 canvas绘制带二维码的海报，这些坑总有一个你可能会踩到，我会带你一步步解决这些坑 ... -
小程序自定义下拉刷新组件（为应对头部有非滚动区的情况） ...
2021/2/20 9:56:08
效果动图：小程序是有其下拉刷新api的，然而头部或者尾部有非滚动区域的情况下，是应对不了的，相关问题在微信开放社区已经是老生常谈了，比如：onPullDownRefresh 下拉刷新在安卓手机上会带动头部fixed元素一起下拉的问题又比如：小程序下拉刷新onPullDownRefresh 问题，fixed定位下移！像这种问题有很多，不一一列举了。这个问题从2018年开始就不断有开发者向微信开放社区反... -
原生微信小程序开发中 redux 的使用
2021/2/20 9:56:06
前提 复杂场景中有不少数据需要在多个不同页面间来回使用和修改。但是小程序页面直接的数据通信方式十分的简单。通常情况需要自己维护一个全局的对象来存放共有数据。但是，简单的维护一个共有数据实体，会随着业务逻辑的不断复杂化而变的过分庞大，并且数据的修改往往无法很好的溯源。加之公共数据实体中数据的修改和页面的UI之间没有太好的同步手段，往往需要在页面和对应的... -
极速入门微信小程序 之 生命周期篇(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 也就是不保存之前所画的内容，因为我的文字和二维码都需要写在背...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
