美文网首页
vue模块化

vue模块化

作者: _前端码农_ | 来源:发表于2019-07-10 18:57 被阅读0次
技术选型:

1、构建工具
2、MVVM框架的选择(要考虑作者对此框架的热衷程度和更新速度)
3、模块化设计
4、自适应方案设计
5、代码维护及复用性设计的思考

一、构建工具:gulp, grunt, webpack, fis, fis, prepack, rollup
1、gulp、grunt:主要做任务的分配管理。类似与领导的职责。(gulp是流操作)
2、webpack:代码的编译打包。
二、为什么要构建工具
1.资源压缩
2.静态资源替换
3.模块化处理
4.编译处理
三、模块化设计
JS:

  1. common.js 公司内所有的项目共用(账号登录体系)
  2. layout.js 某一个项目的布局
  3. public.js 把common和layout都引进来
  4. util.js
    四、代码维护及复用性设计的思考
  5. 需求变更
  6. 产品迭代
  7. Bug定位
  8. 新功能开发

项目设计于原理分析

1.设计原则:a.可复用能继承要完整 b.周期性迭代
2.设计方法:a.先整体后部分再颗粒化 b. 先抽象再具体

相关文章

  • 模块化开发

    js模块化开发vue模块化开发

  • Vue router

    html JavaScript 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(V...

  • Vue Router学习笔记(1)

    JavaScript使用路由 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(Vu...

  • 嗷~码农你好

    git ignore vue-cli 脚手架 vue-router 模块化关闭带 # 的 url(路由的 hist...

  • vue介绍以及项目的搭建

    一,vue是什么? vue,Angular,React都是前端框架。 1,基于单页面框架 2,基于模块化、组件化开...

  • Vue的组件为什么要export default

    Vue 的模块机制 Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如: ...

  • 06Vue的前端工程化

    Vue的前端工程化 一 模块化规范 1.1模块化规范举例 浏览器端JS模块化规范:AMD,CMD 服务器端JS模块...

  • 简单情况

    Vue和Angular、React都是前端框架 1、单页面框架 2、基于模块化组件化的开发模式 Vue简单 灵活 ...

  • 【Vue】组件

    Vue的两大核心 数据驱动 - 数据驱动界面显示 模块化 - 复用公共模块,组件实现模块化提供基础 组件基础 组件...

  • ES6模块化-常量/固定方法打包为文件并调用

    1. 常量模块化 (1)url.js中定义常量集合 (2)index.vue中调用常量 2. 固定方法模块化 (1...

网友评论

      本文标题:vue模块化

      本文链接:https://www.haomeiwen.com/subject/oudkkctx.html