唐山小程序开发：五个实用技巧

在唐山做小程序这几年，接触的客户从路北的连锁餐饮到丰南的工厂配套，需求五花八门。但踩过的坑、绕过的弯，其实有不少共性。这篇不讲大道理，只聊五个我实际项目里反复用到的技巧，希望能帮到正在做小程序或者准备找外包的朋友。

一、别急着写页面，先把权限模型画清楚

很多小程序烂尾不是技术问题，是权限没想明白。比如唐山本地一个做建材批发的客户，一开始只想要“下单”功能，结果上线后发现业务员、门店、仓库三种角色看到的订单完全不一样，返工成本很高。

我的做法是：动手前用一张纸画出角色和数据的对应关系，再落到代码里。

// 简单的角色判断，别写成 if 套 if
const roleMap = {
  salesman: ['order:create', 'order:view:own'],
  store: ['order:view:store', 'order:audit'],
  warehouse: ['order:ship', 'stock:update']
};

function can(role, action) {
  return (roleMap[role] || []).includes(action);
}

权限收敛到一个函数里，后面加角色、改规则都只动一处，维护起来轻松很多。

二、列表页分页要留“后悔药”

小程序列表最怕两件事：上拉加载重复数据、下拉刷新把用户位置弄丢。尤其是唐山这种本地生活类小程序，用户经常边逛边退，体验差一点就流失。

• 分页参数用 page + pageSize，但请求前加一个 loading 锁，防止快速滑动触发多次请求；
• 下拉刷新时重置 page=1 并清空列表，但保留滚动位置的回调；
• 接口返回空数组时，明确设置 hasMore=false，避免无限请求。

async function loadMore() {
  if (this.loading || !this.hasMore) return;
  this.loading = true;
  const res = await api.getList({ page: this.page, size: 10 });
  this.list = this.page === 1 ? res.list : this.list.concat(res.list);
  this.hasMore = res.list.length === 10;
  this.page++;
  this.loading = false;
}

就这几行，能省掉后期一半的客诉。

三、本地场景优先用云开发，别硬上服务器

唐山不少中小商家预算有限，做个预约、展示、简单商城的小程序，真没必要一上来就买云服务器、配域名、搞备案。微信云开发对这类需求足够用，数据库、存储、云函数一套带走，上线快，费用也低。

我经手的一个唐山做家政预约的小程序，用云开发两周就上线了，商家自己能在后台改服务项目。当然，如果涉及复杂事务、高并发或者要对接本地 ERP，那还是老老实实上后端服务，别为了省事把架构做死。

四、图片和字体是性能大头，能压就压

小程序包体积超过 2MB 就得分包，很多人第一反应是删代码，其实图片才是重灾区。建议：

• 列表图统一走 CDN，按尺寸裁剪，别把原图直接扔上去；
• 图标用字体或 SVG，少用多张 png；
• 非首屏页面做分包，主包只留首页和 tab 页。

在唐山做本地门店展示类小程序时，我习惯把门店图压到 100KB 以内，首屏加载时间能从三四秒降到一秒多，用户感知非常明显。

五、上线前把“本地化”细节过一遍

这不算技术技巧，但特别容易被忽略。比如：

• 客服电话、门店地址写唐山本地的，别留模板里的示例；
• 地图定位默认落在唐山市区，而不是北京；
• 支付、退款说明里出现“唐山”相关门店信息，增强信任感。

这些小地方，用户不一定说，但会默默影响转化。

写在最后

我是知码客，专注小程序和 APP 开发，平时就在唐山这边跑客户、写代码。上面这些技巧谈不上高深，都是项目里磨出来的。如果你也在唐山做小程序，或者正打算找人开发，欢迎交流，少走弯路比什么都强。