40個(gè)重要的html5面試題及答案-預(yù)覽頁(yè)
【正文】 /lineHTML5中canvas是什么？Canvas是HTML中你可以繪制圖形的區(qū)域我們?nèi)绾问褂肅anvas來(lái)畫(huà)一條簡(jiǎn)單的線？/canvas獲取畫(huà)布區(qū)域的訪問(wèn)在畫(huà)布上進(jìn)行繪圖我們首先需要獲取上下文區(qū)域的關(guān)聯(lián)，下面是獲取畫(huà)布區(qū)域的代碼。首先調(diào)用“move”方法并從一個(gè)點(diǎn)開(kāi)始，使用線條方法繪制線條然后使用stroke方法結(jié)束。以下是完整的代碼123456789101112bodyvar ctx=(2d)。}你可以得到以下輸出 strokewidth: 1px。(20,20,150,100)。}/style應(yīng)用上面的”intro”樣式給div，我們可以使用”class”選擇器，如下圖所示1234div class=intropMy name is Shivprasad koirala./ppI write interview questions./p/div如何使用ID值來(lái)應(yīng)用一個(gè)CSS樣式？假設(shè)，你有一個(gè)HTML段落標(biāo)簽，使用id是”mytext”，就和下面的片段中顯示的那樣1p id=mytextThis is HTML interview questions./p你可以使用””選擇器和”id”的名字創(chuàng)建一種樣式，并把CSS值應(yīng)用到段落標(biāo)簽中，因此應(yīng)用樣式到”mytext”元素，我們可以使用”mytext”，如下所示123456stylemytext{backgroundcolor:yellow。}設(shè)置所有含有“target”屬性的變?yōu)辄S色背景1234567a[target]{ backgroundcolor:yellow。}CSS中使用列布局是什么？CSS列布局幫助你分割文本變?yōu)榱?，例如考慮下面的雜志新聞在一個(gè)大的文本中，但是我們需要在他們之間使用邊界劃分為3列，這里HTML5的列布局就有所幫助了為了實(shí)現(xiàn)列布局我們需要指定以下內(nèi)容 /* Safari and Chrome */columnrule:6px outset ff00ff。}/style你可以使用class屬性來(lái)應(yīng)用樣式到文本123div class=magazineYour text goes here which you want to divide in to 3 columns./div你能解釋一下CSS的盒子模型么？CSS和模型是圍繞在HTML元素周?chē)亩xBorder(邊界)，padding(內(nèi)邊距)和margin(外邊距)的矩形空間Border(邊界)：定義了元素包含的最大區(qū)域，我們能夠使邊界可見(jiàn)，不可見(jiàn)，定義高度和寬度等；Padding(內(nèi)邊距)：定義了邊界和內(nèi)部元素的間距Margin：定義了邊界和任何相鄰元素的間距例如以下是簡(jiǎn)單的CSS代碼定義了盒子的邊界，內(nèi)邊距和外邊距值123456.box {width: 200px。}現(xiàn)在如果我們應(yīng)用了以上的CSS到一個(gè)如下顯示的DIV標(biāo)簽，你輸出將會(huì)和下面圖形中顯示的那樣。text”，因此我們能看到多少margin(外邊距)的屬性功能1234div align=middle class=boxSome text/divSome other text你能解釋一些CSS3中的文本效果么？這里面試官期待你回答兩個(gè)Css的文本效果，以下是兩種需要注意的效果陰影文本效果1234.specialtext{textshadow: 5px 5px 5px FF0000。 i 10000000000000。worker的作用Web我們需要使用“PostMessage”發(fā)送信息給worker對(duì)象，下面是相同的代碼。這個(gè)繁重的循環(huán)在“”的Javascript文件中，以下代碼，當(dāng)Javascript文件想發(fā)送信息，他使用”postmessage”，同時(shí)任何來(lái)自發(fā)送者的信息都在“onmessage”事件中接收到。}(x)。以一個(gè)股票應(yīng)用為例，瀏覽器必須定期從服務(wù)器更新最新的股票值。簡(jiǎn)而言之，當(dāng)服務(wù)器更新的時(shí)候，將會(huì)發(fā)送更新到瀏覽器客戶端，那可以被接受通過(guò)使用”SERVER我們需要附加功能到”onmessage”事件就像以下顯示的那樣。}。::in.因此，舉例說(shuō)明，請(qǐng)標(biāo)記內(nèi)容類(lèi)型設(shè)置給文本/事件1234=text/eventstream。以下是設(shè)置10s后重試的命令1(retry: 10000)。我們?nèi)绾螐谋镜卮鎯?chǔ)中添加和移除數(shù)據(jù)？數(shù)據(jù)添加到本地存儲(chǔ)采用鍵值對(duì)，以下示例顯示了城市數(shù)據(jù)”India”添加了鍵”Key001”1(“Key001”,”India”)。 = “I001”。本地存儲(chǔ)的生命周期是什么？本地存儲(chǔ)沒(méi)有生命周期，它將保留知道用戶從瀏覽器清除或者使用Javascript代碼移除。什么是事務(wù)存儲(chǔ)？我們?nèi)绾蝿?chuàng)建一個(gè)事務(wù)存儲(chǔ)？會(huì)話存儲(chǔ)和本地存儲(chǔ)類(lèi)似，但是數(shù)據(jù)在會(huì)話中有效，簡(jiǎn)而言之?dāng)?shù)據(jù)在你關(guān)閉瀏覽器的時(shí)候就被刪除了。}本地存儲(chǔ)和事務(wù)存儲(chǔ)之間的區(qū)別是什么？本地存儲(chǔ)數(shù)據(jù)持續(xù)永久，但是會(huì)話在瀏覽器打開(kāi)時(shí)有效知道瀏覽器關(guān)閉時(shí)會(huì)話變量重置什么是WebSQL？WebSQL是一個(gè)在瀏覽器客戶端的結(jié)構(gòu)關(guān)系數(shù)據(jù)庫(kù)，這是瀏覽器內(nèi)的本地RDBMS(關(guān)系型數(shù)據(jù)庫(kù)系統(tǒng))，你可以使用SQL查詢WebSql是HTML5的一個(gè)規(guī)范嗎？不是，許多人把它標(biāo)記為HTML5，但是他不是HTML5的規(guī)范的一部分，這個(gè)規(guī)范是基于SQLite的我們?nèi)绾问褂肳ebSQL？第一步我們需要做的是使用如下所示的“OpenDatabase”方法打開(kāi)數(shù)據(jù)庫(kù)，第一個(gè)參數(shù)是數(shù)據(jù)庫(kù)的名字，接下來(lái)是版本，然后是簡(jiǎn)單原文標(biāo)題，最后是數(shù)據(jù)庫(kù)大??；1var db=openDatabase(39。,39。)。(39。 i++){customer).innerHTML +=})。 所有manifest文件都以“CACHE命令指出哪些文件需要被緩存.( 20120221 \n)。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1