按照環(huán)境選擇符合的界面控件 是很重要的。差異環(huán)境下可以用差異的方法處理懲罰，并且某些控件會比其他控件可以或許更好地完成他們的方針事情。

雖然，我們會發(fā)起您同時還對處事器端舉辦查抄，以確保反復(fù)不會得到通過。

1、禁用按下按鈕

客戶端則是簡樸得多。所有您需要做的就是在點擊之后禁用“提交”按鈕 。最簡樸的要領(lǐng)就是為“提交”按鈕添加一段JavaScript，如下所示：

它有兩層維護(hù)：客戶端和處事器端 。我們不會通過處事器端維護(hù)是因為這將取決于您利用的編程語言和你的后端架構(gòu)。根基上你應(yīng)該做的就是在提交進(jìn)程中添加一個檢測機(jī)制，去查抄被提交的內(nèi)容是否反復(fù)，而且是否需要阻止提交。

在Web前端開拓中，簡樸這個原則是很重要的。在任何時候，你在屏幕上顯示越多的節(jié)制，您的用戶將不得不耗費更多的時間去搞清楚如何利用界面。當(dāng)選擇變少時，可用的成果變得越發(fā)明明更容易被發(fā)明。簡化的界面固然是不容易的，尤其是假如你不想限制應(yīng)用措施的成果的時候。

<input type=”submit” value=”Submit” onclick=”this.disabled=true” />

2、專門操縱

當(dāng)你點擊 Kontain 搜索框的搜索鏈接時，泰安百度愛采購，會呈現(xiàn)一個雷同于下拉菜單的層。所以，假如您需要來縮小搜索范疇，您可以選擇菜單中你所需要的范例。這些選項的聚合簡化了搜索框。

當(dāng)你點擊 CollabFinder 的搜索鏈接時你不需要打開差異的頁面，相反，搜索框的節(jié)制菜單下拉下來，答允你可以或許直接開始搜索。

以前，我們并沒有留意到web應(yīng)用措施這個方法，可是此刻是時候仔細(xì)看看一些實用的技能和設(shè)計辦理方案，讓W(xué)eb應(yīng)用更友好更大度。

在彈出菜單和窗口下的陰影不止是看起來很大度這么簡樸。它們輔佐菜單可能窗口通過強(qiáng)調(diào)從配景中脫穎而出 。它們還通過周圍暗色調(diào)區(qū)域來屏蔽掉配景內(nèi)容的噪音。

Web應(yīng)用措施的界面設(shè)計，其焦點就是網(wǎng)頁設(shè)計，但它的重點主要是在成果方面。要逾越桌面應(yīng)用措施， Web應(yīng)用措施必需提供簡樸、直觀和即時響應(yīng)的用戶界面，讓他們的用戶花更少的精神和時間去完成工作。

在web應(yīng)用措施的表單問題中有一個就是提交進(jìn)程，很是簡樸的表單，假如你快速所在擊兩次可能更多次“提交”按鈕，這個表單會被多次提交。這顯示是個問題，因為它會反復(fù)建設(shè)溝通的項目 。防備反復(fù)提交的不是很難，并且對付大大都Web應(yīng)用措施來說做到這一點長短常須要的。

3、模仿窗口的陰影

界面元素的需求

在 Yammer 上，當(dāng)你的新動靜被提交之后，“更新”按鈕將被克制。

Backpack 里有一個緊湊的日歷和時間選擇器選擇提醒日期。

譬喻，你可以通過一個下拉列表來選擇年代日，可是和日歷選擇器對比下拉列表不長短常高效的，在日歷里你可以直接通過點擊選擇你想要的某一天。日歷選擇器也會讓你更容易看到日期、周期和月份（出格是事情日和休息日），因此可以或許讓你比用簡樸的下拉列表更快地做出更明智的選擇 。

Web前端應(yīng)用十種常用技能，跟著JS與XHTML的應(yīng)用普及，越來越多的web界面應(yīng)用技能呈此刻網(wǎng)站上，好比我們常見的日歷控件，搜索下拉框等，這些web界面應(yīng)用技能大大的富厚了網(wǎng)站的表示形式，本文將為您經(jīng)心推薦十種最常見的web界面應(yīng)用技能。

埋沒可能掩蓋高級成果 是使工作越發(fā)簡樸的一種要領(lǐng)。找出最常用的成果，而且把剩下的藏起來。你可以用彈出式菜單和操縱來做這件事，這在桌面軟件中很常見。譬喻，假如您的搜索欄擁有高級過濾器，把它們放在尾部的一個出格的下拉菜單中。假如用戶需要利用這些過濾器，他們只需幾下點擊便可以開啟這些成果。抉擇該保存什么埋沒什么不是一個簡樸的任務(wù)，也會取決于重要性和操縱時的頻繁水平。

文章標(biāo)題：淄博網(wǎng)站制作Web前端應(yīng)用十種常用技能
本文網(wǎng)址：http://jinyejixie.com/news13/235363.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)