前些天，小伙伴问我会不会开发chrome插件。突然意识到，这是个有趣的事情，那就搞一搞。
最开始想做一个批量下载图片插件，很快找到一个fatkun。做一个视频广告屏蔽插件？太难，放弃。要不做一个翻墙插件？更难，放弃。做一个划词翻译插件怎么样？已经有了Google翻译和划词翻译。做一个页面截图插件？已经有了捕捉网页截图 - FireShot的。做一个markdown编辑器？已经有了Markdown Here。
果然是前人种树，后人没地种哇！后来想做一个柯林斯词典翻译，然而没有平台提供这个词典的接口，唯一的办法是抓取百度翻译的页面，然后截取结果。太麻烦，还要搭个服务器。
最终，决定做一个获取公网IP的插件。
开发工具：sublime；
开发语言：html+css+js。
Angular是一个单页面应用，随着系统的迭代，首屏代码会越来越大，所以需要对《AngularJS入门》中的代码进行改造，实现AngularJS可以按需加载js和css。
实现这个需求，有三个方案：
1、利用requirejs。
requirejs并不是按照angular规范开发的第三方插件，后期估计会有很多坑，放弃。
2、利用ui-router和ocLazyLoad。
3、自己写需要的组件。
最好的方案，然而技术要求太高，放弃。
综上，第一种方案坑太多，放弃；第三种方案能力有限，放弃；第二种方案也不好，但是相对容易，而且是针对angular的插件，就它了。
参考文档：
AngularJS是一个JavaScript框架，它通过指令扩展了HTML，且通过表达式绑定数据到 HTML。
什么是框架？比如struts2、spring、hibernate、thinkphp、wordpress等等。
什么是组件？比如jdbc、jquery、swiper、layer、arttemplate等等。
一般来说，那些可复用的、用于简化开发工作的代码集合，大的叫框架，小的叫组件。
有人说jquery是框架？当然可以，大小并没有明确边界。
不要太纠结于概念，如无必要，勿增实体。
本文，主要学习归纳一下Angular的各种特性，包括双向数据绑定、定义应用和控制器、优化模板渲染延迟、自定义指令、作用域、HTTP请求获取数据、自定义服务、依赖注入、路由控制等。最后，会给出一个综合实例。
参考文档：