课程章节介绍
嘿，同学们，今天咱们来聊聊在Lightning Web Components里怎么加载静态资源。你可能觉得“加载个JS文件，有什么好聊的？”其实啊，这里面有几个常见的模式，掌握好它们，能让你的代码跑得更顺、更快，还不会出乱子。
咱们来看第一种，也是最简单的——只加载一个JavaScript文件，不需要什么样式。这就好比你去便利店只买一瓶水，拿了就走。代码里直接调用`loadScript`，完事儿了。
第二种呢，就稍微聪明一点了。如果你有多个JS文件要加载，比如两个、三个，你会一个一个按顺序加载吗？那样就像排队买票，一个买完才轮到下一个，浪费时间。这时用`Promise.all`，它能同时发出请求，让多个文件并行下载，速度上能快不少。这就好比派几个朋友分别去不同窗口，谁先买好谁回来，不用一个个傻等。
第三种情况是最常见的——现实世界里，一个组件往往既需要一些JavaScript逻辑，又需要配套的样式。这时候你就要把脚本和样式表一起加载。模式就是这样，先加载脚本，再加载样式，或者两者都通过Promise包装好，保证它们都到位了再继续。
好，说完模式，咱们得记住几个，关键的最佳实践，，这些都是过来人踩过的坑，记住了能让你少走弯路：
第一，，错误处理，。加载资源万一失败了呢？网络抽风、文件名写错……你一定要在Promise链上加个`.catch()`，或者用`try/catch`把错误兜住。不然你的组件可能就默默崩溃了，用户一脸懵。
第二，，防止重复初始化，。`renderedCallback`这个生命周期钩子，可不是只在第一次渲染时调用哟，每次组件重新渲染它都会跑。所以如果你在里面做初始化操作，比如加载资源，就可能一遍又一遍加载。怎么办呢？用一个布尔标志，比如`isInitialized`，第一次加载完就标记为true，下次进来直接跳过。
第三，，DOM访问，。如果你要在组件加载后操作DOM，比如找某个元素绑定事件，请在`renderedCallback`里做，因为只有这时模板才真正渲染到页面上。还有，记住用`this.template.querySelector`，不要用`document.querySelector`，否则你会窜到其他组件里去，破坏封装性。
第四，，清理工作，。当组件从页面移除时，`disconnectedCallback`会触发。如果你在组件里绑定了全局事件、开了定时器，或者有什么外部引用，记得在这里清理掉，防止内存泄漏。就像出门要关灯断电一样，养成好习惯。
最后，一定要使用`lightning/platformResourceLoader`这个模块来加载静态资源。这是Salesforce官方唯一支持的方式，别自己偷偷用原生方法去动态创建`