我们都知道，性能的好坏直接影响用户的体验。本文首先论述下如何评判一个小程序页面的性能情况，之后通过具体的案例重点讲解下几点实践技巧，最后再讲讲key值在渲染一个列表时发挥了一个怎么样的作用，以此来论述为啥key值对性能提升有帮助。 由于小程序开发环境的特殊性，我们不能像普通网页…

双线程下的界面渲染，小程序的逻辑层和渲染层是分开的两个线程。在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻辑层发生数据变更的时候，我们需要通过宿主环境提供的setData方法把数据从逻辑层传递到渲染层，再经过对比前后差异，把差异应用在原来的Dom树上，渲染出正确的UI…

 导语在前端领域，经常会遇到瀑布流布局的开发，最近整理了下相关的使用场景和解决方案，其中包含了简单算法DP，前端基础知识，业务场景的思考。什么是瀑布流布局瀑布流又称瀑布流式布局，是一种比较流行的页面布

正常的时候下拉刷新区域的高度为0。 然后我们通过scroll-view的scrollToUpeper事件来标记开始下滑。 通过touchstart来记录我们手指的初始位置。 通过监听列表区域的touchmove事件，来不断的计算手指移动距离。 touchend事件来触发更新事件…

想必使用Taro开发过偏大型小程序应用的同学经常会遇到这么个问题：小程序的主包体积超过了2M了，没办法预览、发布。 微信小程序官网给出的包限制： 为什么使用Taro开发那么容易主包

本文已参与「新人创作礼」活动，一起开启掘金创作之路 趟坑经历： 1、直接使用页面的onPullDownRefresh函数——但页面上有scroll-view组件时，事件冲突导致onPulldownRe

下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法 onPullDownRefresh 。而实现上拉加载相对来说就比较不方便了。 虽然微信的官方文档有很多坑，但下拉刷新介绍的还是很全面的。在这里稍稍带过。 首先在全局 config 中的 windo…

2020 年是社区团购风起云涌的一年，互联网大厂纷纷抓紧一分一秒跑步进场。“京喜拼拼”是京东旗下的社区团购平台，依托京东供应链体系，精选低价好货，为社区用户提供次日达等优质服务。 ​京喜拼拼团队技术选型使用 Taro 以便于实现多端需求，因此 Taro 团队有幸参与到 “京喜拼…

瀑布流 案例 下两张图分别是京东首页、淘宝首页 可以看到都使用了瀑布流式布局，图片等宽不等高 定义 特点 技术角度 多栏或者说多列（为了保持统一，下面都说栏） 图片等宽不等高，根据图片原比例