如何在ExtJS 6中使用Fashion美化应用程序
在Ext JS 6，一个最大的改变就是框架合并，使用一个单一的代码库，就可以为每一种设备开发各具有良好体验的最好应用程序。它还带来了一种美化应用程序的新方式。
在本文，重点是Sencha Fashion。这是什么？该如何使用它呢？在未来陆续的教程中，将为你展示如何去创建一个极好的暗黑主题。
编译主题
Ext JS应用程序的主题使用的是SASS，它是一种动态编写CSS代码的方法。例如，可以在样式表中使用变量和运算。浏览器并不了解SASS，它只知道CSS，隐藏，这些SASS主题需要被编译为浏览器能理解的，生产用的CSS代码。在Ext JS应用程序中可以通过在Sencha Cmd运行以下命令来编译主题：
view sourceprint?
1.sencha app build [development]
或
view sourceprint?
1.sencha app watch [toolkit]
两者的区别在于watch会通过轮询来了解更新，并理解进行编译，而build编译只能手动执行一次。
在旧版本的Ext JS或Sencha Touch，SASS样式是在Ruby中编译的。在Windows，需要使用管理员权限来安装Ruby。一旦安装完成，就可以开始编译主题了。不过，在有大量代码库和高级主题的时候，就要花费大量的编译时间。
为了编译高级主题，有时候需要花费一分钟。然后，你不得不刷新浏览器窗口来测试主题以确保已正确设置SASS变量。之后还要一次次的重复此过程。要知道，这个过程是相当耗时间的。这也是为什么对Fashion感到高兴的原因。
Sencha Fashion是使用javascript来编译主题的，可以说这是超级的快。当在左边的显示器修改一行代码后，就可以右边的显示器看到变化了，就是这么快。不再需要等等编译（在服务器开始），也不再需要刷新浏览器窗口。
由于Fashion使用的是javascript，因而有更多优点。例如，可以在Fashion之上进行扩展并创建自己的样式功能（类似SASS功能），还能调试样式表代码。
不过，最大的得益还是可以在开发机器上设计主题。要实现这个，只需要在命令行运行sencha app watch并在URL中添加以下参数：
view sourceprint?
platformTags=fashion:true
如何在ExtJS 6中使用Fashion美化应用程序
在Ext JS 6，一个最大的改变就是框架合并，使用一个单一的代码库，就可以为每一种设备开发各具有良好体验的最好应用程序。它还带来了一种美化应用程序的新方式。 在本文，重点是Sencha Fashion。这是什么？该如何使用它呢？在未来陆续的教程中，将为你展示如何去创建一个极好的暗黑主题。 编译主题 Ext JS应用程序的主题使用的是SASS，它是一种动态编写CSS代码的方法。例如，可以在样式表中使用变量和运算。浏览器并不了解SASS，它只知道CSS，隐藏，这些SASS主题需要被编译为浏览器能理解的，生产用的CSS代码。在Ext JS应用程序中可以通过在Sencha Cmd运行以下命令来编译主题： view sourceprint? 1.sencha app build [development] 或 view sourceprint? 1.sencha app watch [toolkit] 两者的区别在于watch会通过轮询来了解更新，并理解进行编译，而build编译只能手动执行一次。 在旧版本的Ext JS或Sencha Touch，SASS样式是在Ruby中编译的。在Windows，需要使用管理员权限来安装Ruby。一旦安装完成，就可以开始编译主题了。不过，在有大量代码库和高级主题的时候，就要花费大量的编译时间。 为了编译高级主题，有时候需要花费一分钟。然后，你不得不刷新浏览器窗口来测试主题以确保已正确设置SASS变量。之后还要一次次的重复此过程。要知道，这个过程是相当耗时间的。这也是为什么对Fashion感到高兴的原因。 Sencha Fashion是使用javascript来编译主题的，可以说这是超级的快。当在左边的显示器修改一行代码后，就可以右边的显示器看到变化了，就是这么快。不再需要等等编译（在服务器开始），也不再需要刷新浏览器窗口。 由于Fashion使用的是javascript，因而有更多优点。例如，可以在Fashion之上进行扩展并创建自己的样式功能（类似SASS功能），还能调试样式表代码。 不过，最大的得益还是可以在开发机器上设计主题。要实现这个，只需要在命令行运行sencha app watch并在URL中添加以下参数： view sourceprint? platformTags=fashion:true
推荐阅读
- ○ CFO总变成CEO这背后是隐藏着什么秘密呢?
- ○ qq估价器在线查询
- ○ 淘宝店铺装修代码大全
- ○ 街拍齐b小短裙
- ○ 苹果12Pro参数
- ○ 淘宝返利网怎么用
- ○ acfun下载
- ○ 斗战神嗜血牛加点
- ○ baidu翻译
- ○ dnf悲叹之塔耳环
最新文章
- ○ CFO总变成CEO这背后是隐藏着什么秘密呢?
- ○ qq估价器在线查询
- ○ 淘宝店铺装修代码大全
- ○ 街拍齐b小短裙
- ○ 苹果12Pro参数
- ○ 淘宝返利网怎么用
- ○ acfun下载
- ○ 斗战神嗜血牛加点
- ○ baidu翻译
- ○ dnf悲叹之塔耳环