• vue-cli项目模板的一些思考


    之前有个想法,就是要利用vue写一套ui。然后当时也没有搞清楚到底怎么写。

    几经周转吧,通过付费的方式在gitbook上面找到了答案。

    找到答案之后再看我们正在开发的项目,看伙伴写的代码,突然发现完全可以按照写ui组件库的方式调整目录结构。于是动手了,于是新的目录结构。
    最重要的是终于从实际层面开始向上思考代码设计,思考架构设计。在我看来目录就是一种架构。

    思考后的心得吧算是。

    一,就vue脚手架来说,自动生成的项目模板是有改进或者根据实际需要作出重新设计的。重新设计的后要能够有更合适的扩展性。

    比如组件化的扩展性,尤其全局组件,经过合理的重新安排目录,可以让全局组件发展成为组件库。然后全局的vue特殊属性,比如过滤器、指令等等也可以单独拿出开使用。

    二,一些依赖性质的方法可以放在util里面,利用vue的原型和扩展方法intall,将方法挂在原型上面。

    三,局部组件,局部指令,局部过滤器则单独放在页面内部或者组件内部。

    四,生产环境下的一些依赖是可以全部使用dll进行打包压缩管理的,这样可以大大减少开发环境时候的内存需要

    五,关于混入,混入是另一种形式重复解决方案

    六,组件、混入、指令、过滤器、方法构成了可重复单元,vue原型上的方法不能出现在指令或者过滤器中。

    一个优秀的项目模板是值得做一个专门的脚手架管理的,毕竟这是努力思考和日积月累的工作才得到的。

    也是解决复杂问题的一个思路。有规则拆解。

  • 相关阅读:
    JavaScript中DOM的层次节点(一)
    JS可维护性代码
    Angular页面加载闪现解决方案 ng-cloak
    无法向会话状态服务器发出会话状态请求。
    算法题--拓扑排序
    2020年04月25日个人赛
    Educational Codeforces Round 86 (Rated for Div. 2)
    博弈--巴什博弈
    2020年04月19日个人赛
    AtCoder Beginner Contest 163(D)
  • 原文地址:https://www.cnblogs.com/zhensg123/p/11587403.html
Copyright © 2020-2023  润新知