Angular学习笔记第一节基本概念

1.Let do it!

####1.ng的基础概念

在学习ng之前,我们只需要掌握HTML.CSS.JS即可.
- 简称ng.名字不错,吊!
- 重要的特性
  - 有了ng,我们就可以轻松的构建SPA应用,而且ng通过指令扩展了HTML,通过表达式来绑定数据到HTML上.吊!
ng1有一些缺点,但是现在还是很多公司在使用的一个东西.以后看ng2怎么样,现在最流行的一个东西是vue和react.以及redux等等

####2.什么叫做单页面应用?

只有一个页面(整个应用的一个载体)
内容全部都是通过Ajax来进行载入的

####3.分析之前我们开发web的一个方式

之前我们做web开发的时候,都是按照每一个大的功能模块分为一个模块来搞的.当客户端发起请求的时候,就会去服务器重新下载一个HTML的文件,然后在客户端重新进行渲染,这就是原来我们做web开发的一个方式.
那么什么是SPA,SPA也就是整个站点,只有一个HTML文件,他是一个模板页面,当我们进行模块之间的跳转的时候,不会再去请求一个新的HTML文件,然后去渲染他,而且请求数据填充这个模板的HTML文件,这样做的好处就是用户的体验好,异步加载的速度快.ng特别适合数据交互频繁的应用场景.
举例
- 网易云音乐.当我们访问网易云音乐的时候,我们可以发现,不论我们是去那个页面,底部的音乐一直都在进行播放,而不是说我们重新加载了一个HTML文件,底部的<audio></audio>标签就没有了.
- 这就是ng应用的一个重要场合,特别适合数据量请求频繁的应用. - 看下面的一个示意图:

####4.为什么要使用ng

4.1 ng通过指令来扩展了HTML,通过表达式来绑定数据到HTML上面,这样做的好处就是减少了频繁的DOM操作,我们知道频繁的DOM操作是非常消耗性能的!使用了ng之后,就会以后JS关于DOM的操作就会减少,更多的是操作的是数据.(这里ng就和jq产生了鲜明的对比)
4.2 使用ng,更少的代码,实现更强劲的功能!叼叼叼! - 4.3 下面我们展示下一个数据请求展示在页面的一个案例:

上面的其实就是我们之前的页面的数据展示方式,通过请求API,然后解析数据,进行字符串的拼接,然后for循环,而后渲染页面,写了很多的JS代码,执行了很多次的DOM操作. 下面,我们有请ng来完成同样的操作!

可以很明显的看到,使用了ng之后,我们不再需要写大量的JS来解析数据,拼接DOM.然后渲染页面了!不但代码量减少了很多,而且更加的高效,页面加载的速度也变快了!B格也提高了!ng就是吊! 更少的代码,实现更强劲的功能!!!

####5.使用ng带来的价值

5.1 ng的一点起源故事
- ng的作者是玩java的,ng中的很多概念都是来源于后台开发的思想,这1,2年的前端发展的很快速就是因为一帮子做后台的大牛来前端捣乱.也感谢他们为前端这个方向带来了更好的思想,让前端发展的更快更好.
5.2 ng的价值:带领前端进入MVVM的时代!
- 让前端不再是简单的切页面,实现功能!而是走向模式化或者是架构化.

####6.ng的特性

MVC(MVVM)
模块化
双向数据绑定
指令系统

结束语:至此,第一节的笔记就结束了.后面继续....

转载于:https://juejin.im/post/5a39da6d518825094862a9a1

Angular学习笔记第一节基本概念相关推荐

CCSA学习笔记第一节思科安全解决方案综述
CCSA学习笔记 CCSA第二期:01思科安全解决方案综述 CCSA安全学习的目标 CCSA第二期:01思科安全解决方案综述 CCSA安全学习的目标 1.能够对思科安全的网络安全解决方案有初步认识 2 ...
maven学习笔记第一节一-maven install 模块之间相互引用
为什么80%的码农都做不了架构师?>>> 我们再做项目的时候,有很多模块是可以重复使用的,maven提供了很好的解决模块之间相互引用的方法,具体流程如下: 1.建立共用模块 2 ...
TensorFlow学习笔记--第一节 hello TensorFlow
目录代码块语句解释代码块 # -*- coding:utf-8 -*- import tensorflow as tf #创建想要的计算图 # 只有一个节点,tensor 常量消息由字符串构成 ...
《Go语言圣经》学习笔记第一章 Go语言入门
Go语言圣经学习笔记第一章 Go语言入门目录 Hello, World 命令行参数查找重复的行 GIF动画获取URL 并发获取多个URL Web服务本章要点注:学习<Go语言圣经&g ...
惯性导航系统学习笔记——第一讲
惯性导航系统学习笔记第一讲惯性导航系统概述一.惯性导航基本概念二.惯性导航基本原理三.惯性导航应用与发展四.小结第一讲惯性导航系统概述本文为学习朱家海教授<惯性导航系统> ...
小吴的《机器学习周志华》学习笔记第一章绪论
小吴的<机器学习周志华>学习笔记第一章绪论近一年时间接触到不少机器学习的知识,虽然断断续续学了一些,总感觉还没有入门(只学会了疯狂调包).因此,最近开始系统学习Machine Le ...
计算机网络学习笔记---第一章
计算机网络学习笔记第一章文章目录计算机网络学习笔记第一章前言一.计算机网络的概念 (一)计算机网络的功能 1.数据通信(连通性) 2.资源共享(硬件软件数据) 3.分布式处理 (Had ...
c语言注释语句执行吗,C语言学习笔记之C语言概念解析(附资料分享)每一个语句都必须以分号结尾但预处理命令函数头和花括号“}”之后不能加分号...
[[怪兽爱C语言]C语言学习笔记之C语言概念解析(附资料分享)]https://toutiao.com/group/6582429294901854728/?iid=15906422033&a ...
MySQL学习笔记01【数据库概念、MySQL安装与使用】
MySQL 文档-黑马程序员(腾讯微云):https://share.weiyun.com/RaCdIwas 1-MySQL基础.pdf.2-MySQL约束与设计.pdf.3-MySQL多表查询与事务 ...

Angular学习笔记第一节基本概念

Angular学习笔记第一节基本概念相关推荐

最新文章

热门文章

Angular学习笔记第一节 基本概念

Angular学习笔记第一节 基本概念相关推荐

最新文章

热门文章

Angular学习笔记第一节基本概念

Angular学习笔记第一节基本概念相关推荐