小程序开发经验分享：踩坑与避坑指南

"这篇文章是一位小程序开发者分享其在开发过程中遇到的困难和误解，旨在帮助其他开发者避免同样的问题。作者强调了小程序与传统网页开发的区别，包括文件结构、样式控制、接口限制、配置文件管理和文档不完善等挑战。此外，文中还提到了小程序包大小限制、关键词高亮处理等实际开发中的痛点。" 详细知识点: 1. **小程序的文件结构**： - 小程序的页面由四个文件组成：wxml（类似于HTML）、wxss（类似CSS）、js（JavaScript逻辑）和json（配置文件）。 - 对于有HTML5背景的开发者，理解wxml和wxss相对容易，因为它们功能相似。 2. **与网页开发的不同之处**： - 小程序的控件受到微信环境限制，不能像网页中那样自由控制样式，例如`z-index`的使用受限。 - 前端开发者熟悉的`window`和`document`对象在小程序中不存在。 - 图片通常需要使用外部链接，因为小程序对上传的编译包有大小限制。 - 每个页面的js文件必须调用`Page`函数，即使参数为空。 3. **配置文件管理**： - `app.json`是小程序的主要配置文件，所有页面需要在这里声明。 - 页面级别的json文件用于补充配置`app.json`中的`window`属性。 4. **官方文档的局限性**： - 文档虽全面，但某些关键信息可能不显眼，如tab配置和地址栏参数的处理方式。 5. **其他挑战**： - 关键词高亮问题：小程序当前可能缺乏直接解决方案，与网页前端框架相比，无法轻松添加过滤器进行处理。 - 包大小限制：小程序的包大小不得超过1MB，这可能影响到发布，尤其是在早期版本中。 - 版本更新和适配：随着微信小程序平台的发展，开发者需要不断适应新特性和改进。 通过这些经验分享，开发者可以更好地理解小程序开发的特点和难点，从而更有效地避免或解决问题，提升开发效率。