- [前端知识体系](#%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e4%bd%93%e7%b3%bb)

- [前端三要素](#%e5%89%8d%e7%ab%af%e4%b8%89%e8%a6%81%e7%b4%a0)

- [结构层（HTML）](#%e7%bb%93%e6%9e%84%e5%b1%82html)

- [表现层（CSS）](#%e8%a1%a8%e7%8e%b0%e5%b1%82css)

- [什么是 CSS 预处理器](#%e4%bb%80%e4%b9%88%e6%98%af-css-%e9%a2%84%e5%a4%84%e7%90%86%e5%99%a8)

- [常用的 CSS 预处理器有哪些](#%e5%b8%b8%e7%94%a8%e7%9a%84-css-%e9%a2%84%e5%a4%84%e7%90%86%e5%99%a8%e6%9c%89%e5%93%aa%e4%ba%9b)

- [行为层（JavaScript）](#%e8%a1%8c%e4%b8%ba%e5%b1%82javascript)

- [Native 原生 JS 开发](#native-%e5%8e%9f%e7%94%9f-js-%e5%bc%80%e5%8f%91)

- [TypeScript 微软的标准](#typescript-%e5%be%ae%e8%bd%af%e7%9a%84%e6%a0%87%e5%87%86)

- [JavaScript 框架](#javascript-%e6%a1%86%e6%9e%b6)

- [UI 框架](#ui-%e6%a1%86%e6%9e%b6)

- [JavaScript 构建工具](#javascript-%e6%9e%84%e5%bb%ba%e5%b7%a5%e5%85%b7)

- [三端统一](#%e4%b8%89%e7%ab%af%e7%bb%9f%e4%b8%80)

- [混合开发（Hybrid App）](#%e6%b7%b7%e5%90%88%e5%bc%80%e5%8f%91hybrid-app)

- [微信小程序](#%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f)

- [后端技术](#%e5%90%8e%e7%ab%af%e6%8a%80%e6%9c%af)

- [附：当前主流前端框架](#%e9%99%84%e5%bd%93%e5%89%8d%e4%b8%bb%e6%b5%81%e5%89%8d%e7%ab%af%e6%a1%86%e6%9e%b6)

- [Angular](#angular)

- [Angular Material](#angular-material)

- [Vue.js](#vuejs)

- [iView](#iview)

- [ElementUI](#elementui)

- [ICE](#ice)

- [VantUI](#vantui)

- [AtUI](#atui)

- [CubeUI](#cubeui)

- [混合开发](#%e6%b7%b7%e5%90%88%e5%bc%80%e5%8f%91)

- [Flutter](#flutter)

- [Ionic](#ionic)

- [微信小程序](#%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f-1)

- [mpvue](#mpvue)

- [WeUI](#weui)

Angular 作为 Google 推出的一个“重型”的框架，内置包括路由、HTTP等常用组件，同时深度集成 TypeScript，WebPack，RxJS，angular-cli 等工具，可以方便地进行大型前端项目的开发以及调试。

但是由于 Angular 引入了许多概念，增加了新手上手的复杂性。特别是组件、模块、服务、指令、依赖注入的引入，对于新手而言，厘清其中各个概念的作用域是就不是一件容易的事情。同时 RxJS 的引入，也进一步使得学习曲线变得陡峭。

但是一旦掌握这些概念，就会发现对于大型应用而言，Angular 的特性可以让开发者更好地适应这些场景。

- [官网地址](https://angular.cn/)

Angular Material 是 Angular 官方团队维护的一个遵从 Material Design 的前端解决方案。提供了丰富的组件库、CDK、内置主题。正因为是官方维护，所以与 Angular 版本同步。

- [官网地址](https://material.angular.io/)

- [Github](https://github.com/angular/components)