h5 拖拽 web開發(fā)為何沒往拖動控件的方向發(fā)展?
web開發(fā)為何沒往拖動控件的方向發(fā)展?作為一個ASP時代的老程序員,我們可以負(fù)責(zé)任地說,web開發(fā)拖拽控制是在10多年前與Microsoft aspdotnet一起推出時,通過webform技術(shù)實(shí)現(xiàn)的
web開發(fā)為何沒往拖動控件的方向發(fā)展?
作為一個ASP時代的老程序員,我們可以負(fù)責(zé)任地說,web開發(fā)拖拽控制是在10多年前與Microsoft aspdotnet一起推出時,通過webform技術(shù)實(shí)現(xiàn)的,目前還處于產(chǎn)品生命周期。雖然不再更新新功能,但仍有正常的產(chǎn)品維護(hù)。
在webform技術(shù)剛剛誕生的時代,許多Delphi/VB開發(fā)人員剛剛從拖拽控制轉(zhuǎn)向web開發(fā)。在這個時候,webform,它有著類似于本地開發(fā)的簡單的入口和事件模型,甚至一經(jīng)推出就變得流行起來。它已成為開發(fā)B/s(即所謂的瀏覽器/服務(wù)器)應(yīng)用程序的首選技術(shù)。
那是一個互聯(lián)網(wǎng)不太流行的時代,每個人都在做MIS。盡管webform很流行,但這是因?yàn)閣ebform的事件模型本質(zhì)上需要提交一個頁面并與后端服務(wù)器交互,這與Ajax和其他技術(shù)在根本上是矛盾的。而且,通過拖拽控件,頁面會產(chǎn)生大量冗余的HTML標(biāo)簽,導(dǎo)致頁面尺寸巨大,CSS很難應(yīng)用。
隨著web開發(fā)技術(shù)的發(fā)展,用戶對前端體驗(yàn)的要求越來越高,瀏覽器和W3C標(biāo)準(zhǔn)也在不斷演進(jìn),甚至有專門的前端開發(fā)工程師。在本例中,代碼臃腫、體驗(yàn)差的webform已經(jīng)被手工編寫的HTML/CSS/JS頁面所取代。
當(dāng)然,市場一直需要以拖放控件的形式進(jìn)行無代碼或無代碼開發(fā)。微軟也嘗試在后期推出LightSwitch等flash即插即用技術(shù),但一般來說,目前HTML頁面主要是手工開發(fā)。然而,隨著單頁應(yīng)用程序spa和web組裝等HTML技術(shù)的出現(xiàn),很有可能在未來會出現(xiàn)許多拖動控件開發(fā)工具。讓我們拭目以待。
html5div可隨意拖動怎么實(shí)現(xiàn)?
1. 如果不自定義進(jìn)度條,則只能使用默認(rèn)進(jìn)度條。默認(rèn)進(jìn)度條在視頻標(biāo)簽中設(shè)置。我們做不到。我們不能拖動它,但我們可以模擬它。單擊視頻或視頻所在的div時,可以使其無效。其原理是鼠標(biāo)不能選擇進(jìn)度條,所以你不能拖動它。如果希望能夠控制播放和暫停,可以實(shí)現(xiàn)JS控制。無論如何,你可以跳過視頻控制器,自己寫。2使用透明層或圖片來覆蓋進(jìn)度條
W3C標(biāo)準(zhǔn)有時非常無聊。對于這個標(biāo)準(zhǔn),這個不能用,那個不能用。
還有各種各樣的標(biāo)簽讓人眼花繚亂,反正多了又砸,很多標(biāo)簽可以互相替代。在一定程度上,它對開發(fā)者不友好,增加了學(xué)習(xí)成本。
標(biāo)準(zhǔn)統(tǒng)一雖然是好事,但太標(biāo)準(zhǔn)也是一件麻煩的事。
例如,按鈕是綁定事件的按鈕。但現(xiàn)在看來,這種風(fēng)格太難看了。如果你想美化它,你必須去邊境等。還有一個按鈕,你在里面嵌套一個圖,然后添加事件。先別說是否符合標(biāo)準(zhǔn)??吹剿懿皇娣?。這不是巴頓應(yīng)該做的。
所以現(xiàn)在不方便使用按鈕。無論如何,大多數(shù)事件元素都可以添加,而且比按鈕更容易使用。
所以可以用div進(jìn)行模擬
使用jQuery使按鈕左右移動div。方法如下:jQuery是一套跨瀏覽器的JavaScript庫,簡化了HTML和JavaScript之間的操作。第一個版本由johnresig于2006年1月在紐約巴坎普發(fā)布。它目前由Dave methvin領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)開發(fā)。在全球排名前10000位的網(wǎng)站中,59%的網(wǎng)站使用jQuery,這是目前最流行的JavaScript庫。