摘要:作者鏈接來源知乎模塊化中的模塊一般指的是模塊,比如一個用來格式化時間的模塊。模塊化就是做一個知乎的編輯區組件,假設要有時間格式化圖片格式處理視頻格式處理代碼格式處理,這樣很多個功能。
作者: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")
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/111984.html
摘要:作者鏈接來源知乎模塊化中的模塊一般指的是模塊,比如一個用來格式化時間的模塊。模塊化就是做一個知乎的編輯區組件,假設要有時間格式化圖片格式處理視頻格式處理代碼格式處理,這樣很多個功能。 作者:Jasin Yip鏈接:http://www.zhihu.com/question...來源:知乎 模塊化中的模塊一般指的是 Javascript 模塊,比如一個用來格式化時間的模塊。 組件則包含了...
摘要:前端工程化的演化。前端較為流行的單元測試,等自動化測試自動化測試是軟件通過模擬瀏覽器,對頁面進行操作,判斷是否產生預想的效果。 前端工程化 ??前端工程化的概念在近些年來逐漸成為主流構建大型web應用不可或缺的一部分,在此我通過以下這三方面總結一下自己的理解。 為什么需要前端工程化。 前端工程化的演化。 怎么實現前端工程化。 為什么需要工程化 ??隨著近些年來前端技術的不斷發展,越...
摘要:一為什么選擇是當前前端應用最廣泛的框架。目前來看的生態系統要比大的多,在等最大的技術社區搜索兩者,的搜索結果是的十倍左右,另外據近期統計使用的站點是的幾百倍以上。其中是基于技術,依然是瀏覽器應用。 一、為什么選擇React React是當前前端應用最廣泛的框架。三大SPA框架 Angular、React、Vue比較。 Angular出現最早,但其在原理上并沒有React創新的性能優化...
摘要:是一款高性能的前端開發引擎。這些功能模塊的被放置在一起時,將很難避免相互影響,造成難以測試的。結尾的文檔目前還不夠完善,但完全可以滿足必要的開發。 前言 之前公眾號《前端早讀課》推了我的文章(在這里表示感謝),很多同學有在底下留言,問我 Ionic 和 IOING 是什么關系?從名字來看兩者的開頭雖然都是 IO 打頭但其實兩者毫無關系,一丁點兒都沒有。 IOING 是一款高性能的前端開...
閱讀 2528·2021-10-12 10:12
閱讀 1706·2019-08-30 15:52
閱讀 2443·2019-08-30 13:04
閱讀 1734·2019-08-29 18:33
閱讀 961·2019-08-29 16:28
閱讀 451·2019-08-29 12:33
閱讀 2057·2019-08-26 13:33
閱讀 2360·2019-08-26 11:36