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