于安全的考慮,客戶端的js運(yùn)行會受到種種限制,下面就讓我們來了解一下。
瀏覽器的限制
瀏覽器限制了JavaScript任務(wù)的運(yùn)行時間。這種限制是有必要的,它確保某些惡意代碼不能通過永不停止的密集操作鎖住用戶的瀏覽器或計算機(jī)。
此類限制分為兩種
單個JavaScript操作花費(fèi)的總時間(最大值)不應(yīng)該超過100毫秒。這個數(shù)字源自Robert Miller于1968年的研究。Nielsen指出如果界面在100毫秒內(nèi)響應(yīng)用戶輸入,用戶會認(rèn)為自己在“直接操縱界面中的對象”。超過100毫秒意味著用戶會感到自己與界面失去的聯(lián)系。
建議是在50ms內(nèi)
瀏覽器不支持的功能
瀏覽器限制的功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
<ul>
<li></li>
<li></li>
</ul>
霍格沃茲的測試管理班是專門面向測試與質(zhì)量管理人員的一門課程,通過提升從業(yè)人員的團(tuán)隊(duì)管理、項(xiàng)目管理、績效管理、溝通管理等方面的能力,使測試管理人員可以更好的帶領(lǐng)團(tuán)隊(duì)、項(xiàng)目以及公司獲得更快的成長。提供 1v1 私教指導(dǎo),BAT 級別的測試管理大咖量身打造職業(yè)規(guī)劃。
lt;input> 元素的輸入類型
大家學(xué)習(xí)了表單之后,有木有發(fā)現(xiàn)input通過定義不同的type屬性,描述不同的輸入類型。今天小編帶大家總結(jié)一下input常用的輸入類型。
1.文本輸入
設(shè)置 type 屬性值為 'text'
<input type="text">
文本輸入框
2.密碼輸入
設(shè)置 type 屬性值為 ‘password’
<input type="password">
密碼輸入框
3.提交表單按鈕
設(shè)置 type 屬性值為 ‘submit’
<input type="submit">
定義提交表單數(shù)據(jù)至表單處理程序的按鈕
4.單選按鈕
設(shè)置 type 屬性值為 ‘radio’
<input type="radio">true
單選按鈕
5.復(fù)選框
設(shè)置 type 屬性值為 ‘checkbox’
<input type="checkbox">
6.按鈕
設(shè)置 type 屬性值為 ‘button’
<input type="button" value="確定">
<input>元素輸入屬性
在講input的輸入屬性之前,給大家講講HTML屬性是怎么回事。
可能大家也發(fā)現(xiàn)了,之前文章講得的HTML中,好多加了屬性的元素,例如a標(biāo)簽中加了href屬性定義了鏈接的地址,還有table中加border屬性給表格添加邊框線。
<a >sublime的安裝與使用</a>
<table border="1"></table>
HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現(xiàn),比如:name="value"。屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。
雖然屬性和屬性值對大小寫不敏感,但是小編還是建議大家用小寫的。
后續(xù)課程CSS會用到屬性給大家總結(jié)一下:
class 規(guī)定元素的類名
id 規(guī)定元素的唯一 id
style 規(guī)定元素的行內(nèi)樣式
好啦,我們開始學(xué)習(xí)input的輸入屬性。
看如下例子,
<input type="text" value="John">
type屬性定義了文本的輸入類型,value屬性定義了輸入字段的初始值。
設(shè)置默認(rèn)值
用value設(shè)置初始值往往在你修改輸入值時遇到麻煩,如果不提前把初始值刪掉的話,你輸入新值后跟在初始值后邊。
修改輸入值
為了解決這個問題,我們可以使用占位符(placeholder)
<input type="text" placeholder="John" >
當(dāng)你輸入新值時,初始值會消失。
使用占位符
readonly 屬性
readonly 屬性規(guī)定輸入字段為只讀(不能修改)
<input type="text" value="Sunshin" readonly>
disabled 屬性
disabled 屬性規(guī)定輸入字段是禁用的。
被禁用的元素是不可用和不可點(diǎn)擊的。
被禁用的元素不會被提交。
<input type="text" value="Sunshin" disabled >
輸入框不可用
required 屬性
required 屬性是布爾屬性。如果設(shè)置,則規(guī)定在提交表單之前必須填寫輸入字段。
<input type="text" value="Sunshin" required>
今天內(nèi)容是不是又有點(diǎn)多呢?我控制不住我自己啊(⊙o⊙)…
打開編輯器好好練習(xí)一下吧!
你必須非常努力,才能看起來好不費(fèi)力!
關(guān)注小白前端,才能持續(xù)收到文章推送哦~
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。