导入extjs、jquery 文件时$使用冲突问题解决方法

当在使用 Ext JS 和 jQuery 这样的库时，有时会遇到 `$` 符号的冲突问题，因为这两个库都使用 `$` 作为其主要的函数别名。这里有一些解决这个问题的方法：

### 方法 1: 使用 jQuery 的 `.noConflict()` 方法

你可以调用 jQuery 的 `.noConflict()` 方法来放弃 `$` 符号的控制权，并允许其他库使用它。然后，你可以将 jQuery 分配给另一个变量，比如 `jQuery` 或 `$j`，并在需要时使用这个新变量。

<script src="path/to/jquery.js"></script>
<script>
  var $j = jQuery.noConflict();
  // 现在你可以使用 $j 代替 $ 来调用 jQuery 的功能
</script>
<script src="path/to/extjs.js"></script>

// 使用 jQuery
$j(document).ready(function(){
  $j('selector').doSomething();
});

// 使用 Ext JS
Ext.onReady(function(){
  Ext.select('selector').doSomethingElse();
});

### 方法 2: 使用立即执行的函数表达式（IIFE）

你可以使用立即执行的函数表达式（IIFE）来封装你的 jQuery 代码，这样 `$` 符号就只在你定义的函数作用域内有效，从而避免冲突。

<script src="path/to/jquery.js"></script>
<script>
(function($) {
  $(document).ready(function(){
    $('selector').doSomething();
  });
})(jQuery);

<script src="path/to/extjs.js"></script>

// 在这个外部作用域中，$ 是由 Ext JS 控制的
Ext.onReady(function(){
  Ext.select('selector').doSomethingElse();
});
</script>

### 方法 3: 配置 Ext JS 不使用 `$`

如果你完全不需要 Ext JS 使用 `$`，你可以在你的 Ext JS 配置文件或初始化代码中设置，使其不使用 `$`。但请注意，这通常不是 Ext JS 的标准做法，因为 `$` 是 Ext JS 核心功能的一部分。然而，如果你有控制权，并且确信这样做不会破坏你的 Ext JS 应用，你可以尝试这样做。但通常，我们推荐使用前两种方法之一。

### 结论

最常用且推荐的方法是使用 `.noConflict()` 方法或 IIFE 来封装你的 jQuery 代码。这样可以有效地避免 `$` 符号的冲突，并让你的代码更加清晰和可维护。