个人笔记

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip 中的接口类似于 java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类等。

类描述了所创建的对象共同的属性和方法。

函数是一组一起执行一个任务的语句。

typescript 中为了使编写的代码更规范，更有利于维护，增加了类型校验，在 typescript 中主要给我们提供了以下数据类型：

Typescript 介绍

1. TypeScript 是由微软开发的一款开源的编程语言。
2. TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
3. TypeScript 更像后端 java、C#这样的面向对象语言，可以让 js 开发大型企业项目。
4. 谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+就是基于 Typescript 语法。
5. 最新的 Vue 、React 也可以集成 TypeScript。
6. Nodejs 框架 Nestjs、midway 中用的就是 TypeScript 语法。

最近公司要开发一个H5的项目，这里用postcss-pxtorem来处理自适应的问题；

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem的使用。

安装依赖

1

npm install postcss-pxtorem -D

最近项目中要用到很多eCharts图表组件，需要在窗口尺寸发生变化时，重置图表的大小，此时如果在每个组件里面都去实现一段监听代码，代码重复太多了，此时就可以使用混入来解决这个问题，mixins是Vue提供的一种混合机制，用来更高效的实现组件内容的复用。

代码如下：

CSS

简介

在 ES5 中，实现继承的方式有多种，详细可以参考前面的文章JavaScript 之继承的多种方式和优缺点，这里主要说说 ES6 中 Class 的继承。