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

lscho 发布于2019-08-29 12:33 / 424人阅读

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

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

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

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

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

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

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

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

云服务器 GPU云服务器前端开发和后端开发的区别空间和域名的关系备案和域名的关系 ip和域名的关系

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

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

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

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

jsyzchen 2019-08-20 16:24 评论0 收藏0
前端工程化/构建自动化

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

JasonZhang 2019-08-21 16:23 评论0 收藏0
指尖前端重构（React）技术调研分析

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

AlphaWallet 2019-08-23 18:18 评论0 收藏0
IOING在开发SPA大型应用时有哪些必要的技术条件？

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

glumes 2019-08-22 11:11 评论0 收藏0