Angular

AngularJS实际项目应用——前端js框架以及库介绍

AngularJS1.x系列,这个项目开始的时候2.x正式版还没有发布,现在发布了。UIBootstrap,https://angular-ui.github.io/bootstrap/,基于angularjs的bootstrap库,现在已经比较成熟了,用起来还可以。Bootstrap3.3.x,配合上面的UIBootstrap,不用多说AngularUIGrid,http://ui-grid.info/,后台管理系统需要大量的表格展示以及操作。这个基于angularjs的表格组件用来感觉还不错,已经更新

《Angular2之TypeScript》

三句了解TypeScript1.始于JavaScript,归于JavaScriptTypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaScript代码中调用TypeScript代码。后记:越来越体会到反馈和总结的重要性,因为反馈我对于Angular2的宏观认识深入一层,因为总结,我对于TypeScript的运行机制又理解一层。

AngularJS实际项目应用——前端工具介绍

简单介绍一下本项目使用的几个前端工具,以及怎么用的,仅供参考:1)nodejs,npm主要用来装gulp以及gulp的一些包,还有单元测试框架jasmine,karma以及karma的一些插件2)bower管理项目所需要的各种js库,包括angularjs,requirejs,bootstrap,jquery等等3)gulp主要用来管理项目的构建过程,包括从bower的目录中拷贝各种js库到目标路径,编译scss,压缩合并angularjs的html模板文件,拷贝帮助文档,以及运行单元测试。5)r.js最

【AngularJS】Angular2——Hello World!

前言作为例子之父,HelloWorld是每个语言学习之时做的第一个例子,今天我们就来比较一下,使用ES5规范的HelloWorld和使用Typescript的HelloWorld有什么异同吧。首先,我们从它的index.html来入手Angular2本身是一个JS文件,所以我们需要一个script标签来引入它,并且需要引入一些Angular/TypeScript依赖的文件:·es6-shim·angular2-polyfills·SystemJS·RxJS也就是我们在输出后的index.html的中添加的

AngularJS实际项目应用——命名规范概览

(二)angularjs模块名总体原则:驼峰方式命名Controller名称以Ctrl结尾,开头单词大写,因为angularjs中的Controller是个类概念,在使用的时候会被实体化,所以遵循类的命名范式。例如ServerCtrl,ServerCreationCtrlService名称以Srv结尾,开头单词小写,因为angularjs中的Service是个单例概念,不需要被实例化。

Angular2 之 Animations

Angular2的动画主要是和@Component结合在了一起。animations元数据属性在定义@Component装饰。使用要点Angular2的动画是使用模型驱动的方式在两个状态之间进行转换,是由状态和状态之间的转场效果所定义的。动画中可以动的属性和单位由于Angular的动画支持基于WebAnimations标准的,所以也能支持浏览器认为可以参与动画的任何属性。“可动”属性列表:一般就是长度、颜色、可见性PropertyNameTypebackground-colorascolorbackgro

Angular2 之 Promise vs Observable

Observable,由于可以有任意多个数据,因此需要一个额外的状态来表示完成,一经完成后便不能再产生数据。对于变换,需要使用.map方法,用来把Observable中的某个元素转换成另一种形式。当然还可能有另一类运算符,比如.toPromise等,这些并不返回Observable的方法其实本身并不是一个运算符,仅仅是对Observable的原型扩展。