资讯专栏INFORMATION COLUMN

前端开发的模块化和组件化的定义,以及两者的关系

jsyzchen / 2436人阅读

摘要:作者链接来源知乎模块化中的模块一般指的是模块,比如一个用来格式化时间的模块。模块化就是做一个知乎的编辑区组件,假设要有时间格式化图片格式处理视频格式处理代码格式处理,这样很多个功能。

作者:Jasin Yip
链接:http://www.zhihu.com/question...
来源:知乎

模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。

组件则包含了 template、style 和 script,而它的 Script 可以由各种模块组成。比如一个显示时间的组件会调用上面的那个格式化时间的模块。

画的一张图完美地解释了它们之间的关系:

组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。

模块化就是做一个知乎的编辑区组件,假设要有时间格式化、图片格式处理、视频格式处理、代码格式处理,这样很多个js功能。那么你当然可以在HTML里面引入多个JS script,现在更流行更好的方式,是采用引入的方式。

比如在一个编辑区组件里面,引入别人写好的时间格式化和图片格式处理的js代码:

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

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

相关文章

  • 前端开发块化件化定义以及两者关系

    摘要:作者链接来源知乎模块化中的模块一般指的是模块,比如一个用来格式化时间的模块。模块化就是做一个知乎的编辑区组件,假设要有时间格式化图片格式处理视频格式处理代码格式处理,这样很多个功能。 作者:Jasin Yip链接:http://www.zhihu.com/question...来源:知乎 模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。 组件则包含了...

    lscho 评论0 收藏0
  • 前端工程化/构建自动化

    摘要:前端工程化的演化。前端较为流行的单元测试,等自动化测试自动化测试是软件通过模拟浏览器,对页面进行操作,判断是否产生预想的效果。 前端工程化   前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分,在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实现前端工程化。 为什么需要工程化   随着近些年来前端技术的不断发展,越...

    JasonZhang 评论0 收藏0
  • 指尖前端重构(React)技术调研分析

    摘要:一为什么选择是当前前端应用最广泛的框架。目前来看的生态系统要比大的多,在等最大的技术社区搜索两者,的搜索结果是的十倍左右,另外据近期统计使用的站点是的几百倍以上。其中是基于技术,依然是浏览器应用。 一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。 Angular出现最早,但其在原理上并没有React创新的性能优化...

    AlphaWallet 评论0 收藏0
  • IOING在开发SPA大型应用时有哪些必要技术条件?

    摘要:是一款高性能的前端开发引擎。这些功能模块的被放置在一起时,将很难避免相互影响,造成难以测试的。结尾的文档目前还不够完善,但完全可以满足必要的开发。 前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问我 Ionic 和 IOING 是什么关系?从名字来看两者的开头虽然都是 IO 打头但其实两者毫无关系,一丁点儿都没有。 IOING 是一款高性能的前端开...

    glumes 评论0 收藏0

发表评论

0条评论

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