在开发微信小程序的过程中，随着业务逻辑日渐庞大之后，突显了一些问题。 首先我们发现在 dev mode 时，本地包大小已经达到了 4m+，这种情况下，已经无法在 dev mode 使用真机调试了。 其次此时，小程序 build 后也有 1.8M 左右。而且后续还有相当多的业务需…

定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。 注意：这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。 在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 base.js 用于定义…

事情是这样，最近工作一直都在进行微信小程序的开发，在开发的过程中遇到一个需求，需要生成一张海报，让别的用户可以通过海报进入小程序。OK，网上查阅一下资料很快便解决了问题。 接着事情来了，需求变了，这个小程序不只一个海报，海报不是静态的内容，每一个海报需要根据页面的内容动态展示，…

在前端开发中，经常接触到的线性结构有数组、字符串，还有 ES6 中的Set和Map。这其中最常用的，应该就数数组了。我们今天要说到的链表也是数据元素的线性集合，跟数组和字符串不同的是，链表元素的线性顺序不是由他们在内存中的物理位置给出的，而是由他一个又一个的节点的指向串起来的序…

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

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

关于前端部署，相信不同的公司都有不同的方案。我先说说我所知道的几种（都是基于SPA应用的），最后聊一聊关于gitlab-ci来发布前端应用。 前端应用的部署可以简单的分为两个方面，一是静态资源文件的部署，二是html页面托管。 把打包好的文件（静态文件和html页面）全部丢给后…

同个项目多人开发，频繁上传代码，来回切换不同人的版本，效率低下。 上传的小程序代码和代码仓库的代码无法保持一致。 版本控制问题无法很好解决。 本地提交的代码，发正式版提交审核后，需要重新打包发布，切回体验版。 gitlab ci发布，确保提交版本的代码已经提交到仓库。使用微信开…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…