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

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

1、禁用按下按鈕

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

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

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

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

2、專門操縱

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

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

以前，我們并沒有留意到web應(yīng)用措施這個方法，可是此刻是時候仔細看看一些實用的技能和設(shè)計辦理方案，讓W(xué)eb應(yī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)用措施的表單問題中有一個就是提交進程，很是簡樸的表單，假如你快速所在擊兩次可能更多次“提交”按鈕，這個表單會被多次提交。這顯示是個問題，因為它會反復(fù)建設(shè)溝通的項目 。防備反復(fù)提交的不是很難，并且對付大大都Web應(yīng)用措施來說做到這一點長短常須要的。

3、模仿窗口的陰影

界面元素的需求

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

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ù)，也會取決于重要性和操縱時的頻繁水平。

文章標題：淄博網(wǎng)站制作Web前端應(yīng)用十種常用技能
本文網(wǎng)址：http://m.newbst.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)