Angular12 学习angular2前的热身准备

1 ECMA　European Computer Manufactures Association 

　　这个组织的目标是评估，开发和认可电信和计算机标准。

　　百度百科：点击前往

　　ECMA65：满足ECMA标准的第五代JavaScript，所有浏览器都支持

　　ECMAS6：满足ECMA标准的第六代JavaScript，大部分支持（重点学习ES6）

　　注意：可以利用babel将ES6编译成ES5，然后就可以在所有的浏览器中使用啦

 

2 TC39

　　ECMA技术委员会名称，受特许解决JavaScript语言相关事宜。 

 

3 ECMAS6重要知识点

　　推荐阮一峰的书籍：点击前往

　　块级作用域

　　多行字符串

　　箭头函数（对this的处理）

　　Class的getter和setter方法

　　静态属性、动态属性

　　装饰器

　　模块化、import、export

 

4 TypeScript重要知识点

　　

　　TypeScript中文官网：点击前往

　　继承

　　接口

　　装饰器

　　getter、setter

　　类

　　模块

　　模块解析

 

5 RWD responsive web design

　　响应式网站设计(简称RWD)是一种新的网站设计模式，以此构建的网站可自动适应不同的访问设备(从桌面电脑、平板电脑到智能手机)，方便用户阅读和导航浏览，减少用户的放大/缩小/滑动操作，从而提供完整而友好的用户体验。

　　百度百科：点击前往

　　5.1 利用响应式设计解决自动适应页面缩放
　　5.2 响应式设计必须解决的问题：布局、响应式图片、响应式字体、响应式导航
　　5.3 响应式设计怎么做
　　　　基准样式 -> 做手机版本 -> 做平板版本 -> 做桌面版本
　　5.4 最火的RWD框架：bootstrap
　　　　bootstrap是2011开发出的一种响应式适配
　　　　网格布局是bootstrap的核心

　　

6 与屏幕相关的概念

　　6.1 屏幕的物理尺寸：终端屏幕的实际尺寸

　　6.2 像素：点

　　6.3 PPI:一平方英寸有多少个像素点 

　　　　百度百科：点击前往

　　6.4 视口：显示内容的位置

　　注意：根据分辨率来设计页面

　　 

7 前端框架简史

　　7.1 一些前端坑

　　　　坑1：厂家大战（浏览器兼容问题）

　　　　坑2：前端没有集成开发工具

　　　　坑3：无自动化测试、自动化部署

　　　　坑4：js缺乏模块加载机制
　　7.2 一些前端福音

　　　　福音1：webstorm、node.js

　　　　福音2：框架和开发工具的出现

　　7.3 前端发展
　　　　石器时代(堆代码)：所有代码都写在一个js文件中
　　　　铁器时代(利用框架)：prototype（还算不上框架） -> jQuery（easyui/telerkui） -> yui/extjs
　　　　工业时代（node.js的出现）：node.js
　　　　移动互联网时代（多终端兼容）：angular、reactjs