Web前端►框架►Angular

什么是Angular

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/11/19/%E4%BB%80%E4%B9%88%E6%98%AFAngular/

摘要

本文主要讲述了：

  1. 什么是 Angular
  2. 和 AngularJS 的关系
  3. 兼容性

正文

注意：除非特别强调，否则本文中所有的 Angular 都指基于 TypeScript 开发的 Web 前端框架，而非它的前身 AngularJS

什么是 Angular

Angular，是由谷歌推出的一个开源的 Web 前端框架。

Angular 的初始版本发布于 2016 年 9 月 14 日，Angular 基于 TypeScript 开发。

和 AngularJS 的关系

AngularJS 是 Angular 的前身。

AngularJS 的初始版发布于 2010 年 10 月 20 日，AngularJS 基于 JavaScript 开发。

Angular 一开始是作为 AngularJS 2.0 开发的，但最终变成了一个完全不同的新事物。

命名混乱

AngularJS 发布后，被民间简称为 Angular。但谷歌在发布与 AngularJS 完全不同的 AngularJS 2.0 时，却仍将后者命名为 Angular。这造成了严重的命名混乱。

兼容性

支持所有现代浏览器

对于部分浏览器，需要另行配置 polyfill

注意：

  • 自@angular/cli@11开始，彻底不支持 IE11-
  • 自@angular/cli@13开始，彻底不支持 IE11

示例：新建名为my-angular的项目，兼容 IE9+

1
2
3
#!/usr/bin/env bash

npx @angular/cli@9 new my-angular

如果安装依赖报错，请修改package.json

修改前：

1
2
3
4
5
6
{
  "devDependencies": {
    "jasmine-core": "~3.5.0",
    "karma-jasmine-html-reporter": "^1.4.2"
  }
}

修改后：

1
2
3
4
5
6
{
  "devDependencies": {
    "jasmine-core": "~3.8.0",
    "karma-jasmine-html-reporter": "^1.7.0"
  }
}

运行：

1
2
3
#!/usr/bin/env bash

npm install core-js classlist.js

项目配置修改：

  • 修改.browserslistrc
  • 修改src/polyfills.ts
  • 修改tsconfig.json中的compilerOptions.target为es5

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/11/19/%E4%BB%80%E4%B9%88%E6%98%AFAngular/

本文对你有帮助？请支持我

支付宝
微信