Extjs5项目的生产环境下我们应该如何才能够在每个页面引用最合适的js和css文件呢？

JavaScript017

Extjs5项目的生产环境下我们应该如何才能够在每个页面引用最合适的js和css文件呢？,第1张

最新版本是Extjs5.0.1，我们可以在官方网站进行下载。（这里不得不提一句，Extjs5到目前为止还没有免费的授权，所以下载到的版本是试用版。）

下载到的压缩包解压以后，你会看到一大堆的文件夹和文件，我们该如何使用Extjs5呢？

之前看到过别人说的通过Sencha CMD创建Extjs5项目，但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。

调整方法如下：

1.打开浏览器的，使用浏览器的开发者工具，使用选择工具，选中该元素。

2.因为是选中后才会有的，所以如果在调试器定位到对应的元素，新增类跟伪元素都会消失。

3.点击开发者工具窗体右上角的...，选择“Searchallfiles”。

4.在查询文本框中输入x-grid-item-focus

5.单击查找到的文件，定位到scss（此处为含有伪类的）文件

ext.js缓存问题导致js文件不对可以在页面引入的js文件后面增加日趋，如果不经常改动的文件，可以在每次改动后修改后缀。当页面之前已经被该浏览器访问过，那这个路径访问的js文件已经被缓存在浏览器中了，所以再次通过该路径访问该js文件时，此时访问的是缓存中的js文件，而不是从服务器中获取的。因此当下次服务器中修改了api.js这个文件时，想要用户重新获取修改后的api.js文件，那么要修改访问该js的路径，就是在路径后面添个版本号。这样的话，浏览器加载的时候发现路径变了就会重新加载这个js文件的内容了。由于效率的缘故，浏览器通常会缓存js文件，这就给我们带了一个问题：当服务器端部署的项目中的js文件进行了修改后，如果再客户端不手动去刷新一次页面，js的修改效果就不会起作用，因为浏览器还是用的缓存在本地的js文件。