簡單拖拽即生成網(wǎng)頁 VvvebJs

VvvebJs是一個開源的網(wǎng)頁拖拽自動生成的JavaScript庫，你可以以簡單拖拽的方式生成自己需要的網(wǎng)頁樣式，內(nèi)置jquery和Bootstrap，你可以拖拽相關(guān)的組件進行網(wǎng)頁的構(gòu)建，非常的方便，而且可以實時修改代碼，功能豐富，使用簡單，界面友好，特別適合一些專注于展示的網(wǎng)頁設(shè)計，需要的朋友不可錯過！

專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)萍鄉(xiāng)免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

在線演示：

相關(guān)特性

1、組件和塊/片段拖放;

2、撤銷/重做操作;

3、一個或兩個面板界面;

4、文件管理器和組件層次結(jié)構(gòu)導(dǎo)航添加新頁面;

5、實時代碼編輯器;

6、包含示例php腳本的圖像上傳;

7、頁面下載或?qū)С鰄tml或保存頁面在服務(wù)器上包含示例PHP腳本;

8、組件/塊列表搜索;

9、Bootstrap 4組件等組件。

默認情況下，編輯器附帶Bootstrap 4和Widgets組件，可以使用任何類型的組件和輸入進行擴展。

使用方式

要初始化編輯器，調(diào)用Vvveb.Builder.init。第一個參數(shù)是要加載以進行編輯的URL，它必須位于相同的子域中才能進行編輯。第二個參數(shù)是頁面加載完成時調(diào)用的函數(shù)，默認情況下調(diào)用編輯器Gui.init();

結(jié)構(gòu)

Component Group是一個組件集合，例如Bootstrap 4組由Button和Grid等組件組成，該對象僅用于在編輯器左側(cè)面板中對組件進行分組。例如，Widgets組件組只有兩個組件視頻和地圖，并被定義為如下

Component是一個對象，它提供可以在畫布上放置的html以及在選擇組件時可以編輯的屬性，例如Video Component，具有Url和Target屬性的html鏈接Component定義為：

在Component屬性集合中使用Input對象來編輯屬性，例如文本輸入，選擇，顏色，網(wǎng)格行等。例如，TextInput擴展Input對象并定義為：

輸入還需要一個在編輯器html（在editor.html中）定義為 以上是借助瀏覽器翻譯工具，對官網(wǎng)的文檔進行簡單的翻譯，可能會有些不夠準(zhǔn)確的地方，感興趣的小伙伴可以直接查看相關(guān)文檔！

設(shè)計界面預(yù)覽

總結(jié)

VvvebJs是一個非常強大的網(wǎng)頁可視化生成構(gòu)建工具，讓不懂網(wǎng)頁設(shè)計的小伙伴們也能夠通過拖拽來生成美觀大方的網(wǎng)頁出來，讓設(shè)計網(wǎng)頁就像設(shè)計圖片一樣，VvvebJs特別適合展示型網(wǎng)頁，甚至可以不需要代碼就能完成一項復(fù)雜的網(wǎng)頁設(shè)計，總體來說，VvvebJs是一個值得嘗試的工具！

原文來自：

jQuery 變量格式

$undoStack 就是 $undoStack 沒其他的意思 這個是變量名稱 $("#undoStack') 這樣是根據(jù)ID取對象 實際上JQUERY和JAVASCRIPT的變量聲明是一樣的 只不過是JQUERY變量的話 一般用$開頭 這樣就可以區(qū)分哪些已經(jīng)用JQUERY操作過 其實用JQUERY操作過的變量再用JAVACRIPT操作也是沒問題的 主要看你怎么用 她們是完美兼容的 因為JQUERY只是JAVASCRIPT的一個升級 其父類還是JAVASCRIPT 這樣懂了吧

如何用Javascript實現(xiàn)Ctrl+z,Ctrl+Y的效果?

function KeyPress(e) {

var evtobj = window.event? event : e

if (evtobj.keyCode == 90 evtobj.ctrlKey) alert("Ctrl+z");

if (evtobj.keyCode == 89 evtobj.ctrlKey) alert("Ctrl+y");

}

document.onkeydown = KeyPress;