CSSJS压缩混淆工具优化实验报告.pdfVIP

1.CSS/JS代码的压缩和

CSS代码压缩：去除所有注释、换行、空格

JS代码压缩：去除注释、没有用换行、空格

JS代码：把所有的变量名都简化

YUICompressor：YahooUserInterface前端开发套装之一，可以对CSS和JS进行压缩和

使用方法：

(1)直接在命令行中使用

java-jaryuicompressor-2.4.8.jar源文件-o目标文件

(2)可以整合入WebStorm，FileWatcher

注意：AngularJS中在创建module中的组件(value/constant/filter/service/controller...)时，

要根据形参名进行依赖注入：

app.controller(myCtrl1,function($scope,$rootScope,$http){

});

上述函数中的形参，会被压缩程序，精简为形如：a,b,c形式的变量。解决办法：

app.controller(myCtrl1,[$scope,$rootScope,$http,function(a,b,c){

}]);

Android：Java

iOS：OC/Swift

H5+AngularJS

复习：

AngularJS是一个采用MVC模型的JavaScript框架，适用于以数据的CRUD操作为的SPA。四大特

性：

(1)MVC模式

(2)模块和依赖注入

(3)双向绑定

(4)指令

面试题：一个Angular模块中可以包含哪些组件？

valueapp.value(name,val)

constantapp.constant(名,值)filter

directive

controller多例的

service/factory/provider单例的

面试题：service/factory/provider细节上的区别？

2.使用AngularJS的项目的基本结构：

项目主

|-css

|-img

|-app

|-app.js

|-app-filter.js

|-app-service.js

|-app-controller.js

|-js

|-jquery.js

|-angular.js

|-view

|-start.html

|-main.html

|-detail.html

|-register.html

|-index.html

3.Angular自带的模块之一——ngRoute

ngRoute模块，用于实现“路由”功能。

ngRoute可以根据页面地址栏中的“值”，只在当前DOM树上挂载对应的元素，其它的同级

所对应的页面元素从DOM树上卸载。

使用ngRoute模块的步骤：

(1