随着今年的双十一落下帷幕，京喜（原京东拼购）也迎来了首捷。双十一前夕微信购物一级入口切换为京喜小程序，项目顺利通过近亿级的流量考验，在此与大家分享一点自己参与的工作。 在接手项目前，京喜业务已在线上稳定运行较长时间。但经过一段时间迭代维护后，发现首页存在以下问题： H5、小程序…

因为当时刚好需要用户信息，然后这个api有一个encryptedData属性可以获取信息。 这样的流程本就可以了，但是意外出现了。 当第二次(2020年)需要开发一个新的小程序，于是也用了老代码，但是出现了个奇怪的问题。 有兴趣的可以看下面的[奇怪的问题] 因为微信限制无法转跳…

前文已经就获取用户头像和图片模板两个步骤进行了讲解，本文就来详细说说如何合成图片。 图片合成的过程中非常重要的一块功能对图片进行剪切。该功能点很固定，大都是对图片进行拖拽、缩放后，在一定区域内剪切出一个固定长宽的图片。这类功能在app端和H5中都有很多成熟的插件供使用，接下来就…

数据通信在开发中是必不可少的一个环节，也是我们必须掌握的知识。知道得越多的数据通信方式，实现业务会更加得心应手。 父组件向子组件通信，与 Vue 的 props 作用相同。 将数据挂载到 app.js，这种方式在开发中很常用。通过getApp()，我们能够在任何一个页面内访问到…

随着业务需求的不断累加、小程序追求快速产出。 在人手不足且开发周期较短的情况下，我们需要找到一个最大化开发效率的方法。 而高效率的开发离不开规范化、工程化、组件化。 为此整理写下总结，细数小程序中的坑与实践。 介绍我们对小程序高效率开发的思考与探索。 我们首先思考的是，在小程序…

将从代码层面和项目层面，聊一聊微信小程序的性能优化问题，希望有所帮助。也是自己最近的一个总结。(前置知识：微信小程序的视图层是WebView支持，逻辑层是JSCore支持，逻辑层通过setData与视图层发生交互。每一个页面都是一个WebView页面） 下面的内容不论是使用Ta…

将超出屏幕一定部分的列表内的组件进行不渲染的处理（也就是用wx:if卸载掉组件），当到达渲染临界点时再开始渲染；保证每次少量的数据展示。 经过一系列的实践，上面的方案有些问题，其中最麻烦的就是，需要对外传递一个当前index，然后控制前后数据展示；这里对于每个用到skeleto…

网上关于小程序的优化很多了，为什么要重复造轮子，写文章呢。这里面有一点就是，大部分人，要么写的是纯理论，要么是纯业务方面的实现，对于读者在其实现程度上大打折扣，而本文抛开业务谈基建，适用场景广泛。 首屏时间是指用户从打开小程序看到第一屏主要内容的时间，首屏时间太长会导致用户长时…

其实原理很简单，和普通H5以及市面上有的下拉刷新没有特别大的区别，都是基于touch手势检测事件来实现下拉刷新的。touchstart的时候记录当前触摸点，touchmove的时候开始计算移动方向和移动距离, touchend的时候计算是否要进行下拉刷新操作。如图所示： 调研了…