Angular4.X 介绍

写在前面

为什么突然有想学习一点 angular 的知识呢?因为前几天突然在头条看到一个帖子,说,现在JavaScript成功的干过Java成为最火的编程语言,而JavaScript中,最火的框架就是 Angular。而且他说不接受质疑,这就很牛逼了!现在已经发布了7版本,在明年三四月份会发布8版本,但是之后的版本都基于2版本,因此差别不会发生很大的变化。

Angualr4.X是什么?

angular 官网:https://angularjs.org/

  

  Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等 人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当 中。

    根据项目数统计 angular(1.x 、2.x 、4.x)是现在网上使用量最大的框架。  

  2015 之前 Angular 1.x 得到了广泛的应用,开发单页面应用无人能敌。2015 年底 Angular 2.0 发布了,彻底的颠覆了之前的版本,学习 Angular 2.0 相当于重新学习另一个框架。在质 疑声中,angularjs的开发团队宣布 1.X 版本和 2.x 版本同时维护。

  AngularJs1.x的时候被人们称为下一代 web 应用。由于Angular2.0以后是基于TypeScript, 和以前 angularjs1.x 的开发方式完全不一样,让很多的新手朋友觉得入门门槛比较高。随着 2015 年后 Vue 和 React 的出现,很多新手朋友慢慢的开始使用 Vue 这样的轻量级框架。其 实 Angular2.0 要比 AngularJs1.x 简单很多。要比 React 简单很多,只要入门开发起来比 Vue 也 要简单。

  几经沉淀和积累,angualr4.x 的发布了, angualr4.x 是完全基于 angular2.x 的。他具有 更小的体积、更快的运行速度、更快的编译速度、以及 AngularUniversal 也就是在服务器端 渲染 Angular。

    

  Angular 团队计划每六个月发布一个主要版本,所以 Angular 5 在 2017 年底发布,而 Angular 6和Angular 7分别在2018年 3月和2018年9月发布,也就是说,现在已经是7版本。Angular未来的版本不会像Angular1.x 和 Angular2.x 那样发生重大的变更。所以 Angular5.x、Angular6.x、Angular7.x 和我现在学习的开发方式基本一致,具体还得看官方文档。

  

TypeScript 介绍

  TypeScript 是微软开发的编程语言。

  1.   JavaScript 的超集,兼容 JavaScript。
  2.   运行前需要预编译生成 JavaScript 代码。
  3.   加入类型判断,编译时进行类型检查。
  4.   文件扩展名为 .ts

    

Angular4.x能干什么?

  

Angular4.x 、Vue2.x、React 15.x.x 对比

  

Angular4.x 开发工具介绍

  • webstorm  体积大,但是更加专业。
  • VScode  本人比较偏向于 VScode,体积小,操作简单。

  

Angular4.X 介绍的更多相关文章

  1. 带你走近AngularJS - 基本功能介绍

    带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍 带你走近AngularJS - 体验指令实例 带你走近AngularJS - 创建自定义指令 ------------- ...

  2. angular2/angular4 如何通过$http的post方法请求下载二进制的Excel文件

    时间有限,废话就不多说了,直接上干货! 下面给大家介绍一下我遇到的一个坑,如果你也遇到了,那恭喜你,你一定能找到答案:angular2/angular4 如何通过$http的post方法请求下载二进制 ...

  3. Angular4 后台管理系统搭建(9) - 用自定义angular指令,实现在服务端验证

    最近这段时间发现,北京这用angular4 或 angular2的公司很少.几乎是没有.很担心自己是不是把精力放到了不应该的地方.白耽误了时间.但是随着我对新版angular框架理解的加深.个人感觉a ...

  4. angular4 中自定义pagination组件

    你用Angular 吗? 一.介绍 一个基于angular4 开发的可以分页的组件.组件的好处就是可以复用,复用.....作为一个前端码农,开始的分页功能实现是我用jquery写的,其他同事用的时候都 ...

  5. Angular4图片上传预览路径不安全问题

    在Angular4中,通过input:file上传选择图片本地预览的时候,通过window.URL.createObjectURL获取的url赋值给image的src出现错误: WARNING: sa ...

  6. [转]【Angular4】基础(一):脚手架 Angular CLI

    本文转自:https://blog.csdn.net/u013451157/article/details/79444495 版权声明:本文为博主原创文章,未经博主允许不得转载. https://bl ...

  7. Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定

    Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定 创建 angular 组件 https://github.com/angular/angular- ...

  8. Angular4中常用管道(转载)

    Angular4中常用管道 通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道. 一.大小写转换管道 uppercase将字符串转换为大写 low ...

  9. Angular4+NodeJs+MySQL 入门-05 接口调用

    接口调用 今天讲一下,如果在前端页面上通过调用后台接口,返回来的数据.把前面的几章结合起来. 这里所有用的代码在 https://github.com/xiaotuni/angular-map-htt ...

随机推荐

  1. js动态规划---最少硬币找零问题

    给定钱币的面值 1.5.10.25 需要找给客户 36 最少找零数为: 1.10.25 function MinCoinChange(coins){ var coins = coins; var ca ...

  2. curl不能支持https问题

    前面说了 update nss 并没有解决问题. 想办法重新安装一下:CURL 1.下载安装包 [root@mycentos ~]# wget https://curl.haxx.se/downloa ...

  3. CentOS6.5 安装Kafka集群

    1.安装zookeeper 参考文档:http://www.cnblogs.com/hunttown/p/5452138.html 2.下载:https://www.apache.org/dyn/cl ...

  4. 关于如何利用计算属性进行button的控制

    element分页没用它的 (这个只要上一页下一页),比如共2页的时候,你在第一页,你肯定可以点击下一页,当你进入到第二页的时候这个button肯定就不能点击了啊,它的属性diaabled=true让 ...

  5. Oracle 11g快速收集全库统计信息

    环境:Oracle 11.2.0.4 采用并行的方式,快速收集全库统计信息,多用于跨版本升级之后,对全库的统计信息重新进行快速收集: --开启计时 set timing on --设置并行收集 exe ...

  6. c#之根据出生日期获得星座信息

    星座定义如下: 代码如下: public enum Constellation { Aquarius = , // 水瓶座 1.20 - 2.18 Pisces = , // 双鱼座 2.19 - 3 ...

  7. 软工网络15团队作业4——Alpha阶段敏捷冲刺5.0

    1.每天举行站立式会议,提供当天站立式会议照片一张. 2.项目每个成员的昨天进展.存在问题.今天安排. 成员 昨天已完成 今天计划完成 郭炜埕 完善新建话题界面 实现前端各界面的跳转连接 郑晓丽 进行 ...

  8. (1)打造简单OS-汇编写入引导区,虚拟机启动步骤

    首先需要您在网上下载NASM编译器,可以将汇编编译为二进制文件 1.写一段汇编代码在屏幕上打印一段字符,可以运行的!并进行nasm为二进制文件,如下"test.asm" 该段汇编主 ...

  9. Day7 错误和异常

    一.异常 1.异常基础 1.为了让我们的代码在出现异常的时候,整个项目依然是可以正常运行的,所以我们引入了异常处理机制! 2.在编程过程中为了增加友好性,在程序出现bug时一般不会将错误信息显示给用户 ...

  10. css实现文字太长,显示省略号

    /*显示为省略号*/ overflow:hidden;/*隐藏*/  white-space:nowrap;/*文本不进行换行*/text-overflow:ellipsis;/*省略号*/ /*强制 ...