资讯专栏INFORMATION COLUMN

前端模块化结构如何拆分

channg / 969人阅读

摘要:模块化结构将复杂的程序拆分成不同的文件夹或者文件不同的模块即独立又可以相互关联如何拆分具体的拆分规则针对不同的项目也不一样,这里列出一点建议,更主要的还是有自己的一个规范,物以类聚将具有相同特性的可以拆分到一起,比如在一个电商网站项目中对文

模块化结构

将复杂的程序拆分成不同的文件夹或者文件
不同的模块即独立又可以相互关联

如何拆分

具体的拆分规则针对不同的项目也不一样,这里列出一点建议,更主要的还是有自己的一个规范,

物以类聚
将具有相同特性的可以拆分到一起,比如在一个vue电商网站项目中对文件夹的拆分

pages 源文件入口
    |-list 列表模块(可能包括普通列表页,闪购列表) 都可以认为是列表页属于一类
        |-list 普通列表页
            |- components 组件
            |- router 路由
            |- store vuex
            |- index.js 打包js
        |-其它页面

按功能拆分

 在上边的结构划分中,普通列表页有组件,路由,vuex,还有打包入口,这些都可以看成模块,每个模块各自负责不同的功能,
        components 负责存放普通列表页多带带拥有的组件
        router 负责路由
        store 状态
        index.js 等同于普通列表页容器组件
 最终这些不同功能的模块组合成了一个完整的页面结构

这里只说了两种简单的拆分思想给大家做个入门,真正项目拆分过程其实也是这样,搞清楚自己的项目,
文件结构如何拆分真正还是取决于自己,当然可以参考业界规范,一般情况下拆了就比不拆强,所以大家可以多尝试

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100480.html

相关文章

  • 如何降低前端开发的复杂度

    摘要:我们作为前端开发,都应该具有这样的能力。那么如何才能降低业务开发的复杂度呢细分组件都说模块化开发,其实在,这些思想规范之前就已经有模块化开发的规范了,虽然标准从然后隔了年才有了,在那年基本都是函数式开发,一切皆函数。 优秀的程序员总是能优雅的组织自己的代码,清晰的编写思路,合理的组织结构划分,从小的功能组件,到大的模块结构,都能通过合理的巧妙的搭配,不仅能化复杂为简单,更能提升代码运行...

    wushuiyong 评论0 收藏0
  • 如何降低前端开发的复杂度

    摘要:我们作为前端开发,都应该具有这样的能力。那么如何才能降低业务开发的复杂度呢细分组件都说模块化开发,其实在,这些思想规范之前就已经有模块化开发的规范了,虽然标准从然后隔了年才有了,在那年基本都是函数式开发,一切皆函数。 优秀的程序员总是能优雅的组织自己的代码,清晰的编写思路,合理的组织结构划分,从小的功能组件,到大的模块结构,都能通过合理的巧妙的搭配,不仅能化复杂为简单,更能提升代码运行...

    xorpay 评论0 收藏0
  • 如何降低前端开发的复杂度

    摘要:我们作为前端开发,都应该具有这样的能力。那么如何才能降低业务开发的复杂度呢细分组件都说模块化开发,其实在,这些思想规范之前就已经有模块化开发的规范了,虽然标准从然后隔了年才有了,在那年基本都是函数式开发,一切皆函数。 优秀的程序员总是能优雅的组织自己的代码,清晰的编写思路,合理的组织结构划分,从小的功能组件,到大的模块结构,都能通过合理的巧妙的搭配,不仅能化复杂为简单,更能提升代码运行...

    LinkedME2016 评论0 收藏0
  • 基于SpringCloud的Microservices架构实战案例-架构拆解

    摘要:服务拆分具体拆分到多细,业内没有一个统一的标准。全部模块基于,采用进行项目管理。比较常见的做法时,每个子服务模块中独立一个模块,存放实体及对外的接口。 自第一篇《基于SpringCloud的Microservices架构实战案例-序篇》发表出来后,差不多有半年时间了,一直也没有接着拆分完,有如读本书一样,也是需要契机的,还是要把未完成的工作做完,虽然并不是什么经典应用,还是有必要将si...

    gghyoo 评论0 收藏0
  • 权限设计的杂谈

    摘要:权限设计的杂谈这篇文章的定位,不是宣传某个框架,仅仅之是梳理一下有关权限方面的一些想法和最近项目中的一些探索过程。而这两者的取舍则是有设计人员决定的。数据抽象原则最小特权划分从某个程度上来说决定了控制的对象,而数据抽象原则是是决定了操作。 权限设计的杂谈 这篇文章的定位,不是宣传某个框架,仅仅之是梳理一下有关权限方面的一些想法和最近项目中的一些探索过程。我们主要想解决一下问题。 什么...

    yck 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<