[发明专利]一种基于Vue代码优化的JavaScript插件

权利要求书

1.一种基于Vue代码优化的JavaScript插件，包括启动模块、文件导入模块、文件识别模块、文件分析模块、文件处理模块与结果输出模块，其特征在于：所述启动模块与所述文件导入模块相连接，所述文件导入模块与所述文件识别模块相连接，所述文件识别模块与所述文件分析模块相连接，所述文件分析模块与所述文件处理模块相连接，所述文件处理模块与所述结果输出模块相连接。

2.根据权利要求1所述的一种基于Vue代码优化的JavaScript插件，其特征在于：所述文件识别模块包含CSS文件单元、HTML文件单元与JS文件单元，所述CSS文件单元与所述HTML文件单元相连接，所述HTML文件单元与所述JS文件单元相连接。

3.根据权利要求1所述的一种基于Vue代码优化的JavaScript插件，其特征在于，包含以下步骤：

S1：启动本插件，导入待规范的HTML、CSS与JS文件，待规范的HTML、CSS与JS文件包括己开发完成的代码。

S2：运用递归算法对导入的待规范HTML文件从父级节点到子级节点对各级节点进行数组赋值，形成DOM节点，并存储各个分层节点被赋予的数组数据。JavaScript数组对象主要用于在单独的变量名中存储一系列的值，在一实施例中主要用于对各节点实现数据赋值并存储。

S3：各节点的被赋予的数组长度决定其节点分支，每一节点分支生成一节点坐标，canvas通过JavaScript来绘制的2D图形，逐像素进行渲染，主要用于绘制展示树状图，节点在树状图中坐标值由JavaScript获取的节点数据即各节点的被赋予的数组决定。数组的长度也决定所渲染出的树状图的形状，同时数组对象也完成树状图一对一命名赋值，根据JavaScript获取的数组对象的生成的坐标绘制不同的树状图，其中数组存储节点信息，数组对象即数组存储。

S4：通过JavaScript的replace操作，基于数据双向绑定，形成与HTML相应的CSS，JS文件中对应各节点的命名替换。

S5：导出代码命名规范的HTML、CSS与JS文件，保障HTML、CSS与JS文件的代码规范，方便后续操作。

4.根据权利要求1所述的一种基于Vue代码优化的JavaScript插件，其特征在于：完整的JavaScript实现包含三个部分：ECMAScript、文档对象模型与字节顺序记号，该方法利用JavaScript完成主干工作。