VS发布Web时自动调用YUICompressor...-js定时器 timer-js动态加载脚本之同步加载

当前位置: 编程技术>WEB前端

本页文章导读:

▪VS发布Web时自动调用YUICompressor批量压缩JS、CSS 在Visual Studio中通过修改发布配置文件，可以在发布Web时自动调用YUICompressor批量压缩项目中JS和CSS。这种方式的优点，一是不需要在项目的js、css文件夹中单独建立debug子文件夹来存放未经压缩.........

▪js定时器 timer function timer(step) { var startTime = new Date().getTime(); var endTime = new Date().getTime(); while (endTime - startTime < step) { endTime = new Date().getTime(); }//出自http://www.cnblogs.com/ahjesus 尊重作者辛苦劳动.........

▪js动态加载脚本之同步加载首先在一个固定文件夹下创建一个package.js，打开后在里面写一个方法functionOne，代码如下：function functionOne(){ alert("成功加载");}　　后面的html文件都创建在同一个目录下。方法一：直接docume.........

[1]VS发布Web时自动调用YUICompressor批量压缩JS、CSS

来源: 发布时间: 2013-11-06

在Visual Studio中通过修改发布配置文件，可以在发布Web时自动调用YUICompressor批量压缩项目中JS和CSS。这种方式的优点，一是不需要在项目的js、css文件夹中单独建立debug子文件夹来存放未经压缩的文件，二是使用debug模式发布时不会进行压缩方便调试。具体方法如下：

1 安装JRE，下载YUICompressor，并解压（如：E:\工具\yuicompressor）

2 新建Compressor.bat文件内容为：

@echo off
if "%1" == "" goto exit
pushd "%1"
echo 正在压缩Css文件
for /r %%i in (*.css) do call "java.exe" -jar E:\工具\yuicompressor\yuicompressor.jar -o %%i %%i
echo 正在压缩js文件
for /r %%i in (*.js) do call "java.exe" -jar E:\工具\yuicompressor\yuicompressor.jar -o %%i %%i
:exit
exit

3 修改项目的发布配置文件，项目的发布配置文件名为 <profilename>.pubxml，位于项目文件夹下的properties\PublishProfiles文件夹

增加下面的内容：

注： E:\工具\Compressor.bat路径根据需要替换。

完成上面的工作后在“解决方案资源管理器”中右击要发布的项目点击“发布”后就可以在项目发布文件夹中看到已经压缩过的CSS、JS了

本文链接

[2]js定时器 timer

来源: 发布时间: 2013-11-06

function timer(step) {
var startTime = new Date().getTime();
var endTime = new Date().getTime();
while (endTime - startTime < step) {
endTime = new Date().getTime();
}
//出自http://www.cnblogs.com/ahjesus 尊重作者辛苦劳动成果,转载请注明出处,谢谢!
return;
}

本文链接

[3]js动态加载脚本之同步加载

来源: 发布时间: 2013-11-06

首先在一个固定文件夹下创建一个package.js，打开后在里面写一个方法functionOne，代码如下：

function functionOne(){
alert("成功加载");
}

　　后面的html文件都创建在同一个目录下。

方法一：直接document.write

　　在同一个文件夹下面创建一个function1.html，代码如下：

<html>
<head>
<title></title>
<script type="text/javascript">
function init()
{
//加载js脚本
document.write("<script src='/blog_article/package.js'><\/script>");
//加载一个按钮
document.write("<input type=\"button\" value=\"测试运行效果\" onclick=\"operation()\"\/>");
//如果马上使用会找不到，因为还没有加载进来，此处会报错
functionOne();
}
function operation()
{
//可以运行，显示“成功加载”
functionOne();
}
</script>
</head>
<body>
<input type="button" value="初始化加载" onclick="init()"/>
</body>
</html>

　　通过document.write的方式可以往页面写入脚本，如代码所示，点击按钮“初始化加载”后可以加载package.js文件，但是立即运行里面的方法functionOne会找不到此方法，报告错误，而点击第二个按钮（通过document.write动态创建的“测试运行效果”）发现可以执行，因为这种方式是异步加载（一边继续执行后面的代码，一边额外开一个线程执行需要加载的脚本），并且document.write会重写界面，明显不实用。

方法二：动态改变已有script的src属性

　　在同一个文件夹下面创建一个function2.html，代码如下：

<html>
<head>
<title></title>
<script type="text/javascript" id="yy" src=""></script>
<script type="text/javascript">
function init()
{
yy.src = "package.js";
//如果马上使用会找不到，因为还没有加载进来，此处会报错
functionOne();
}
function operation()
{
//可以运行，显示“成功加载”
functionOne();
}
</script>
</head>
<body>
<input type="button" value="测试按钮" onclick="init()"/>
<input type="button" value="测试运行效果" onclick="operation()"/>
</body>
</html>

　　此种方法的好处在于不会改变界面元素，不至于重写界面元素，但是同样是异步加载，会有同样的问题。

方法三：动态创建script元素（异步）

　　在同一个文件夹下面创建一个function3.html，代码如下：