在带有孩子的div上使用insertAfter会冻结浏览器

的原因是，insertAfter是jQuery中的一个方法，用于将指定的元素插入到目标元素的后面。当在带有大量子元素的div上使用insertAfter时，浏览器可能会因为处理大量DOM操作而出现卡顿或冻结的情况。

解决这个问题的方法有以下几种：

1. 使用其他插入方法：可以尝试使用其他的插入方法，如append、prepend、after等，根据具体需求选择合适的方法。这些方法在处理大量DOM操作时可能会更高效。
2. 优化DOM操作：如果需要频繁进行DOM操作，可以考虑将多个操作合并为一个操作，或者使用文档片段（DocumentFragment）进行批量操作，减少浏览器的重绘和回流。
3. 使用虚拟DOM技术：虚拟DOM是一种将DOM操作抽象为JavaScript对象的技术，可以通过比较虚拟DOM的差异来最小化实际DOM操作的次数，提高性能。可以使用一些流行的虚拟DOM库，如React、Vue等。
4. 分批处理：如果需要插入大量子元素，可以将插入操作分批进行，每次插入一部分元素，然后通过定时器或者requestAnimationFrame等方式延迟执行下一批插入操作，以避免一次性插入大量元素导致浏览器冻结。

腾讯云相关产品推荐：

• 云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统。产品介绍链接
• 云数据库MySQL版（CDB）：提供高性能、高可用的关系型数据库服务，支持自动备份、容灾等功能。产品介绍链接
• 云存储（COS）：提供安全可靠的对象存储服务，适用于图片、视频、文档等各类文件的存储和访问。产品介绍链接
• 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，支持图像识别、语音识别、自然语言处理等应用场景。产品介绍链接
• 物联网套件（IoT Hub）：提供全面的物联网解决方案，包括设备接入、数据管理、消息通信等功能。产品介绍链接
• 区块链服务（BCS）：提供简单易用的区块链开发和部署平台，支持智能合约、链上数据存储等功能。产品介绍链接

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目情况进行。