1. 小程序核心特性微信小程序是微信内置轻量级应用核心四大特性无须安装、触手可及、用完即走、无须卸载区别于传统手机APP。2. 小程序注册邮箱硬性要求注册小程序的邮箱必须同时满足三个条件未注册微信公众平台、未注册微信开放平台、未绑定个人微信号任意一条不满足均无法注册。3. 小程序类目设置注意点完善小程序信息、选择类目时绝对不能选择游戏类目一旦选择项目会被官方判定为小游戏开发普通小程序开发流程全部失效。4. 开发者ID组成与用途完整开发者ID AppID小程序ID AppSecret小程序密钥二者作用完全不同不可混淆AppID小程序唯一身份标识用于新建项目、真机调试、发布小程序等基础操作必填。AppSecret所有权凭证用于微信登录、支付、消息推送等高级功能需妥善保密。5. 两类成员角色区分项目成员拥有后台登录权限可参与开发、运营、数据查看包含开发者、运营者等角色。体验成员无后台权限仅可体验内测版小程序用于项目上线前测试。6. 开发者工具版本选择工具分三个版本日常开发首选稳定版其余版本仅适配特殊场景稳定版兼容性、稳定性最强适配绝大多数开发场景预发布版含新特性稳定性一般开发版稳定性差仅用于体验内测新功能、修复前沿缺陷。7. 小程序项目目录结构项目分为全局主体文件根目录作用全项目和页面文件pages目录仅作用当前页面核心文件规则1全局主体文件根目录必备app.js必须小程序全局入口文件app.json必须全局配置文件app.wxss非必须全局样式文件2页面文件单页面专属单个页面包含4类文件js、wxml为必填wxss、json为非必填且页面样式/配置会覆盖全局配置。例index页面的index.wxss设置的字体颜色会覆盖app.wxss的全局字体颜色。8. 小程序调试核心要点微信开发者工具缓存问题严重代码修改后效果未生效时优先级操作先点击编译 → 无效则清除缓存 → 最后重启项目。一、小程序配置文件1. 四类核心配置文件优先级与作用核心规则局部页面配置 全局app.json配置仅作用对应范围app.json全局管控页面路由、全局导航、底部tab栏整个小程序生效页面.json局部单独修改单页样式、刷新规则覆盖全局配置project.config.json本地开发者工具个性化配置仅本机生效sitemap.json控制页面是否被微信收录优化搜索曝光例子app.json设置全局导航栏黑色在list.json中单独设置红色仅列表页导航栏变红。2. pages路由配置规则无需书写文件后缀框架自动匹配四份页面文件数组第一项为小程序默认首页增删页面必须同步修改pages数组。例子删除goods页面文件夹但未删除pages对应路径小程序启动直接报错。3. tabBar硬性限制list数组仅支持2~5个tabtab绑定的pagePath必须提前在pages数组注册tab置顶时不显示图标仅支持本地图标≤40kb。例子配置6个底部tab超出数量的tab直接失效不渲染。二、小程序样式与组件1. WXML/WXSS 与网页区别小程序无HTML、无DOM/BOM不支持全部CSS选择器WXML替代HTML用view/text/image等组件WXSS替代CSS。2. rpx 自适应单位小程序统一规定所有手机屏幕宽度 750rpx自动适配所有机型无需手动换算像素。例子设计稿750px宽度的盒子直接设置宽度750rpx在所有手机屏幕均可全屏适配。3. 全局/局部样式覆盖规则app.wxss为全局样式页面wxss局部样式优先级更高同名选择器会直接覆盖全局样式。4. swiper 轮播组件核心用法swiper为轮播容器内部只能放swiper-item可通过属性实现自动轮播、指示器、衔接滑动。例子开启autoplay、circular属性实现无限循环自动轮播效果图。三、小程序事件处理1. 事件绑定规则小程序无click事件点击事件统一用tapbind绑定事件会冒泡catch绑定阻止冒泡。例子父view绑定bindtap子按钮绑定catchtap点击按钮仅触发子事件不会向上冒泡触发父事件。2.>八、NPM包与Vant组件库核心知识点小程序安装NPM包后必须手动执行构建npm否则无法识别包文件只能使用小程序专用UI库Vant Weapp网页端UI库无法直接使用配合样式隔离配置可自定义修改Vant组件默认样式。九、分包加载知识点拆分项目代码减小主包体积加快首页加载速度优化启动体验。硬性规则Tab页面必须放在主包分包之间不能互相引用。代码示例{ subpackages: [ { root: packageA, pages: [list/list] } ] }十、小程序开放能力页面分享转发知识点通过onShareAppMessage自定义转发标题、配图、跳转页面。十一、跨页面通信方案1. getApp() 全局数据知识点适合小型项目全局共享基础数据。2. eventChannel 复杂传参知识点跳转页面时传递对象、数组等复杂数据弥补url传参的局限性。十二、通用模块封装思想知识点提取重复逻辑弹窗、本地存储、提示框等一处封装、多处调用简化代码。十三网络请求封装知识点原生wx.request无统一拦截、错误处理企业项目必须封装核心能力请求拦截统一追加token、请求头响应拦截统一处理后端错误码、弹窗提示loading防抖避免并发请求重复弹窗单独封装文件上传 uploadFile十四、环境变量核心知识点区分开发环境、生产环境配置不同的后端接口baseUrl避免手动改地址出错。十五、MobX-miniprogram 全局状态管理知识点相比globalData支持响应式更新自动驱动页面视图刷新。fields存放全局状态数据actions存放修改状态的方法通过useStore注入页面/组件支持计算属性、多仓库管理十六、基础业务核心知识点轮播图swiper swiper-item组件实现自动轮播、指示器、衔接滑动骨架屏数据加载前占位展示解决页面白屏、加载空白问题分类联动一级分类点击切换动态渲染对应二级分类列表
)
