① nodejs 和angularjs有什么关系，angualr是前端的东西，为什么需要Nodejs
angular用nodejs主要是用它的npm工具包，npm里面有很多很方便的工具可以用在前端开发，例如
- 合并js,css
- 压缩js
- 压缩图片
- 生成js的source map
- 编译 less 成css
- 运行测试unit test
- Grunt, Gulp任务管理，自动化上面所有的任务
② 关于AngularJS 框架的使用有哪些经验值得分享
AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同，对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。
而 AngularJS 等框架则是 根据 数据模型 以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。
显然的，前者在 SEO 上有天然优势；而后者，搜索引擎还只能拿到某个模版，而无内容。
暂时没想到有什么特别好的解决方案，或许，对于内容页，可以继续使用传统方式，而只在需要更多交互的地方应用 AngularJS，特别是在移动端应用上。
同理适用于各种 前端的 MVC 框架，后端只要为前端提供数据接口，而不再需要为其拼接 HTML.
## 模块化
AngularJS 也是遵循 AMD 的。（AMD 是啥，参考：使用 AMD、CommonJS 及 ES Harmony 编写模块化的 javaScript）
虽然它也可以按照传统代码方式来写（其首页介绍的用法 AngularJS — Superheroic JavaScript MVW Framework），但是，既然都提供了这么一种模块的方法，为何不用上呢
angular.mole('app', [
'moleA',
'moleB',
])
.controller('MainCtrl', [
'$scope',
function ($scope) {
}]);
而且，这种写法还可以方便做代码的合并与压缩，在后面 Grunt 自动化 一节中，就会提到使用 Nodejs/Grunt 来自动的做这些事情。
## 可复用模版 or 业务逻辑模版
今年 Google 开发者大会中 提到的 Polymer（Welcome - Polymer）
这货让人感觉像是 Angular Directives 的进化。
而 Directives 做的事，就是把一堆 DOM 封装为一条或者一组 自定义的 HTML标签，作为可复用的模版，以供组装业务调用。 Demos 可参看：Angular directives for Twitter's Bootstrap
当然，为了方便修改，很多时候在做 directive 的时候需要将 template 用 templateUrl 代替，
不用担心文件的碎片化，不利于前端加载 Grunt 自动化 一节 会提到如何合并这些碎片化的 模版。
Directives 是作为可复用的模版，
而业务逻辑则是一般是一个业务对应一个 html 及其的 controller.
③ AngularJS制作的网页怎么提高访问速度
1.把需要用到的JS文件依赖全部压缩。 2.按需加载，就是需要依赖哪些JS文件就加载哪些JS文件。 3.使用CDN。 数据做缓存，压缩合并代码 angular相对于react来说，首次加载真的是慢，没办法，react可以根据生命周期来决定何时加载。
④ 请教大神 用angularjs怎么写点击图片放大 跪谢！
img.normal{
width : 100px;
}
img.big{
width:200px;
}
<img src="xxx" ng-click="zoom()" ng-class="{normal : n,big : b}" />
var i =0;
$scope.n = true;
$scope.b = false;
$scope.zoom = function(){
if( i%2 == 0){
$scope.n = false;
$scope.b = true;
}else{
$scope.n = true;
$scope.b = false;
}
}
⑤ angularjs如何实现图片延迟加载
jquery的做法是监听window.scroll，然后判断图片的位置，是否需要切换src属性，那么angular也一样，只是由于angular需要将DOM操作写在指令里面，所以需要自己去实现指令。
解决思路：
1，图片的src不要使用真实的地址，用一个属性保存在元素上
2，把所有需要使用延迟加载的图片放到一个数组中，
3，初始化的时候检查数组中的元素是否在可视范围内，可视范围内即加载
4，给window绑定滚动事件检查图片是否在可视范围内
5，加载完成的图片从队列中删除
⑥ angularjs用什么压缩软件
angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开发，扫去jQuery一度的光芒。用angularjs就像写后台代码，更规范，更结构化，更可控。
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
⑦ AngularJS 官网教程重点
python">标识在线/登录/空闲未超时
避免重复提交，可能导致重复存库
4组织目录和文件（重构）
目的
1.模块化-代码复用
2.容易跟读代码
容易定位某个功能(features)的代码段
做法
按功能(features)分
为应用的每个功能(feature/section)建立目录，盛放该功能相关的文件，如app/phone-list
当你发现了很多功能(part)共用的内容，就放到目录如coresharedcommon
使用模块(moles)-相当于java中的包(package)
好处：
代码复用，甚至是跨应用的复用
做法
为应用的每个部分(feature/section)声明其mole，并在其中注册相关的实体(entities)如component
主模块(mainmole)声明依赖到其它各功能模块(feature/sectionmole)
若要在其它app中复用模块，只需
1.复制模块目录
2.给主模块添加依赖到该模块
3.index.html添加新的<script>
注意：对于要上线的产品(proction-ready)，别忘了优化js文件：拼接和最小化
示例结构，见网页
外部模板
频繁的请求开销如何避免，不在本教程范围，另见参考
测试重构
5加些简单的东西-手机信息全文搜索
外部模板，代码见网页
管道，filter函数
ng-repeat="phonein$ctrl.phones|filter:$ctrl.query"
ng特性：数据绑定-数据模型的改变会立即体现到视图
此章节，输入框内容的改变会立即体现为手机列表的改变
E2E测试
单元测试适用于：测试如controller这样的自编写js代码
E2E测试适用于：测试如template,DOM操作，组件间互操作性，service
6双向绑定
控制列表顺序
7XHR，依赖注入
通过controller构造方法的参数注入，如functionPhoneListController($http)
防止js压缩时将方法参数压缩造成注入失效，[注入服务…,Controller构造]
8模板链接，图片
9路由，多视图
本节，创建布局模板(layouttemplate)，包入多个路由视图，通过使用ngRoute模块
依赖
bower.json中添加依赖
"angular-route":"1.5.x"
执行npminstall
注意：最近一次执行如上命令时，如果有新的AngularJS版本释出，会出现冲突问题
解决：删掉/bower_components目录，重新执行如上命令
注入器
应用启动时，创建注入器
注入器按如下步骤工作
1.加载自定义模块
2.加载所有定义在以上模块中（配制在config方法中）的供给器
3.被请求注入时，由供给器实例化各service及其依赖(懒加载)，作为参数注入到目标方法中
供给器
创建service
暴露configurationAPI
控制service的创建和运行时行为
供给器只能注入到config方法中
ng-view属性
在布局模板中，无值，用以包入其他路由视图（串式组件名）
locationProvider
$location服务的出现，是为了给那些不支持H5push-state导航的浏览器提供hash前缀支持
子模块依赖
为了复用，尽量独自声明所依赖的模块，不要因为上级已有依赖而省略当前模块的依赖声明
10更多模板
本节实现手机明细视图
11自定义过滤器
本节，用自定义的过滤器，将手机详情页面的true和false显示为对钩u2713和叉号u2718(unicode字符)
自定义“检查标记过滤器”
这是个通用过滤器，定义在core目录下(core模块下)
如何定义，同component定义，在mole后调用filter方法，放在单独的文件.filter.js
将core模块js和自定义过滤器js，加入到index.html
使用过滤器，语法如{{expression|filter}}
12事件处理器
AngularJS指令包含所有原生JS事件
13REST，自定义服务
本节，获取数据换用另一方式
自定义（封装）一个服务，作为RESTful客户端，写更少的代码即可发送请求
(只需调用封装体，不必操作底层的$httpAPI,httpmethod和URLs)
依赖
RESTful功能由AngularJS的ngSource模块提供，在bower.json添加如下依赖：
"angular-resource":"1.5.x"
执行npminstall
注意冲突问题，见9路由
注册自定义服务到模块core.phone下
factory方法
具体js代码见网页：代码，相关联的依赖声明
phone.mole.js模块声明，依赖ngResource
phone.service.js
index.html包入如下新<script>
angular-resource.js
phone.mole.js
phone.service.js
重写原来的phone-list和phone-detail模块内容
通过调用自封装的RESTful客户端，替换原来的$http操作
factory定义和调用明细，见API
14动画(Animations)
本节，将在之前模板顶部添加CSS和JS动画，以改善ourAPP
ngAnimate模块
需用内置指令，自动触发目标动画的钩子
动画被发现时，会在给定时间跟随某元素的DOM操作而执行
(如增删节点在ngRepeat，或增删class属性在ngClass)
依赖
bower.json
"angular-animate":"1.5.x"
"jQuery":"3.2.x"用于做JS动画
index.html
<link>app.animations.css编写CSS动画
app.animations.js编写JS动画
jQuery和AngularJS版本一致性说明，见网页
⑧ angularjs压缩 变量名重复
angularjs压缩 变量名重复如下
查找原因 ，结果是angularjs 依赖注入到Controller 中的 变量 $scope,$timeout 什么的是根据变量名匹配的，可是压缩后 这些局部变量 的名字就变了。所以会报依赖注入错误。.controller('controller', ['$scope', '$rootScope', '$http', ,function ($scope, $rootScope, $http) {}）可能是 有些包不支持 所以才报错删除压缩文件中 的 “use strick”一切OK。
⑨ angular怎么实现自动化打包压缩
AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同， 对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。 而 AngularJS 等框架则是 根据 数据模型 以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。