代码的封装方式--介绍

        在项目开发过程中，我们可能摸不清楚到底怎样更好的进行一个代码的书写。因为我们无法去预判到明天会发生什么，代码是否会有改动。

        所以，代码是否能够进行一个封装，此代码块我今天可能会用，明天或者下个项目中会不会使用。这个代码写完一遍之后是否对我之后的项目版块会产生什么影响。这个才是我们要去思考的一个内容。

        所以我们应该有什么样的方式去书写，管理我们的代码。从而从一个一个的代码块，产生一个模块，产生一个系统。

以vue为例：

要实现一个代码封装，那么最开始的一个封装，从学习编程开始

函数（function）

类（class）

模块（module）

组件（component）

指令（directive）

过滤器（filter）

混入（mixin）

钩子（hook）

插件（plugin）

类库（library）

框架（framework）

之前做项目的时候经常会用一些封装方式来优化代码数量。  那么我常用的封装方式可以给你列举一下，比如基础的函数化封装function，类的封装class，模块封装module，跟组件的封装component。这些封装对所有行业来说大家都会，但是在vue项目开发的时候我还会进行更多的vue特点的封装，比如说directive指令的封装，filter过滤器的封装，mixin混入的封装，hook钩子的封装，其实在之前的项目开发过程中，我们根据特定的项目还进行了一些自定义插件的封装，并且这些插件可以在第二个，第三个项目里面轻松的进行重复的使用，可以极大的节省项目开发周期。那么对于一些常用的类库我不光会进行使用，还会尝试自己去封装一些类库的工具类，那么现在我的级别还是有一些欠缺的，所以对于这些框架的封装我只了解了一部分，如果我们公司准备自己去编写一个框架，那么我对这方面可能会需要进行一些加强。

了解代码封装方式后，我们还需要了解一些基本的概念，需要对这些概念做出自己的一个思考。

比如：什么叫框架？什么是类库？什么是插件？什么是功能？对这些内容不进行理解怎么去封装框架，怎么去说封装了一个插件，怎么去说封装了一个功能。

所以我们首先要理解这个概念，为什么把框架放到了最后，框架解决的是什么问题？？？

框架是很难的一件事情，我对他的一个理解，我对他的基本定义是：

        框架又分成了很多不同类的框架：（1）功能性框架  （2）UI框架：样式类UI框架，中后台UI框架，移动端UI框架

• 首先什么是功能性框架：有一定的独特的设计思想的框架，比如react，react是一个功能性框架。比如vue，vue是一个功能性框架。react和vue都是有自己思想的
• UI框架：element-ui，vant，antd等

什么叫插件？

        首先，鼠标就是一个插件，我们称它为配件；以及触摸板，无线鼠标。所以插件就是必须要有能够支撑插件运行的主体，单独是无法运行并实现指定功能的。

什么叫类库？

        所有项目中必不可少的类库是什么？时间：momentjs。因为时间是非常重要的。所有时间这个操作是所有项目中频繁的一个操作，包括我们每天玩微信，看朋友圈的时候就会发现时间的一个应用，我们在进行朋友圈查看的时候也会看到三分钟前，几分钟前等。

        所有类库就是不依托任何的框架，插件等体系，可以完成指定的功能操作的集合。

什么叫功能？

        使用框架，应用插件，调用类库去完成指定的不同的业务功能。