前端应用vue的npm框架架构设计

       前端采用vue框架的npm包方式,实现了基层框架的搭建。主要分为三部分核心框架层组件、技术组件和业务组件。

      核心框架包括框架、基础工具类、主体样式。框架可以集成一些外部插码、uri转换、客户端信息获取等;基础工具类包含了cookies操作、消息处理、浏览器信息获取、uri信息、随机字符串、正则校验等工具类;主体样式包含了css样式和图片、logo图片等信息。

         技术组件包含了但文本输入框、多文本输入框组件、按钮组件等技术组件,区别于通用的原生组件,这层组件做了一层封装,做了暴露属性的精简及打包,侧重应用开发的快捷和快速应用方面做封装。

        业务组件是基于业务应用角度上,基于业务应用的使用场景加上技术组件做了一层业务组件封装,并且集成了后端服务。在业务工程开发使用时,可以直接引用,直接使用,无需联调后端接口。

        本前端npm框架既简化了前端vue应用开发的复杂度,提升了前端样式、图片、组件风格等统一,还提升了开发效率和质量,简化了业务应用开发工作量。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

0海滨小城0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值