在小程序开发中，使用 display: none; 是一种常见的隐藏元素的方式。下面是关于小程序中使用 display: none; 的开发技巧分享和小程序优化：

小程序displaynone(图1)

①: 使用 display: none; 的开发技巧分享：

小程序displaynone(图2)

减少页面加载时间： 当页面中存在大量元素或需要动态展示的内容时，可以通过将初始状态设置为 display: none;，在需要时再通过 JavaScript 动态显示，以减少页面加载时间。

提升用户体验： 需要根据用户操作动态显示的元素，可以在初始加载时设置为 display: none;，待用户触发相应事件后再显示，提升用户体验。

避免页面抖动： 当需要动态隐藏或显示元素时，直接使用 display: none; 可以避免页面在加载时出现抖动现象，提升页面整体的稳定性。

②: 小程序优化：

减少隐藏元素数量： 虽然使用 display: none; 可以隐藏元素，但过多的隐藏元素会增加页面的渲染时间和内存占用，尽量减少不必要的隐藏元素。

优化页面结构： 合理设计页面结构，避免深层嵌套和过多的无效元素，减少页面的复杂度，提升页面加载和渲染效率。

合理使用 wx:if 和 hidden 属性： 在小程序中，除了使用 display: none; 外，还可以通过 wx:if 和 hidden 属性来控制元素的显示与隐藏，根据具体情况选择合适的方式。

避免频繁操作 DOM： 频繁操作 DOM 会增加页面的重绘和回流次数，影响性能。尽量避免频繁的元素隐藏和显示操作，优化页面渲染效率。

使用小程序提供的优化工具： 小程序提供了一系列优化工具和，如小程序性能优化分析工具、小程序开发佳实践文档等，开发者可以参考并使用这些工具进行优化。

③: 总结：