国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - 可以DIY的頁面是如何實現(xiàn)的?

瀏覽:206日期:2022-12-03 15:19:33

問題描述

可能標題描述的不太清楚,還是直接上效果圖說

javascript - 可以DIY的頁面是如何實現(xiàn)的?

如上效果圖所示,可以自己編輯配置參數(shù),然后可預覽,每個模塊還可以拖拽,想問一下這種技術是怎么實現(xiàn)的?

問題解答

回答1:

這么簡單說,給你一個p,要求根據(jù)一個輸入框的值修改它的寬,這個不難實現(xiàn)吧。

當你實現(xiàn)完這個,就慢慢加上可以修改高、位置、可拖拽、可刪除、可新增等功能,其他的元素也類似。

如果你面向對象還熟的話,也就是一個對象,有各種屬性。通過輸入框,拖拽等方式修改屬性的過程。

回答2:

DIY的頁面,本質其實所有的可能性的頁面都已經(jīng)寫好了,你只是修改參數(shù)而已

舉個簡單的栗子

評論沒有回答的時候是空的

有評論的時候就會出現(xiàn)一個評論框,有幾條評論就顯示幾條評論框

只不過區(qū)別在于,一個是通過評論數(shù)確定,一個是通過你選取的參數(shù)確定,包括修改p大小顏色,也只不過是把你的參數(shù)保存起來,通過對應的js轉換成你看到的效果

回答3:

理應由一套json數(shù)據(jù)配置的頁面模板(例如:配置頁面內(nèi)的圖片,圖片寬高,縮放比例以及自定義屬性等等),頁面類型就對應不同的json數(shù)據(jù),這樣做靈活且可擴展性高

回答4:

其實其他答主回答的很好了,但可能對題主來說過于抽象了。我就再簡單說下DIY頁面的思路吧:

你可以把這個頁面想象成由很多積木拼裝而成,這個積木我們在開發(fā)中稱為組件。

每個組件都可以被抽象成一個對象,它的dom結構、css樣式和對應的js都是寫好了的。一般會有一個數(shù)據(jù)對象(比如json)來保存這些自定義配置參數(shù),以便在你操作組件時進行對應的數(shù)據(jù)讀寫。

當你添加組件時,js就會去讀取配置數(shù)據(jù),然后生成相應的dom結構并渲染到html里,你就能預覽到效果了。

PS:如果題主想實現(xiàn)類似功能的話,建議先實現(xiàn)其中的一個組件,然后擴展可配置組件的參數(shù)...

回答5:

能讀代碼,直接f12讀代碼唄

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 怀来县| 泰州市| 陆丰市| 汝州市| 博白县| 绩溪县| 剑河县| 苍梧县| 德州市| 保定市| 格尔木市| 盱眙县| 思茅市| 元阳县| 稷山县| 深州市| 疏附县| 夏邑县| 潢川县| 新营市| 延安市| 武宁县| 达拉特旗| 洱源县| 庆云县| 新丰县| 新巴尔虎右旗| 来凤县| 赞皇县| 水城县| 图木舒克市| 台中县| 曲阳县| 曲阜市| 易门县| 墨竹工卡县| 通化市| 东山县| 桐乡市| 沽源县| 筠连县|