Angular2入坑指南

对后端开发来说,前端是神秘的,眼花缭乱的技术,繁多的框架,出名的不出名的好几百种,看是“繁荣”,其实显得杂乱无章,但是我们在做开发的时候,技术选型还是主流的那么几个:浅析angular,react,vue.js Node.js。

node

官网:https://nodejs.org/ nodejs不是一个js框架,千万不要认为是类似jquery的框架,nodejs是js运行时,运行环境,类比java中jvm。做前端的没用过nodejs都不好意思说自己是前端。nodejs是和jvm同等地位的js运行环境,打开了前端人员走向后端的道路。

react.js

官网:http://facebook.github.io/react/ react是facebook前不久出的一款框架,众前端膜拜之。类比Java中freemarker的宏。reactjs最大的作用就是用来开发ui组件,比如用它开发移动端页面,也是今年移动端前端化的推动者。

angular.js

官网:http://www.apjs.net/ angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。因为背靠google也收到了开发者的推崇。

概念与区别

本人也在React与Angular两大体系里纠结了好久,还使用React Native做了几个UI,彷徨于两大前端框架之前。 React缺点:

  1. Web Componet的MVC分离不够彻底。 JSX描述的页面模板与JS代码没有办法完全分开。 无法接受代码的同时还夹个HTML代码这样原始的方式。
  2. 对UI的描述自成一体,而不是采用CSS或者SCSS。
  3. 数据的传递不够直接还有一堆乱七八槽的属性
  4. Android与IOS的代码不够一致
  5. 核心太小,一堆补充的库 Angular2的优点: 1、推荐TypeScript而不是原生的Javascript 2、类库特别多,概念也是特别多 3、体量大 4、成熟度相对偏低,版本2才刚发布 5、不兼容1.x 6、Router还不成熟 综合以上我最终决定选择Angular2作为我前端开发的首选框架。 同时还有以下几个Bonus:
  6. 配置nativescript写原生应用,并且nativescript支持css子集,这一点比react要强一些,可以更小的降低学习成本与维护成本。
    1. 有官方的UI方案Material Design供选择
    2. 官工具链相对于React要成熟 有angular-cli这个便利化的工具,并提供E2E的测试,用以方便测试,并保证项目的质量。
    3. 维护团队强大 来看一张图:

    Angular2快速安装与入门 安装angular-cli

npm install -g angular-cli

创建项目

ng new PROJECT_NAMEcd PROJECT_NAMEng serve

就这么 简单,这时候你的项目已经运行起来了。

我们看一下项目结构

然后打开localhost:4200就可以查看效果了。 附:angular-cli的教程与源码地址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SEO

「SEO」页面搜索引擎优化详细解说

3016
来自专栏大数据挖掘DT机器学习

10款最好的信息图创建工具

你是否常常看到别人创建的专业信息图而眼红呢?来看看这十个工具吧,你也一样可以创建牛逼的图表哦! 1. Visual.Ly 这是一个非常好用的应用,你可以用它来快...

4059
来自专栏编程

下一代Web开发技术-Progressive Web App介绍

PC和Mobile开发技术演进 PC方向,从客户端到富客户端,到现在广泛使用的Web。 移动方向,目前主要还是原生应用和Mobile Web,PWA相关技术是未...

2027
来自专栏web前端教室

【亲测】最好用的4个JavaScript编辑器

然后我在讲课的时候发现同学们用的编辑器各不相同,有的同学用的是editplus,有的甚至用的是老掉牙的DW,这我就不能忍受了,今天晚上给大家推荐几款比较Ok的编...

1540
来自专栏SpringBoot 核心技术

写文章真的是为了报酬吗?

其实我也就是微微一笑,因为写文章去得到报酬从一开始并不是我的目标,也没有想打算通过文章的赞赏来解决生活问题。

1133
来自专栏即时通讯技术

IM开发基础知识补课:正确理解前置HTTP SSO单点登陆接口的原理

一个安全的信息系统,合法身份检查是必须环节。尤其IM这种以“人”为中心的社交体系,身份认证更是必不可少。

1462
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:在应用中添加WeiXin组件

2. 微信开发平台注册的应用ios的Bundle ID和安卓版本的包名需和smobiler云平台应用包名一致,如图:

992
来自专栏phodal

使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验

本文的内容是关于 React Native 重写的经验分享,基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growt...

2626
来自专栏即时通讯技术

腾讯技术分享:Android版手机QQ的缓存监控与优化实践

对于Android应用来说,内存向来是比较重要的性能指标。内存占用过高,会影响应用的流畅度,甚至引发OOM,非常影响用户体验。因此,内存优化也向来是行业内的重点...

1642
来自专栏北京马哥教育

爬虫技术的门道,这篇文章总结的最全

Web是一个开放的平台,这也奠定了Web从90年代初诞生直至今日将近30年来蓬勃的发展。然而,正所谓成也萧何败也萧何,开放的特型、搜索引擎以及简单易学的HTM...

3947

扫码关注云+社区

领取腾讯云代金券