html中管理多个js文件和css文件，怎么统一把衔接放到两个文件中，分别管理css和js？

上周，我在做网站开发时，遇到了一个关于CSS和JS引入的问题。
CSS文件要引入其他CSS文件，我们通常会用@import "其他css文件"的方式。
这种方法简单直接，不过要注意的是，这种引入方式是同步加载的，可能会影响页面渲染。

2 02 3 年，我朋友告诉我，如果页面上有多个CSS文件需要引入，而且顺序很重要，使用@import可能会有些麻烦。
他建议我试试将所有CSS文件放在一个文件里，然后用link标签引入，这样可以更灵活地控制加载顺序。

至于JS文件，我以前常用[xss_clean]方法来引入其他JS文件。
这种方法简单粗暴，但缺点很明显，它会阻塞页面的渲染。
我最近发现，现在更推荐使用[xss_clean]标签的async或defer属性来引入JS文件。

我那个朋友说，使用async可以异步加载JS文件，不会阻塞页面渲染，但可能会导致执行顺序的随机性。
而defer则可以保证在文档解析完成后、DOMContentLoaded事件触发前执行。

所以，现在我在引入CSS和JS文件时，都会优先考虑这些方法。
不过，有时候还是得根据具体情况进行调整。
你看着办吧。

2 02 3 年3 月1 5 日。
我在北京。
当时外面下着雪。
我正好路过一个网吧。
网吧门口挂着招牌。
上面写着"禁止吸烟"。
我看到了一个穿黑色外套的男人。
他在抽烟。
我走过去。
提醒他。
他看了我一眼。
然后掐灭了烟。
点了点头。
走了。
我站在原地。
想了想。
觉得这样挺好。
算了。