angularJS——jquery.bower

来源:互联网 发布:手机淘宝怎么投诉商家 编辑:程序博客网 时间:2024/05/18 18:55

jQuery

在没有引入jQuery的前提下AngularJS实现了简版的jQuery Lite,通过angular.element不能选择元素,但可以将一个DOM元素转成jQuery对象,如果提前引入了jQuery则angular.element则完全等于jQuery。

<div ng-controller="DemoController">        <div class="box">普通一个盒子</div>        <button>点击</button>    </div>    <script src="./libs/jquery.min.js"></script>    <script src="./libs/angular.min.js"></script>    <script>        // angular.element() 方法可以将一个原生DOM对象转成jquery对象        // 原生DOM对象        var box = document.querySelector('.box');        var btn = document.querySelector('button');        // 转成jQuery对象        box = angular.element(box);        btn = angular.element(btn);        btn.on('click', function () {            //             // box.css('color', 'red');            box.animate({                fontSize: '40px'            }, 400);        });        // 但是angularJS 只是实现了jquery对象部分方法    </script>

bower

基于NodeJS的一个静态资源管理工具,由twitter公司开发维,解决大型网站中静态资源的依赖问题。
1、依赖NodeJS环境和git工具。
2、npm install -g bower安装bower
3、bower search 查找资源信息
4、bower install 安装(下载)资源,通过#号可以指定版本号
5、bower info 查看资源信息
6、bower uninstall 卸载(删除)资源
7、bower init初始化,用来记录资源信息及依赖。