摘要:作者链接来源知乎模块化中的模块一般指的是模块,比如一个用来格式化时间的模块。模块化就是做一个知乎的编辑区组件,假设要有时间格式化图片格式处理视频格式处理代码格式处理,这样很多个功能。
作者:Jasin Yip
链接:http://www.zhihu.com/question...
来源:知乎
模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。
组件则包含了 template、style 和 script,而它的 Script 可以由各种模块组成。比如一个显示时间的组件会调用上面的那个格式化时间的模块。
画的一张图完美地解释了它们之间的关系:
组件化就是做一个知乎,把导航栏拆成一个组件,一个一个回答区域拆成一个组件,编辑区是一个组件,页脚是一个组件,等等。。你可以尽情拆分。一个组件包含了html、css、js代码,可以简单理解为页面的一块。
模块化就是做一个知乎的编辑区组件,假设要有时间格式化、图片格式处理、视频格式处理、代码格式处理,这样很多个js功能。那么你当然可以在HTML里面引入多个JS script,现在更流行更好的方式,是采用引入的方式。
比如在一个编辑区组件里面,引入别人写好的时间格式化和图片格式处理的js代码:
...
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")
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82914.html
摘要:作者链接来源知乎模块化中的模块一般指的是模块,比如一个用来格式化时间的模块。模块化就是做一个知乎的编辑区组件,假设要有时间格式化图片格式处理视频格式处理代码格式处理,这样很多个功能。 作者:Jasin Yip链接:http://www.zhihu.com/question...来源:知乎 模块化中的模块一般指的是 Javascript 模块,比如一个用来格式化时间的模块。 组件则包含了...
摘要:前端工程化的演化。前端较为流行的单元测试,等自动化测试自动化测试是软件通过模拟浏览器,对页面进行操作,判断是否产生预想的效果。 前端工程化 前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分,在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实现前端工程化。 为什么需要工程化 随着近些年来前端技术的不断发展,越...
摘要:一为什么选择是当前前端应用最广泛的框架。目前来看的生态系统要比大的多,在等最大的技术社区搜索两者,的搜索结果是的十倍左右,另外据近期统计使用的站点是的几百倍以上。其中是基于技术,依然是浏览器应用。 一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。 Angular出现最早,但其在原理上并没有React创新的性能优化...
摘要:是一款高性能的前端开发引擎。这些功能模块的被放置在一起时,将很难避免相互影响,造成难以测试的。结尾的文档目前还不够完善,但完全可以满足必要的开发。 前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问我 Ionic 和 IOING 是什么关系?从名字来看两者的开头虽然都是 IO 打头但其实两者毫无关系,一丁点儿都没有。 IOING 是一款高性能的前端开...
阅读 2726·2023-04-26 01:47
阅读 3569·2023-04-25 23:45
阅读 2335·2021-10-13 09:39
阅读 573·2021-10-09 09:44
阅读 1748·2021-09-22 15:59
阅读 2661·2021-09-13 10:33
阅读 1614·2021-09-03 10:30
阅读 613·2019-08-30 15:53