- 浏览: 782279 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (360)
- Java (101)
- JPA/Hibernate (10)
- Spring (14)
- Flex/BlazeDS (37)
- Database (30)
- Lucene/Solr/Nutch (0)
- Maven/Ant (25)
- CXF/WebService (3)
- RPC/RMI/SOAP/WSDL (1)
- REST (6)
- TDD/BDD/JUnit (1)
- Servlet/JSP (2)
- AI/MachineLearning (3)
- Resource (1)
- 字符编码 (2)
- OOA/OOPS/UML (5)
- DesignPattern (8)
- 算法与数据结构 (11)
- Web&App Server (13)
- 并发&异步&无阻塞 (7)
- Entertainment (4)
- JavaScript/ExtJS (45)
- CodeStyle&Quality (1)
- svn/git/perforce (8)
- JSON (2)
- JavaScriptTesting (4)
- Others (6)
- RegularExpression (2)
- Linux/Windows (12)
- Protocal (2)
- Celebrities (1)
- Interview (1)
- 计算机语言 (1)
- English (2)
- Eclipse (5)
- TimeZone/时区 (1)
- Finance (1)
- 信息安全 (1)
- JMS/MQ (2)
- XSD/XML/DTD (3)
- Android (4)
- 投资 (3)
- Distribution (3)
- Excel (1)
最新评论
-
qdujunjie:
如果把m换成具体的数字,比如4或者5,会让读者更明白
m阶B树中“阶”的含义 -
java-admin:
不错,加油,多写点文章
关于Extjs的mixins和plugin -
xiehuaidong880827:
你好,我用sencha cmd打包完本地工程后,把app.js ...
ExtJS使用Sencha Cmd合并javascript文件为一个文件 -
KIWIFLY:
lwpan 写道inverse = "true&qu ...
Hibernate中什么时候使用inverse=true -
luedipiaofeng:
good
消除IE stop running this script弹出框
1. Motivation
To reduce page load time by reducing the requests of fetching JavaScript files.
2. Creating a production build manually
Download and Install Sencha Cmd and Extjs sdk
1) Download SenchaCmd-3.1.2.342-windows.exe and ext-4.2.1-gpl.zip
2) Install SenchaCmd-3.1.2.342-windows.exe
3) Add Sencha cmd bin directory to you path, for me, C:\tools\SenchaCmd\bin\Sencha\Cmd\3.1.2.342 is added to my path
4) Extract ext-4.2.1-gpl.zip, assume the extracted folder name is C:\tools\ext-4.2.1.883
Create a new Sencha Cmd Project for getting the configuration files required to build iem-web
1) Open a command prompt
2) Change directory to C:\tools\ext-4.2.1.883
3) Enter the following command
sencha generate app IEM ProjectBuild/IEM
4) You will see a generated project named IEM under C:\tools\ext-4.2.1.883\ProjectBuild\IEM
5) Why we need this step? We want to get the configuration files required by sencha cmd for iem-web, we can easily do modification on these files instead of creating them manually.
Copy Your Project files into the Sencha Cmd Project
1) Remove app folder under ProjectBuild/IEM
2) Copy iem-web/app folder to ProjectBuild/IEM
3) Copy iem-web/IemApp.js, iemForCompile.jsp, api-debug.js, Util.js to ProjectBuild/IEM
Create a Production Build
1) Modify ProjectBuild/IEM/.sencha/app/sencha.cfg file.
a) set app.classpath=${app.dir}/app,${app.dir}/iemApp.js
b) set app.page.name=iemForCompile.jsp
2) add “skip.sass=true” to ProjectBuild/IEM/.sencha/app/production.properties
3) Open a command prompt and change directory to ProjectBuild/IEM
4) Enter the following command:
sencha app build
5) You will see the generated files under C:\tools\ext-4.2.1.883\build\IEM\production
all-classes.js and iemForCompile.jsp
6) Rename iemForCompile.jsp to iem.jsp
7) Copy the all-classes.js and iem.jsp to your tomcat
8) Open iem.jsp and do the following change
a) Change
<link rel="stylesheet" type="text/css" href="../../resources/ext-theme-classic/ext-theme-classic-all.css">
To
<link rel="stylesheet" type="text/css" href="ext/resources/ext-theme-classic/ext-theme-classic-all.css">
b) Remove <link rel="stylesheet" href="resources/IEM-all.css"/>
9) Your final iem.jsp will look like this
Jsp related codes are omitted …
10) test your application at http://localhost:8080/iem-web/iem.jsp
3. Integrating the build with maven
Copy extjs related files and sencha cmd related files required by building process to iem-web\jsBuild folder.
Please note this step is to prepare the execution environment for iem-web, the JavaScript files of iem-web are not in this folder, and they will be copied in maven.
Run sencha generate app IEM ProjectBuild/IEM command under iem-web\jsBuild\ext-4.2.1.883 to generate an empty IEM project and the configuration files we need.
Still we don’t have the iem-web JavaScript files.
Modify configuration files as described on section “Creating a production build manually” to configure iem-web project properly.
The folder structure looks like as following screenshot:
Modify pom.xml to do the integration
1) Copy iem-web JavaScript files to jsBuild/ext-4.2.1.883/ProjectBuild/IEM/ for build
2) We need to do some modification, because we need to run the “sencha app build” command under jsBuild/ext-4.2.1.883/ProjectBuild/IEM folder, so we need to modify some related path in iem.jsp
3) Start the build by executing external command in maven or use maven execution plug-in to do this
a) By executing external command
The content of jsBuild.bat:
The content of jsBuild.sh
b) Use maven execution plug-in
The purpose of running bat or sh files is to run “sencha app build” under the specified folder jsBuild\ext-4.2.1.883\ProjectBuild\IEM, this is required by sencha cmd, otherwise they are a lot of configuration files need to adjusted and I am not sure whether we can adjust them correctly.
4) Also don’t forget to clean up the related files in a new round of building
5) A sample pom.xml related SenchaCmd is as following:
SenchaCmd Intergration with Maven
4. Frequent build failure error
1) Try not code in the following way
Ext.define(‘YourClass’,{
name:’hello’,
store: Ext.create(‘StoreClass’);
});
Try to instantiate store in initComponent method
2) Missed some required class
3) Required class is in all-classes.js, but its definition after its usage
To reduce page load time by reducing the requests of fetching JavaScript files.
2. Creating a production build manually
Download and Install Sencha Cmd and Extjs sdk
1) Download SenchaCmd-3.1.2.342-windows.exe and ext-4.2.1-gpl.zip
2) Install SenchaCmd-3.1.2.342-windows.exe
3) Add Sencha cmd bin directory to you path, for me, C:\tools\SenchaCmd\bin\Sencha\Cmd\3.1.2.342 is added to my path
4) Extract ext-4.2.1-gpl.zip, assume the extracted folder name is C:\tools\ext-4.2.1.883
Create a new Sencha Cmd Project for getting the configuration files required to build iem-web
1) Open a command prompt
2) Change directory to C:\tools\ext-4.2.1.883
3) Enter the following command
sencha generate app IEM ProjectBuild/IEM
4) You will see a generated project named IEM under C:\tools\ext-4.2.1.883\ProjectBuild\IEM
5) Why we need this step? We want to get the configuration files required by sencha cmd for iem-web, we can easily do modification on these files instead of creating them manually.
Copy Your Project files into the Sencha Cmd Project
1) Remove app folder under ProjectBuild/IEM
2) Copy iem-web/app folder to ProjectBuild/IEM
3) Copy iem-web/IemApp.js, iemForCompile.jsp, api-debug.js, Util.js to ProjectBuild/IEM
Create a Production Build
1) Modify ProjectBuild/IEM/.sencha/app/sencha.cfg file.
a) set app.classpath=${app.dir}/app,${app.dir}/iemApp.js
b) set app.page.name=iemForCompile.jsp
2) add “skip.sass=true” to ProjectBuild/IEM/.sencha/app/production.properties
3) Open a command prompt and change directory to ProjectBuild/IEM
4) Enter the following command:
sencha app build
5) You will see the generated files under C:\tools\ext-4.2.1.883\build\IEM\production
all-classes.js and iemForCompile.jsp
6) Rename iemForCompile.jsp to iem.jsp
7) Copy the all-classes.js and iem.jsp to your tomcat
8) Open iem.jsp and do the following change
a) Change
<link rel="stylesheet" type="text/css" href="../../resources/ext-theme-classic/ext-theme-classic-all.css">
To
<link rel="stylesheet" type="text/css" href="ext/resources/ext-theme-classic/ext-theme-classic-all.css">
b) Remove <link rel="stylesheet" href="resources/IEM-all.css"/>
9) Your final iem.jsp will look like this
Jsp related codes are omitted …
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>IEM</title> <link rel="stylesheet" type="text/css" href="ext/resources/ext-theme-classic/ext-theme-classic-all.css"> <link rel="stylesheet" type="text/css" href="css/app_style.css"> <link rel="stylesheet" type="text/css" href="css/iemStyles.css"> </head> <body> <div align="center" id="divLoadPage" class="loadingText">Loading page, please wait ... </div> </body> <script type="text/javascript" src="all-classes.js"></script> </html>
10) test your application at http://localhost:8080/iem-web/iem.jsp
3. Integrating the build with maven
Copy extjs related files and sencha cmd related files required by building process to iem-web\jsBuild folder.
Please note this step is to prepare the execution environment for iem-web, the JavaScript files of iem-web are not in this folder, and they will be copied in maven.
Run sencha generate app IEM ProjectBuild/IEM command under iem-web\jsBuild\ext-4.2.1.883 to generate an empty IEM project and the configuration files we need.
Still we don’t have the iem-web JavaScript files.
Modify configuration files as described on section “Creating a production build manually” to configure iem-web project properly.
The folder structure looks like as following screenshot:
Modify pom.xml to do the integration
1) Copy iem-web JavaScript files to jsBuild/ext-4.2.1.883/ProjectBuild/IEM/ for build
<plugin> <artifactId>maven-resources-plugin</artifactId> <version>2.4.3</version> <executions> <execution> <id>copy-single-files-for-sench-cmd-build</id> <phase>validate</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>jsBuild/ext-4.2.1.883/ProjectBuild/IEM</outputDirectory> <resources> <resource> <directory>src/main/webapp/</directory> <includes> <include>api-debug.js</include> <include>iemApp.js</include> <include>iem.jsp</include> <include>Util.js</include> </includes> </resource> </resources> </configuration> </execution> <execution> <id>copy-app-folder-for-sench-cmd-build</id> <phase>validate</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>jsBuild/ext-4.2.1.883/ProjectBuild/IEM/app</outputDirectory> <resources> <resource> <directory>src/main/webapp/app</directory> </resource> </resources> </configuration> </execution> </executions> </plugin>
2) We need to do some modification, because we need to run the “sencha app build” command under jsBuild/ext-4.2.1.883/ProjectBuild/IEM folder, so we need to modify some related path in iem.jsp
<plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-antrun-plugin</artifactId> <version>1.7</version> <executions> <execution> <id>modify iem.jsp for build</id> <phase>initialize</phase> <configuration> <target name="modify iem.jsp for build"> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/resources/" value="../../resources/"/> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/ext-all-debug.js" value="../../ext-dev.js"/> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/ext-all.js" value="../../ext-dev.js"/> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> <execution> <id>copy sencha cmd output files and bankup the original jsp file</id> <phase>process-sources</phase> <configuration> <target name="copy sencha cmd output files and bankup the original jsp file"> <!-- first bankup the original iem.jsp --> <copy file="${basedir}/jsBuild/ext-4.2.1.883/build/IEM/production/iem.jsp" tofile="${basedir}/src/main/webapp/iemc.jsp"/> <copy file="${basedir}/jsBuild/ext-4.2.1.883/build/IEM/production/all-classes.js" tofile="${basedir}/src/main/webapp/all-classes.js"/> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> <execution> <id>modify generated js file</id> <phase>process-sources</phase> <configuration> <target name="modify generated js file"> <replace file="${basedir}/src/main/webapp/iemc.jsp" token="../../resources" value="ext/resources"/> <replace file="${basedir}/src/main/webapp/iemc.jsp"> <replacetoken><![CDATA[<link rel="stylesheet" href="resources/IEM-all.css"/>]]></replacetoken> <replacevalue><![CDATA[]]></replacevalue> </replace> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> </executions> </plugin>
3) Start the build by executing external command in maven or use maven execution plug-in to do this
a) By executing external command
<execution> <id>Creating a Production Build with Sencha Command</id> <phase>generate-sources</phase> <configuration> <target> <taskdef resource="net/sf/antcontrib/antcontrib.properties"/> <if> <equals arg1="${OS}" arg2="Windows_NT" /> <then> <echo message="invoking jsBuild.bat"/> <echo message="OS =${OS}" /> <echo message="os.name = ${os.name}" /> <echo message="os.arch = ${os.arch}" /> <echo message="os.version = ${os.version}" /> <exec dir="${basedir}" executable="${basedir}\jsBuild\jsBuild.bat"></exec> </then> <else> <echo message="invoking jsBuild.sh"/> <echo message="OS =${OS}" /> <echo message="os.name = ${os.name}" /> <echo message="os.arch = ${os.arch}" /> <echo message="os.version = ${os.version}" /> <exec dir="${basedir}" executable="${basedir}\jsBuild\jsBuild.sh"></exec> </else> </if> </target> </configuration> <goals> <goal>run</goal> </goals> </execution>
The content of jsBuild.bat:
@echo off set "CURRENT_DIR=%cd%" cd jsBuild\ext-4.2.1.883\ProjectBuild\IEM java -Xms256m -Xmx800m -jar ../../../senchaCmd/sencha.jar app build cd "%CURRENT_DIR%" exit
The content of jsBuild.sh
#!/bin/bash CURDIR=${PWD} BASEDIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" echo change to project directory cd jsBuild\ext-4.2.1.883\ProjectBuild\IEM echo current directory is ${PWD} echo *********************************start building js******************************** java -Xms1024m -Xmx1280m -jar ../../../senchaCmd/sencha.jar app build echo *********************************end building js********************************** cd ${CURDIR} exit
b) Use maven execution plug-in
<execution> <id>Creating a Production Build with Sencha Command</id> <phase>generate-sources</phase> <configuration> <target name="Start building process"> <echo message="os.name = ${os.name}"/> <echo message="os.arch = ${os.arch}"/> <echo message="os.version = ${os.version}"/> <echo message="java.class.path = ${java.class.path}"/> <java dir="${basedir}/jsBuild//ext-4.2.1.883/ProjectBuild/IEM" jar="${basedir}/jsBuild/senchaCmd/sencha.jar" fork="true" failonerror="false" maxmemory="800m"> <sysproperty key="DEBUG" value="true"/> <jvmarg line="-Xms256m -Xmx800m"/> <arg value="app"/> <arg value="build"/> <classpath> <pathelement location="${basedir}/jsBuild/senchaCmd/sencha.jar"/> <pathelement path="${java.class.path}"/> </classpath> </java> </target> </configuration> <goals> <goal>run</goal> </goals> </execution>
The purpose of running bat or sh files is to run “sencha app build” under the specified folder jsBuild\ext-4.2.1.883\ProjectBuild\IEM, this is required by sencha cmd, otherwise they are a lot of configuration files need to adjusted and I am not sure whether we can adjust them correctly.
4) Also don’t forget to clean up the related files in a new round of building
<plugin> <!-- Clean up the rsults of copy resources --> <artifactId>maven-clean-plugin</artifactId> <configuration> <filesets> <fileset> <directory>${basedir}/src/main/resources/com</directory> </fileset> <fileset> <directory>${basedir}/src/test/resources/com</directory> </fileset> <!-- clean up the copied files for js build --> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/app</directory> </fileset> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM</directory> <includes> <include>api-debug.js</include> <include>iemApp.js</include> <include>iem.jsp</include> <include>Util.js</include> </includes> </fileset> <!-- clean up the output files of js build --> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/build/IEM</directory> </fileset> <fileset> <directory>${basedir}/src/main/webapp</directory> <includes> <include>all-classes.js</include> <include>iemc.jsp</include> </includes> </fileset> </filesets> </configuration> </plugin>
5) A sample pom.xml related SenchaCmd is as following:
SenchaCmd Intergration with Maven
<plugin> <artifactId>maven-resources-plugin</artifactId> <version>2.4.3</version> <executions> <execution> <id>copy-single-files-for-sench-cmd-build</id> <phase>validate</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>jsBuild/ext-4.2.1.883/ProjectBuild/IEM</outputDirectory> <resources> <resource> <directory>src/main/webapp/</directory> <includes> <include>api-debug.js</include> <include>iemApp.js</include> <include>iem.jsp</include> <include>Util.js</include> </includes> </resource> </resources> </configuration> </execution> <execution> <id>copy-app-folder-for-sench-cmd-build</id> <phase>validate</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>jsBuild/ext-4.2.1.883/ProjectBuild/IEM/app</outputDirectory> <resources> <resource> <directory>src/main/webapp/app</directory> </resource> </resources> </configuration> </execution> </executions> </plugin> <plugin> <!-- Clean up the rsults of copy resources --> <artifactId>maven-clean-plugin</artifactId> <configuration> <filesets> <!-- clean up the copied files for js build --> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/app</directory> </fileset> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM</directory> <includes> <include>api-debug.js</include> <include>iemApp.js</include> <include>iem.jsp</include> <include>Util.js</include> </includes> </fileset> <!-- clean up the output files of js build --> <fileset> <directory>${basedir}/jsBuild/ext-4.2.1.883/build/IEM</directory> </fileset> <fileset> <directory>${basedir}/src/main/webapp</directory> <includes> <include>all-classes.js</include> <include>iemc.jsp</include> </includes> </fileset> </filesets> </configuration> </plugin> <!-- <plugin> --> <!-- <groupId>org.codehaus.mojo</groupId> --> <!-- <artifactId>exec-maven-plugin</artifactId> --> <!-- <version>1.2</version> --> <!-- <executions> --> <!-- <execution> --> <!-- <id>Creating a Production Build with Sencha Command</id> --> <!-- <phase>generate-sources</phase> --> <!-- <goals> --> <!-- <goal>exec</goal> --> <!-- </goals> --> <!-- <configuration> --> <!-- <executable>${jsBuildScript}</executable> --> <!-- </configuration> --> <!-- </execution> --> <!-- </executions> --> <!-- </plugin> --> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-antrun-plugin</artifactId> <version>1.7</version> <executions> <execution> <id>modify iem.jsp for build</id> <phase>initialize</phase> <configuration> <target name="modify iem.jsp for build"> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/resources/" value="../../resources/"/> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/ext-all-debug.js" value="../../ext-dev.js"/> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/ext-all.js" value="../../ext-dev.js"/> <replace file="${basedir}/jsBuild/ext-4.2.1.883/ProjectBuild/IEM/iem.jsp" token="ext/ext-all-dev.js" value="../../ext-dev.js"/> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> <execution> <id>Creating a Production Build with Sencha Command</id> <phase>generate-sources</phase> <configuration> <target name="Start building process"> <echo message="os.name = ${os.name}"/> <echo message="os.arch = ${os.arch}"/> <echo message="os.version = ${os.version}"/> <echo message="java.class.path = ${java.class.path}"/> <java dir="${basedir}/jsBuild//ext-4.2.1.883/ProjectBuild/IEM" jar="${basedir}/jsBuild/senchaCmd/sencha.jar" fork="true" failonerror="false" maxmemory="800m"> <sysproperty key="DEBUG" value="true"/> <jvmarg line="-Xms256m -Xmx800m"/> <arg value="app"/> <arg value="build"/> <classpath> <pathelement location="${basedir}/jsBuild/senchaCmd/sencha.jar"/> <pathelement path="${java.class.path}"/> </classpath> </java> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> <execution> <id>copy sencha cmd output files and bankup the original jsp file</id> <phase>process-sources</phase> <configuration> <target name="copy sencha cmd output files and bankup the original jsp file"> <!-- first bankup the original iem.jsp --> <copy file="${basedir}/jsBuild/ext-4.2.1.883/build/IEM/production/iem.jsp" tofile="${basedir}/src/main/webapp/iemc.jsp"/> <copy file="${basedir}/jsBuild/ext-4.2.1.883/build/IEM/production/all-classes.js" tofile="${basedir}/src/main/webapp/all-classes.js"/> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> <execution> <id>modify generated js file</id> <phase>process-sources</phase> <configuration> <target name="modify generated js file"> <replace file="${basedir}/src/main/webapp/iemc.jsp" token="../../resources" value="ext/resources"/> <replace file="${basedir}/src/main/webapp/iemc.jsp"> <replacetoken><![CDATA[<link rel="stylesheet" href="resources/IEM-all.css"/>]]></replacetoken> <replacevalue><![CDATA[]]></replacevalue> </replace> </target> </configuration> <goals> <goal>run</goal> </goals> </execution> </executions> <dependencies> <dependency> <groupId>ant-contrib</groupId> <artifactId>ant-contrib</artifactId> <version>20020829</version> </dependency> </dependencies> </plugin>
4. Frequent build failure error
1) Try not code in the following way
Ext.define(‘YourClass’,{
name:’hello’,
store: Ext.create(‘StoreClass’);
});
Try to instantiate store in initComponent method
2) Missed some required class
3) Required class is in all-classes.js, but its definition after its usage
评论
2 楼
xiehuaidong880827
2015-05-13
你好,我用sencha cmd打包完本地工程后,把app.js拷贝进去不能使用?能不能帮我看一下?QQ765273095 非常感谢
1 楼
cw_xcy
2014-07-18
很实用!试试看看
发表评论
-
Fiddler使用
2017-06-22 16:27 569Fiddler不能捕获chrome request 原因是,c ... -
Javascript跨域
2017-06-21 17:05 568在js中,我们直接用XMLHttpRequest请求不同域上 ... -
面向对象的JavaScript,ECMAScript6, ECMAScript2015
2017-02-11 21:11 520全面理解面向对象的 JavaScript http://www ... -
SASS用法指南
2016-03-03 14:18 648SASS用法指南 http://www.ruanyifeng. ... -
Angular JS与ExtJS比较
2016-01-04 13:54 1572ExtJS vs AngularJS http://www.t ... -
ExtJS POST请求客户端服务端案例
2015-11-10 15:29 1151客户端GUI端示例 var positionIDList = ... -
Javascript设计模式
2015-09-29 14:12 778书名:Learning JavaScript Design P ... -
JavaScript单例模式Singleton Pattern
2015-09-29 14:10 1315参考链接:http://www.dofactory.com/j ... -
Check scope of element in Angular JS
2015-06-16 15:36 714step 1) choose an element in de ... -
有意思的HTML5效果
2015-03-18 09:24 1195http://www.html5tricks.com/9-fu ... -
JavaScript内存溢出
2015-02-13 10:42 1033http://javascript.info/tutorial ... -
JavaScript Variable Scope and Closure(闭包)
2015-02-11 09:52 881参考文章: http://javascript.info/tu ... -
JavaScript电子相册
2015-02-05 09:36 1757http://www.webhek.com/misc/3d-a ... -
JavaScript学习笔记
2015-01-11 10:59 768Repeated and Omitted Declaratio ... -
JavaScript小技巧
2014-12-26 10:00 843关系javascript变量的内存 ... -
JavaScript TimeZone issue
2014-10-31 11:48 0Tue Jan 01 2008 23:45:00 GMT+03 ... -
转义字符处理,获取字符的ASCII码值
2014-10-24 13:58 1962Java 获取字符的ASCII码值 int asciiDec ... -
JavaScript技巧,最佳实践(Best Practice)
2014-10-20 10:03 64545个实用的JavaScript技巧、窍门和最佳实践 http ... -
如何跨域获取Cookie
2014-06-23 14:32 3069cookie可以跨子域访问,如果用户信息保存在qq.com的c ... -
JavaScript获取图片(Image)的大小(宽度,高度)
2014-05-13 17:46 1796如果只有图片的URL function getImageD ...
相关推荐
如何使用 Sencha Cmd 5 生成 ExtJS 5 项目目前已经发布。 按照入门中的说明下载并安装 Sencha Cmd 5.1。 另请查看。 生成新的 ExtJS 5.1 应用程序: $ sencha generate app -ext MyApp src/main/application 我不...
这是如何使用 sencha cmd 来缩小具有非标准文件夹结构的 ExtJS 4 的示例 脚步: 1. 从下载并安装 Sencha cmd 2. 将 sencha 命令添加到 PATH 变量 3. 在项目的根级别创建 .jsb 文件 [ . jsb 文件非常重要,请查看...
app14 该文件夹主要是应用程序顶层的容器。 虽然您可以删除此应用程序不使用的某些... ".sencha" -此(通常是隐藏的)文件夹包含为应用程序生成的生成脚本和配置文件。 此文件夹是构建应用程序所必需的,但在大多数情
看板扩展JS 看板的示例应用程序。 我选择使用 ExtJS 来构建这个应用程序。 我认为这个库对于我要构建的页面来说太重了。 但由于这是我最喜欢的... 所有的 JS 文件都被压缩成一个大的 app.js 文件以提高性能。 网址:
"build.xml" -Sencha Cmd访问生成的构建脚本的入口点。 该文件是您可以挂接到这些进程并对其进行调整的地方。 有关更多信息,请参见该文件中的注释。 在构建过程中重新生成这些文件时,可以从源代码管理中忽略这些...
要运行此示例应用程序,请克隆或下载并添加由SenchaCmd生成的ext库文件夹和saas文件夹的内容,然后运行以下命令。 Sencha App手表请注意,此示例将Cloudflare CDN用于ExtJS6。如果CDN不起作用,则可能需要更新index...
克隆后ext/文件夹必须填充一个 ExtJS SDK。 还应将 ext/examples/ux 复制到 ext/src/ux。 建造 使用packages/eecology-shared/ sencha package build在packages/eecology-shared/文件夹中sencha package build 。 ...
Extjs示例:计算器 该“计算器”是“ ”一书中详细介绍的示例项目之一。 该示例应用程序使用ExtJS6。... 请注意,此示例将Cloudflare CDN用于ExtJS6。... 《 》一书中介绍了ExtJS 6和Sencha Cmd的安装指南。
在浏览器中导航到localhost:1841以查看应用程序创建自己的ExtJS 5应用程序下载(或) 使用Sencha Cmd,运行: sencha -sdk path/to/ext/ext-5.1.0 generate app MyApp path/to/where/you/want/it 导航到您刚刚创建...
在该文件夹中,您将看到一个GitHub包(其总体架构也是由 Sencha Cmd 自动搭建的)。 该演示的主要内容位于~/packages/GitHub/src/下,您将在其中找到以下三个文件: API.js 模型/Gist.js 商店/Gist.js 这里的...
分机5 此文件夹主要是应用程序顶级部分的容器。 虽然您可以删除此应用程序不使用的一些... ".sencha" ——这个(通常是隐藏的)文件夹包含为应用程序生成的构建脚本和配置文件。 此文件夹是构建应用程序所必需的,但在
Extjs示例:客户反馈表 此“客户反馈表”是“ ”一书中详细介绍的示例项目之一。... 请注意,此示例将Cloudflare CDN用于ExtJS6。如果CDN不起作用,则可能... 《 》一书中介绍了ExtJS 6,Sencha Cmd和GoLang的安装指南。
#Extjs示例:公司目录此“公司目录”是“ ”一书中详细介绍的示例项目之一。 该示例应用程序使用ExtJS 6和GoLang。 要运行此示例应用程序,只需克隆或... 《 》一书中介绍了ExtJS 6,Sencha Cmd和GoLang的安装指南。
#ExtJS Appcamp 在appcamp聚会期间创建的应用程序 该应用程序尚未完成,也可能不会完成,其目的是演示如何编写... "build.xml" -Sencha Cmd访问生成的构建脚本的入口点。 该文件是您可以挂接到这些进程并对其进行
/ WebContent / build / production / AccountsManager /和/ src / main / resources / static /中还包含一个内置的ExtJS应用程序,而/build/libs/AccountsManager.jar是具有嵌入式Tomcat的Spring Boot应用程序。...
我的应用程式 该文件夹主要是应用程序顶层的容器。 尽管您可以删除此应用程序不使用的... ".sencha" -此(通常是隐藏的)文件夹包含为应用程序生成的生成脚本和配置文件。 此文件夹是构建应用程序所必需的,但在大多数
派克特 该文件夹主要是应用程序顶层的容器。 虽然您可以删除此应用程序不使用... ".sencha" -此(通常是隐藏的)文件夹包含为应用程序生成的生成脚本和配置文件。 此文件夹是构建应用程序所必需的,但在大多数情况下,
Yan Shi - ExtJS 4 示例仪表板 这是一个使用 ExtJS 4 的示例仪表板。 它是由 ExtJS 图表和网格制作的。 如何跑步 如果你安装了sencha cmd,请cd到这个项目的根目录,输入sencha web start
在根文件夹中打开控制台,然后运行下一个命令: sencha应用程序构建sencha app手表Simle测试可以在Example.Application类中找到。 示例类在app / examples中Example.example.Child扩展了Example.example.Parent
这些步骤假设您的系统上安装了 Sencha CMD v6.6 并下载了 ExtJS v6.2.0 的副本。 克隆这个仓库 git clone https://github.com/compassinformatics/cpsi-mapview.git cd cpsi-mapview git submodule update --init ...