zoukankan      html  css  js  c++  java
  • Angular回顾(1)

    一、前端基础

    HTML:超文本标记语言,文档排版。

    DOM:文档对象模型。

    JS: 脚本语言,解释执行;动态操作DOM,服务器交互,用户交互。

    CSS:层叠样式表。

    二、Angular前提

    TypeScript所有基本概念:JS的超集,微软对ECMA-262语言标准的开源实现,添加了对静态类型、经典的面向对象语言特性(如类、继承、接口和名字空间等)的支持。

    依赖注入:一个类的方法中用到其他类时,不要直接实例化,而是通过构造函数或方法的参数传入,以此来降低耦合度;甚至将方法中用到的其他类的方法抽象成接口,注入接口。

    Node.js:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 

    • Angular 需要 Node.js 版本 10.9.0 或更高版本。
    • 要检查你的版本,请在终端/控制台窗口中运行 node -v 。

    • 要获取 Node.js,请转到 nodejs.org

    npm 包管理器:Node包管理器(npm)是一个有Node.js官方提供的第三方包管理工具。npm是一个完全由JavaScript实现的命令行工具,通过Node.js执行。

    • Angular、Angular CLI 和 Angular 应用都依赖于 npm 包中提供的特性和功能。要想下载并安装 npm 包,你必须拥有一个 npm 包管理器。
    • 安装Node.js 时已经默认安装了它。
    • 要检查你是否安装了 npm 客户端,请在终端/控制台窗口中运行 npm -v 。

     三、Angular安装

    npm install -g @angular/cli;//此命令安装Angular,Angular通过命令行使用,可完成一切功能。

    四、基于Angular框架的项目的简介

    •   命令行下切换到打算存放项目文件的目录下,执行命令:ng new my-app,执行完后,创建了一基本的Angular站点,包含了必需的配置文件如:angular.json。
    •   angular.json文件中配置了根组件的路径。
    •   简单的网站,其功能在一个页面上来提供便可,方式是通过替换HTML页面中的连续的片断即可,HTML片断是一个Angular组件(Component)生成的;HTML片断中可以层层嵌套其他组件生成的片断。组件之间可以通信,可以通过组件路由在组件之间切换。总之是一个组件树。
    •   组件可以借助Service与数据双向绑定。
    •   Service可以通过HttpClient与服务端通信。
      •   组件是Angular最最主要的基本的构件。

    ;;;;;;;;未完,碎觉去了。

  • 相关阅读:
    2020年3月22日
    2021年3月21日
    2021年3月20日
    人件集阅读笔记02
    2021年3月19日
    2021年3月18日
    2021年3月17日
    2021年3月16日
    2021年3月15日
    梦断代码阅读笔记01
  • 原文地址:https://www.cnblogs.com/dayi/p/11123864.html
Copyright © 2011-2022 走看看