Angular1还是Angular2 学完angular1,尝试去看了下angular2,虽然号称更强更快,可是这基于ES6和TypeScript的全新框架让人完全招架不住,而且我只是需要angular来开发自己的应用,稳健可靠才是最重要的,完全没必要尝鲜了,像下面的文章里面说的,等ES6全面普及,移动端全面支持ES6的时候,自己掌握ES6 + TypeScript之后再切入才是最合适的.当下将angular1掌握好,有时间再搞一下Vue,未来我们再见Angular2. 干货阅读 Angular…

angular1.0的这些繁杂的api,还有它的执行速度,运行效率,学习曲线,都被人吐槽,最近一直在用ng1,实在很想吐槽. 最近写ng2的项目,写了一些ng2基础的应用(包括angular-cli,路由,表单验证,组件通信,ajax,服务/指令,lazyload)demo,地址在->点我 学了一下angular2,看它有什么区别呢? 我就不复述网上一堆的对比言论了,我仅仅对我项目里用到的一个点来进行阐述. 有个需求就是一个radio对应一个input标签,比如有两对. 我需要选中1的时候传输1…

使用了angular1一年下来,完成了若干项目,承蒙此框架的强大带来了不算差的项目编写体验,但1.*版本的angular,确实是有厉害的地方也有其尴尬的地方,包括较多数据的渲染的性能问题,还有就是可能很多人都会觉得ng提供的很多语法很限制.总结就是ng1这个框架,试试水会觉得它厉害到不行,深入了会碰到很多尴尬的问题点,优化起来是一条极漫长的道路(有很多小技巧来提升ng1的性能,这其实不是个好现象,对开发者的经验要求高,除非说用来出面试题啦). 乃至现在React啦Vue啦风头都盖过了ng,主打框…

1. TypeScript语法与ES6新特性 写惯了jQ的话突然从ES5跳到ES6,又是个变形的ES6(TypeScript),学习成本确实不低.不过笔者也是从ng1直接上手ng2,对与很多新特性的积累基本是抄着ng2官网的快速起步捡起来的.所以给的建议是,有ES6甚至TS基础肯定完美,但是在使用ng2过程中现学这些也完全没有问题. 2. Webpack前端模块化 ng2的默认模块化工具是SystemJS,也是个很酷炫的模块化工具.但它也只是个模块化工具,只管帮你模块化代码不管打包压缩,这会导致…

前言: angular2相比angular1做了革命性的改变.对于开发者来说,我们知道它框架的实现上改变极大.我们看到代码也能发现它写法上变化很大,似乎完全是另一个东西. 但是当我们真正去写下去的时候,又会发现,处处都有angular1的影子,处处都是angular1的概念.对,没错.angular始终是angular,换件“衣服”,还是angular. 最开始我第一眼看到angular2的代码的时候,是有点排斥的,怎么感觉就像是react的写法...而后,我自己亲手,写它的demo时候发现,这…

最近在学习Angular2的使用,其实看过Angular2 文档的都知道,相比于之前的Angular1,Angular2 的改动还是挺大的. 而对于‘angular2 的本地开发环境的搭建的中,我们首先要在本地安装nodeJS 我们可以到官网上clone 一个quickstart 的demo(如果想按着官网上写的用git 命令去clone 一个项目文件,就要先安装一个git) 也可以自己新建 然后在node.js command prompt 中进入项目文件所在的文件路径 然后执行 npm in…

Karma是Google用于angularjs框架单元测试的js引擎(javascript test runner ), angular1 和angular2项目源码的单元测试都是基于karma和jasmine.  karma 特性如下: 1. 在真实设备和浏览器中运行测试.无论在手机,平板,电脑或PhantomJS 都可以运行你的测试代码. 2. 远程控制. 从IDE或命令行控制整个测试流程,当你改变并保存了测试文件,karma就会运行全部测试. 3. 不依赖于特定测试框架. 你可以搭配Jas…

现在在用ng1.5.8做一个项目,ng的优点和特性我就不用多说了,ng1在陆续更新到1.5/1.6后就没再推出新版本了,ng2已经面世测试很久了,如同很多系统和框架一样,每个大的版本更新都会有新特性加入进来,虽然还没有用ng2做过企业级项目,平时也了解了很多ng2的改进的地方,下面就来梳理一下ng1和ng2之间一些差异: Angular2不是从Angular1升级过来的,Angular2是重写的,所以他们之间的差别比较大,不是你用过1就能直接上手2的,计划可以认为是一个新的框架: Angular…

好久没有在这里写点笔记了.时隔已久,angular1 去 angular2 咯 笔记来源:https://angular.cn/docs/ts/latest/guide/animations.html 动画基于这标准:https://w3c.github.io/web-animations/ 以下是基本设置 template: ` <button (click)="heroState = 'active'">enter</button> <button (…

翻译原文链接:https://blog.prototypr.io/react-vs-angular-two-sides-of-javascript-b850de22b413 我的翻译小站:http://www.zcfy.cc/article/3573 在世界末日,技术的选择起着关键性的作用.拥有几年经验的积累,我们参与了几十种不同语言的翻译,框架,以及书.把我们的知识融合在一起,我们决定 去总结一些关于React&Angular的问题以及分享一些观点给大家.因此,在这篇文章中,我们将转换我们的[…