web開(kāi)發(fā)為何沒(méi)往拖動(dòng)控件的方向發(fā)展？作為一個(gè)ASP時(shí)代的老程序員，我們可以負(fù)責(zé)任地說(shuō)，web開(kāi)發(fā)拖拽控制是在10多年前與Microsoft aspdotnet一起推出時(shí)，通過(guò)webform技術(shù)實(shí)現(xiàn)的

web開(kāi)發(fā)為何沒(méi)往拖動(dòng)控件的方向發(fā)展？

作為一個(gè)ASP時(shí)代的老程序員，我們可以負(fù)責(zé)任地說(shuō)，web開(kāi)發(fā)拖拽控制是在10多年前與Microsoft aspdotnet一起推出時(shí)，通過(guò)webform技術(shù)實(shí)現(xiàn)的，目前還處于產(chǎn)品生命周期。雖然不再更新新功能，但仍有正常的產(chǎn)品維護(hù)。

在webform技術(shù)剛剛誕生的時(shí)代，許多Delphi/VB開(kāi)發(fā)人員剛剛從拖拽控制轉(zhuǎn)向web開(kāi)發(fā)。在這個(gè)時(shí)候，webform，它有著類(lèi)似于本地開(kāi)發(fā)的簡(jiǎn)單的入口和事件模型，甚至一經(jīng)推出就變得流行起來(lái)。它已成為開(kāi)發(fā)B/s（即所謂的瀏覽器/服務(wù)器）應(yīng)用程序的首選技術(shù)。

那是一個(gè)互聯(lián)網(wǎng)不太流行的時(shí)代，每個(gè)人都在做MIS。盡管webform很流行，但這是因?yàn)閣ebform的事件模型本質(zhì)上需要提交一個(gè)頁(yè)面并與后端服務(wù)器交互，這與Ajax和其他技術(shù)在根本上是矛盾的。而且，通過(guò)拖拽控件，頁(yè)面會(huì)產(chǎn)生大量冗余的HTML標(biāo)簽，導(dǎo)致頁(yè)面尺寸巨大，CSS很難應(yīng)用。

隨著web開(kāi)發(fā)技術(shù)的發(fā)展，用戶(hù)對(duì)前端體驗(yàn)的要求越來(lái)越高，瀏覽器和W3C標(biāo)準(zhǔn)也在不斷演進(jìn)，甚至有專(zhuān)門(mén)的前端開(kāi)發(fā)工程師。在本例中，代碼臃腫、體驗(yàn)差的webform已經(jīng)被手工編寫(xiě)的HTML/CSS/JS頁(yè)面所取代。

當(dāng)然，市場(chǎng)一直需要以拖放控件的形式進(jìn)行無(wú)代碼或無(wú)代碼開(kāi)發(fā)。微軟也嘗試在后期推出LightSwitch等f(wàn)lash即插即用技術(shù)，但一般來(lái)說(shuō)，目前HTML頁(yè)面主要是手工開(kāi)發(fā)。然而，隨著單頁(yè)應(yīng)用程序spa和web組裝等HTML技術(shù)的出現(xiàn)，很有可能在未來(lái)會(huì)出現(xiàn)許多拖動(dòng)控件開(kāi)發(fā)工具。讓我們拭目以待。

HTML前端怎么學(xué)習(xí)好？

早期的前端設(shè)計(jì)非常直觀(guān)，可以使用Adobe Dreamweaver、Photoshop、fireworks、Flash軟件制作漂亮的網(wǎng)頁(yè)。HTML也不需要太先進(jìn)的技術(shù)，基本上可以使用表格。但隨著時(shí)間的推移，煙花爆竹和閃光已經(jīng)基本消除。相反，HTML5、CSS3、JavaScript、jQuery和Ajax是Web前端的核心技術(shù)。

現(xiàn)在學(xué)習(xí)HTML前端設(shè)計(jì)，我們首先需要掌握的是div和CSS。我們不能再使用以前直觀(guān)的設(shè)計(jì)方法，而是使用div和CSS來(lái)控制網(wǎng)頁(yè)的布局。我們還需要了解bootstrap/angularjs的框架。除此之外，交互式網(wǎng)頁(yè)的設(shè)計(jì)還需要掌握ASP、PHP等開(kāi)發(fā)語(yǔ)言的知識(shí)。一句話(huà)，前端開(kāi)發(fā)聽(tīng)起來(lái)很簡(jiǎn)單，但其實(shí)要學(xué)的東西太多了，太復(fù)雜了。

作為HTML前端的初學(xué)者，首先，我們應(yīng)該從最基本的開(kāi)始。如果我們能通過(guò)div和CSS控制網(wǎng)頁(yè)中的每一個(gè)內(nèi)容，那將會(huì)非常有趣。

html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣？

有很多可視化的HTML CSS JS工具，如：DW、h5builder、Baidu website framework、Vue等

但效果不如PPT，這涉及到一個(gè)基本問(wèn)題：開(kāi)發(fā)語(yǔ)言。

Ppt屬于Microsoft的封閉式office套件，其格式是獨(dú)占的，并且沒(méi)有供開(kāi)發(fā)人員使用的用戶(hù)定義的開(kāi)發(fā)腳本（excel有VBA宏）。Word具有基本的功能。Ppt僅提供封閉效果引用，如動(dòng)畫(huà)、圖片效果渲染等

Html是一種超文本標(biāo)記語(yǔ)言。在JS腳本和CSS樣式表的描述下，提供給瀏覽器（開(kāi)放軟件）臨時(shí)編譯對(duì)象在瀏覽器框架下運(yùn)行。因此，有些網(wǎng)頁(yè)在一個(gè)瀏覽器中顯示正常，在另一個(gè)瀏覽器中顯示不正常。因此，很難提供一個(gè)類(lèi)似ppt的可視化框框用于網(wǎng)頁(yè)的拖放編輯。

近年來(lái)，經(jīng)過(guò)前端開(kāi)發(fā)和后端開(kāi)發(fā)的分離，前端正朝著框架和模板的方向發(fā)展。如果沒(méi)有后臺(tái)的數(shù)據(jù)支持，在開(kāi)發(fā)階段，很多頁(yè)面甚至是空白的，這就更不可能用PPT的方式開(kāi)發(fā)了！