-
在taro中使用useContext实现全局数据注入
2021/1/11 18:00:44
相信全局数据同步是每个前端开发都会遇到的问题，在实际开发过程中，比较常见的方式有redux, mobx, vuex等然而，在使用了react hooks后，有一种更加简便优雅的方式，那就是使用useContext这个钩子在普通的react项目中，我们可以很自然地使用useContext，但是，最近我们项目组打算使用taro重构项目，于是花了点功夫进行技术调研，踩了一些坑，所以还是写点总结，希望能给小伙伴... -
添加到我的小程序提示组件
2021/1/11 18:00:38
Mini-add-tips用于提示用户首次进入小程序时，点击右上角菜单进行【添加到我的小程序】操作特性与支付宝原收藏组件(添加到首页)保持样式一致,支持在自定义导航栏场景下保持一致效果。预览截图样例在 开发者工具预览安装使用1. 获取组件下载release(稳定)latest releasemaster(最新)git clone https://github.com/MakerGYT/mini-add-tips.git将项目中components/add-tips文... -
拓荒“中心化+去中心化”处女地 支付宝挺进小程序服务搜索“无人区” ...
2021/1/11 18:00:36
文 | 陈小江来源 | 螳螂财经小程序又起风了。近日，微信宣布“搜一搜”正式开放服务搜索接入。凡满足条件的商家在公众号后台配置“服务搜索”后，相关小程序服务就有机会在搜索中展示。从网上流传出的微信产品内测图来看，微信搜一搜结果页与支付宝颇为相似，都是将小程序服务置顶、细分服务直接露出。这是个信号——两大平台都开始发力搜索路径。风起后，云涌。据新浪科技报道... -
微信小程序发布新版本后，用户多久能看到？
2021/1/11 18:00:33
编辑导读：微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序会根据用户的反馈不断更新版本，那么发布了新版本之后多久才能被用户所看到呢？本文作者来详细的为您聊一聊这个问题。微信小程序的更新机制长久以来都是迷一样的存在，当你发布一个新版本的时候，不知道何时用户才能... -
小程序监听滚动时，更优雅的修改页面样式
2021/1/11 18:00:30
场景 在项目中有一个需求，监听页面滚动，动态修改组件的背景色，之前是在监听以后，计算颜色，通过 this.setData({ bgColor: newBgColor }) 复制代码方式修改背景色，但是在快速滚动情况下，会疯狂修改，一直调用setData()方法，性能很糟糕，会出现卡顿情况 核心就是减少setData()方法调用 解决思路 方案1 可以使用函数节流，防止调用太多，减少调用频率 方案2 ... -
微信小程序 点击控件后选中其它反选实例详解
2021/1/11 18:00:28
前言：如果需要实现进来进行给按钮加上买一送一的样式，或者单击就选中单个按钮，只能靠css结合js进行控制了，小程序暂时没有这样的控件。实现效果图：微信小程序进来的时候自动进行按钮样式的初始化，这个需要一个字段做判断，加上正则表达式wxml文件： <block wx:for="{{liuliangItems}}"> <block wx:if="{{item.one2one == 1}}"> <button c... -
微信小程序如何修改本地缓存key中单个数据的详解
2021/1/11 18:00:26
最近在做教师评教系统，有一个‘个人信息'页面中有个编辑修改邮箱的功能，本来想得很简单，结果进坑了，搞了好久才出来。我想实现的效果是点击下图左侧邮箱，然后进入右侧页面，进行邮箱的修改，点击提交后跳转到左侧页面，同时邮箱也发生改变。点击‘我的'时，我让它从控制台打印出student缓存中传过来的数据，如下：{no: "1635050601", name: "张三", sex: "", email: "123@q... -
用vue开发一个时间范围选择组件
2021/1/11 18:00:24
最近公司内部需要做个会议室预定的小程序，了解大概的需求之后，就开始上手开发小程序直接用 uni-app 开发，简单暴力，会vue的直接能上手撸了开发完以后，觉得选择时间组件还不错，就考虑开源了，有需求的就可以帮忙省点时间，早点下班回家先看一下组件, 在线预览 戳我有什么功能可以选择日期范围，例如： [今天开始 - 7天之后]可以设置开始时间和结束时间 例如：[8:00 - ... -
微信小程序使用Flex容器
2021/1/11 18:00:21
Flex 是 W3C 提出的一种新的布局方案，可以非常方便的完成响应式页面布局，到目前为止几乎所有浏览器都支持，Flex 是 Flexible Box 的缩写，翻译过来是”弹性布局”的意思，下面一起来学习 Flex 布局的使用。基础概念flex容器属性flex项目属性总结基础概念采用 Flex 布局的元素称为 Flex 容器，所有子元素将自动成为容器成员，也可以称之为 Flex 项目，也就是该 Flex 布局的子 ... -
原生小程序架构及同构方案
2021/1/11 18:00:02
前言最近实习中参与了H5项目向小程序迁移的工作，在微信官方文档和一些帖子上学习了小程序运行机制和底层原理，以及与Web页面的区别，在此基础上又看了一些关于小程序同构方案的内容。以下是我个人的一些学习总结。本文内容参考微信开放文档如何理解小程序的运行机制小程序多平台同构方案小程序是什么？在小程序诞生前，微信团队开发的JS-SDK使web开发者可以通过暴露的API使用... -
小程序子组件修改properties问题
2021/1/11 18:00:00
如何修改,子组件中来自父页面,传递进来properties数据问题? 在日常开发中,相信经常会有很多人遇到要自己手动封装一个弹窗的时候,这个弹窗需要由父组件来控制显示,也就是从父组件传递一个变量 isHidden 进子组件,子组件在 properties 中接受, 注意: 子组件的properties 一般都是单项数据流,子组件不能,修改来来自父组件的数据, 这样就有个问题了,有时候,当你想在子组件中 ... -
微信小程序限定位置范围
2021/1/11 17:59:52
1、获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', success: function (res) { console.log(res) lat1 = res.latitude, lng1 = res.longitude } }) } 2、通过点击事件打开地图选择位置site: function () { ... -
微信小程序订阅消息推送
2021/1/11 17:59:50
这几天在使用小程序的模板消息推送接口的时候，出现了个报错信息 “the formId is no longer available in develop or trial version”，去文档查看了一下才发现，模板消息功能在今年1月份已经下架了，现在统一都是使用订阅消息：那么这两个功能有什么区别呢？模板消息推送简单地说，用户每进行一次提交表单或是支付行为，都会产生一个 formId，开发者可以通过这个 formId 向用... -
微信小程序-点击复制功能
2021/1/11 17:59:46
wxml:<view class="page"> <view class="template flex-col" wx:for="{{templateList}}" wx:key="{{templateList}}" wx:for-index='idx'> <view class="title">{{item.Title}}</view> <view class="content">{{item.TemplateText}}</view> <view class="copy flex-center" bindtap='copyBtn' data-idx='{{idx}}'>... -
实现一个微信小程序背景音频播放的功能 (BackgroundAudioManager)
2021/1/11 17:59:44
? 实现一个微信小程序背景音频播放的功能 (BackgroundAudioManager) ? 效果图 -
在小程序中实现 watch
2021/1/11 17:59:41
微信小程序官方没有提供 watch，用来监听 data 中的属性的变化日常开发中如果少了 watch，会显得束手束脚ES5 提供了 Object.defineProperty() 的方法，通过 getter/setter 劫持对象，实现在赋值时调用 setter 方法，执行 watch 中对应的方法，从而实现监听。设置监听者setWatcher 函数遍历会遍历 data 中的所有属性，给没有一个属性添加一个监听器 observeconst setWatcher = (... -
微信H5网页跳转小程序，这一篇就够了！
2021/1/11 17:59:39
鉴于微信 开放标签说明文档 写的不是很清楚，大多数开发者看了以后表示：我从哪里来？要到哪里去？ 所以鄙人记录下这篇文章，以便帮助到一些人。 废话不多说，上才艺！ <html> <head> <meta charset="utf-8"> <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" /&g... -
让小程序在自有App中启动的技术来了：mPaaS 小程序架构深度解析 ...
2021/1/11 17:59:36
? 复制链接观看《mPaaS 小程序新品发布会》全程回放https://yqh.aliyun.com/live/detail/15372随着小程序技术的愈发成熟，不同平台的优势和典型使用场景各有侧重，同时越来越多的开发者可以结合自身的业务特色，通过小程序作为业务载体，形成单一平台或多平台的协同关系。而今天，小程序技术的开放，mPaaS 小程序框架作为一款 App 通用框架，帮助开发者面向自身的 App 实现小程... -
在 2020 年，谈小程序框架该如何选择
2021/1/11 17:59:33
微信并不是第一个做小程序的 App，而是做小程序最有优势的 App，比如高流量、用户较长的停留时间等等。站在微信的视角，小程序从业务形式上更像是公众号开发的演变产物。在更早的时候，微信通过 sdk 的形式，增强了开发者开发公众号网页的能力。小程序的诞生是微信本身迈向平台化超级 App 的 业务 行为，并且帮助用户更好的实现了「轻量级 Web App」。微信小程序诞生... -
58安居客小程序平台化与多小程序开发探索与实践
2021/1/11 17:59:30
导语本文分享58安居客小程序团队在小程序向平台化转型、多小程序同步开发过程中遇到的问题、解决方案与实践。背景在提效、服务进阶的大背景下，为了让同一支团队，把一个业务做精做深，提高研发效率，HBG的产研团队，进行了新的划分：分线开发。分线开发以后，安居客二手房前端团队要维护小程序从 1 变成 4 个。小程序技术栈安居客微信小程序微信原生开发安居客百度小程序百度... -
京喜前端自动化测试之路(小程序篇)
2021/1/11 17:59:26
如果你已经阅读过 《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。 前言 京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。 容灾演习是一项长期持...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
