摘要:作者鏈接來(lái)源知乎模塊化中的模塊一般指的是模塊,比如一個(gè)用來(lái)格式化時(shí)間的模塊。模塊化就是做一個(gè)知乎的編輯區(qū)組件,假設(shè)要有時(shí)間格式化圖片格式處理視頻格式處理代碼格式處理,這樣很多個(gè)功能。
作者:Jasin Yip
鏈接:http://www.zhihu.com/question...
來(lái)源:知乎
模塊化中的模塊一般指的是 Javascript 模塊,比如一個(gè)用來(lái)格式化時(shí)間的模塊。
組件則包含了 template、style 和 script,而它的 Script 可以由各種模塊組成。比如一個(gè)顯示時(shí)間的組件會(huì)調(diào)用上面的那個(gè)格式化時(shí)間的模塊。
畫的一張圖完美地解釋了它們之間的關(guān)系:
組件化就是做一個(gè)知乎,把導(dǎo)航欄拆成一個(gè)組件,一個(gè)一個(gè)回答區(qū)域拆成一個(gè)組件,編輯區(qū)是一個(gè)組件,頁(yè)腳是一個(gè)組件,等等。。你可以盡情拆分。一個(gè)組件包含了html、css、js代碼,可以簡(jiǎn)單理解為頁(yè)面的一塊。
模塊化就是做一個(gè)知乎的編輯區(qū)組件,假設(shè)要有時(shí)間格式化、圖片格式處理、視頻格式處理、代碼格式處理,這樣很多個(gè)js功能。那么你當(dāng)然可以在HTML里面引入多個(gè)JS script,現(xiàn)在更流行更好的方式,是采用引入的方式。
比如在一個(gè)編輯區(qū)組件里面,引入別人寫好的時(shí)間格式化和圖片格式處理的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")
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/82914.html
摘要:作者鏈接來(lái)源知乎模塊化中的模塊一般指的是模塊,比如一個(gè)用來(lái)格式化時(shí)間的模塊。模塊化就是做一個(gè)知乎的編輯區(qū)組件,假設(shè)要有時(shí)間格式化圖片格式處理視頻格式處理代碼格式處理,這樣很多個(gè)功能。 作者:Jasin Yip鏈接:http://www.zhihu.com/question...來(lái)源:知乎 模塊化中的模塊一般指的是 Javascript 模塊,比如一個(gè)用來(lái)格式化時(shí)間的模塊。 組件則包含了...
摘要:前端工程化的演化。前端較為流行的單元測(cè)試,等自動(dòng)化測(cè)試自動(dòng)化測(cè)試是軟件通過(guò)模擬瀏覽器,對(duì)頁(yè)面進(jìn)行操作,判斷是否產(chǎn)生預(yù)想的效果。 前端工程化 ??前端工程化的概念在近些年來(lái)逐漸成為主流構(gòu)建大型web應(yīng)用不可或缺的一部分,在此我通過(guò)以下這三方面總結(jié)一下自己的理解。 為什么需要前端工程化。 前端工程化的演化。 怎么實(shí)現(xiàn)前端工程化。 為什么需要工程化 ??隨著近些年來(lái)前端技術(shù)的不斷發(fā)展,越...
摘要:一為什么選擇是當(dāng)前前端應(yīng)用最廣泛的框架。目前來(lái)看的生態(tài)系統(tǒng)要比大的多,在等最大的技術(shù)社區(qū)搜索兩者,的搜索結(jié)果是的十倍左右,另外據(jù)近期統(tǒng)計(jì)使用的站點(diǎn)是的幾百倍以上。其中是基于技術(shù),依然是瀏覽器應(yīng)用。 一、為什么選擇React React是當(dāng)前前端應(yīng)用最廣泛的框架。三大SPA框架 Angular、React、Vue比較。 Angular出現(xiàn)最早,但其在原理上并沒(méi)有React創(chuàng)新的性能優(yōu)化...
摘要:是一款高性能的前端開(kāi)發(fā)引擎。這些功能模塊的被放置在一起時(shí),將很難避免相互影響,造成難以測(cè)試的。結(jié)尾的文檔目前還不夠完善,但完全可以滿足必要的開(kāi)發(fā)。 前言 之前公眾號(hào)《前端早讀課》推了我的文章(在這里表示感謝),很多同學(xué)有在底下留言,問(wèn)我 Ionic 和 IOING 是什么關(guān)系?從名字來(lái)看兩者的開(kāi)頭雖然都是 IO 打頭但其實(shí)兩者毫無(wú)關(guān)系,一丁點(diǎn)兒都沒(méi)有。 IOING 是一款高性能的前端開(kāi)...
閱讀 2779·2023-04-26 01:47
閱讀 3591·2023-04-25 23:45
閱讀 2461·2021-10-13 09:39
閱讀 606·2021-10-09 09:44
閱讀 1789·2021-09-22 15:59
閱讀 2761·2021-09-13 10:33
閱讀 1706·2021-09-03 10:30
閱讀 656·2019-08-30 15:53