在项目开发过程中,我们可能摸不清楚到底怎样更好的进行一个代码的书写。因为我们无法去预判到明天会发生什么,代码是否会有改动。
所以,代码是否能够进行一个封装,此代码块我今天可能会用,明天或者下个项目中会不会使用。这个代码写完一遍之后是否对我之后的项目版块会产生什么影响。这个才是我们要去思考的一个内容。
所以我们应该有什么样的方式去书写,管理我们的代码。从而从一个一个的代码块,产生一个模块,产生一个系统。
以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。因为时间是非常重要的。所有时间这个操作是所有项目中频繁的一个操作,包括我们每天玩微信,看朋友圈的时候就会发现时间的一个应用,我们在进行朋友圈查看的时候也会看到三分钟前,几分钟前等。
所有类库就是不依托任何的框架,插件等体系,可以完成指定的功能操作的集合。
什么叫功能?
使用框架,应用插件,调用类库去完成指定的不同的业务功能。