前端开发的模块化和组件化的定义,以及两者的关系?
2016-12-30 09:20
225 查看
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。
组件则包含了 template、style 和 script,而它的 Script 可以由各种模块组成。比如一个显示时间的组件会调用上面的那个格式化时间的模块。
画的一张图完美地解释了它们之间的关系:
组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。
组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。
模块化就是做一个知乎的编辑区组件,假设要有时间格式化、图片格式处理、视频格式处理、代码格式处理,这样很多个js功能。那么你当然可以在HTML里面引入多个JS script,现在更流行更好的方式,是采用引入的方式。
比如在一个编辑区组件里面,引入别人写好的时间格式化和图片格式处理的js代码:
<style>
...
</style>
<template>
...
</template>
<script>
var format = require('../lib/format') // local import
var img = require('lib-img') // npm import
/**
* es6
* import format from '../lib/format'
* import img from 'lib-img'
*/
/**
* your code here
*/
format(new Date())
img.getnewurl('http://xxxx.jpg')
</script>
模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。
组件则包含了 template、style 和 script,而它的 Script 可以由各种模块组成。比如一个显示时间的组件会调用上面的那个格式化时间的模块。
画的一张图完美地解释了它们之间的关系:
组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。
组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。
模块化就是做一个知乎的编辑区组件,假设要有时间格式化、图片格式处理、视频格式处理、代码格式处理,这样很多个js功能。那么你当然可以在HTML里面引入多个JS script,现在更流行更好的方式,是采用引入的方式。
比如在一个编辑区组件里面,引入别人写好的时间格式化和图片格式处理的js代码:
<style>
...
</style>
<template>
...
</template>
<script>
var format = require('../lib/format') // local import
var img = require('lib-img') // npm import
/**
* es6
* import format from '../lib/format'
* import img from 'lib-img'
*/
/**
* your code here
*/
format(new Date())
img.getnewurl('http://xxxx.jpg')
</script>
相关文章推荐
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 前端开发的模块化和组件化的定义,以及两者的关系?
- 浅谈前端项目发展的四个阶段——库/框架、构建优化、模块化开发、组件化开发和资源管理
- 前端 组件化开发/模块化开发
- 前端模块化、组件化开发
- 嵌入式开发之信号采集同步---VSYNC和HSYNC的作用以及它们两者之间的关系
- 前端开发 基础知识 dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算
- 前端开发神器notepad++以及zen coding神级插件