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

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

1、禁用按下按鈕

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

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

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

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

2、專門操縱

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

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

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

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

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

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

3、模仿窗口的陰影

界面元素的需求

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

Backpack 里有一個(gè)緊湊的日歷和時(shí)間選擇器選擇提醒日期。

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

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

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

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

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

廣告

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