<script>functionDrawMe(){varc=document.getElementById("mycanvas");varctx=c.getContext("2d");ctx.moveTo(10,10);ctx.lineTo(200,100);ctx.stroke();}你可以得到以下輸出Canvas和SVG圖形的區別是什么?Note:-如果你看了之前的兩個的問題,Canvas和SVG都可以在瀏覽器上繪制圖形。因此在這個問題中,面試官想知道你在什么時候選用哪種方式。SVGCanvas這個就好像繪制和記憶,換句話說任何使用SVG繪制的形狀都能被記憶和操作,瀏覽器可以再次顯示Canvas就像繪制和忘記,一旦繪制完成你不能訪問像素和操作它SVG對于創建圖形例如CAD軟件是良好的,一旦東西繪制,用戶就想去操作它Canvas在繪制和忘卻的場景例如動畫和游戲是良好的因為為了之后的操作,需要記錄坐標,所以比較緩慢因為沒有記住以后事情的意向,所以更快我們可以用繪制對象的相關事件處理我們不能使用繪制對象的相關事件處理,因為我們沒有他們的參考分辨率無關分辨率相關如何使用Canvas和HTML5中的SVG去畫一個矩形?HTML5使用SVG繪制矩形的代碼?123 MynameisShivprasadkoirala. Iwriteinterviewquestions.
如何使用ID值來應用一個CSS樣式?假設,你有一個HTML段落標簽,使用id是”mytext”,就和下面的片段中顯示的那樣?1
ThisisHTMLinterviewquestions.
你可以使用”#”選擇器和”id”的名字創建一種樣式,并把CSS值應用到段落標簽中,因此應用樣式到”mytext”元素,我們可以使用”#mytext”,如下所示?123456<>#mytext{background-color:yellow;}>迅速修訂一些重要的選擇器設置所有段落標簽背景色為黃色?1234divp{background-color:yellow;}設置所有div內部的段落標簽為黃色背景?1234divp{background-color:yellow;}設置所有div之后的段落標簽為黃色背景?1234div+p{background-color:yellow;}設置所有含有“target”屬性的變為黃色背景?1234567a[target]{background-color:yellow;}Sometext
Someothertext你能解釋一些CSS3中的文本效果么?這里面試官期待你回答兩個Css的文本效果,以下是兩種需要注意的效果陰影文本效果?1234.specialtext{text-shadow:5px5px5px#FF0000;}文字包裝效果?1234<>.breakword{word-wrap:break-word;}>什么是Web Workers?為什么我們需要他們?考慮以下會執行上百萬次的繁重的循環代碼?1234567functionSomeHeavyFunction(){for(i=0;i<10000000000000;i++){x=i+x;}}比方說上面的循環代碼在HTML按鈕點擊以后執行,現在這個方法執行是同步的,換句話說這個瀏覽器必須等到循環完成才能操作?1
";};現在來自服務端,我們需要去發送事件,下面是一些用命令需要從服務端發送的重要事件列表EventCommand發送數據到客戶端data:hello告訴客戶端10s內重試retry:10000提出具體事件與數據event:successdata:Youareloggedin.因此,舉例說明,如果你想下面的ASP.NET代碼一樣發送數據,請標記內容類型設置給文本/事件?1234Response.ContentType="text/event-stream";Response.Expires=-1;Response.Write("data:"+DateTime.Now.ToString());Response.Flush();以下是設置10s后重試的命令?1Response.Write("retry:10000");如果你想附加事件,我們需要使用“addEventListener”事件,如下代碼所示:?123source.addEventListener(message,function(e){console.log(e.data);},false);來自服務器端的以下信息將會觸發Javascript的”message”方法?12event:messagedata:helloHTML5中的本地存儲概念是什么?很多時候我們會存儲用戶本地信息到電腦上,例如:比方說用戶有一個填充了一半的長表格,然后突然網絡連接斷開了,這樣用戶希望你能存儲這些信息到本地,當網絡恢復的時候,他想獲取這些信息然后發送到服務器進行存儲現代瀏覽器擁有的存儲被叫做“Local Storage”,你可以存儲這些信息。我們如何從本地存儲中添加和移除數據?數據添加到本地存儲采用鍵值對,以下示例顯示了城市數據”India”添加了鍵”Key001”?1localStorage.setItem(“Key001”,”India”);從本地存儲中檢索數據我們可以提供鍵名并使用”getItem”方法?1varcountry=localStorage.getItem(“Key001”);你也可以使用以下代碼,存儲Javascript對象在本地存儲中?12345varcountry={};country.name=“India”;country.code=“I001”;localStorage.setItem(“I001”,country);varcountry1=localStorage.getItem(“I001”);如果你想存儲Json格式,你可以使用“JSON.stringify”方法,如下所示:?1localStorage.setItem(“I001”,JSON.stringify(country));本地存儲的生命周期是什么?本地存儲沒有生命周期,它將保留知道用戶從瀏覽器清除或者使用Javascript代碼移除。本地存儲和cookies(儲存在用戶本地終端上的數據)之間的區別是什么?CookiesLocalstorage客戶端/服務端客戶端和服務端都能訪問數據。Cookie的數據通過每一個請求發送到服務端只有本地瀏覽器端可訪問數據,服務器不能訪問本地存儲直到故意通過POST或者GET的通道發送到服務器大小每個cookie有4095byte每個域5MB過期Cookies有有效期,所以在過期之后cookie和cookie數據會被刪除沒有過期數據,無論最后用戶從瀏覽器刪除或者使用Javascript程序刪除,我們都需要刪除什么是事務存儲?我們如何創建一個事務存儲?會話存儲和本地存儲類似,但是數據在會話中有效,簡而言之數據在你關閉瀏覽器的時候就被刪除了。為了創建一個會話存儲你需要使用“sessionStorage.variablename.”在以下的代碼我們創建了一個名為”clickcount”的變量;如果你刷新瀏覽器則數目增加,但是如果你關閉瀏覽器,“clickcount”變量又會從0開始。 12345678if(sessionStorage.clickcount){sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;}else{sessionStorage.clickcount=0;}本地存儲和事務存儲之間的區別是什么?本地存儲數據持續永久,但是會話在瀏覽器打開時有效知道瀏覽器關閉時會話變量重置什么是WebSQL?WebSQL是一個在瀏覽器客戶端的結構關系數據庫,這是瀏覽器內的本地RDBMS(關系型數據庫系統),你可以使用SQL查詢WebSql是HTML5的一個規范嗎?不是,許多人把它標記為HTML5,但是他不是HTML5的規范的一部分,這個規范是基于SQLite的我們如何使用WebSQL?第一步我們需要做的是使用如下所示的“OpenDatabase”方法打開數據庫,第一個參數是數據庫的名字,接下來是版本,然后是簡單原文標題,最后是數據庫大小;?1vardb=openDatabase(dbCustomer,1.0,Customerapp’,2*1024*1024);為了執行SQL,我們需要使用“transaction”方法,并調用”executeSql”方法來使用SQL?123456db.transaction(function(tx){tx.executeSql(CREATETABLEIFNOTEXISTStblCust(idunique,customername));tx.executeSql(INSERTINTOtblcust(id,customername)VALUES(1,"shiv"));tx.executeSql(INSERTINTOtblcust(id,customername)VALUES(2,"raju"));}萬一你要使用“select”查詢你會得到數據”result”集合,我們可以通過循環展示到HTML的用戶界面?12345678910db.transaction(function(tx){tx.executeSql(SELECT*FROMtblcust,[],function(tx,results){for(i=0;i
";document.querySelector(#customer).innerHTML+=msg;}},null);});HTML5中的應用緩存是什么?一個最需要的事最終是用戶的離線瀏覽,換句話說,如果網絡連接不可用時,頁面應該來自瀏覽器緩存,離線應用緩存可以幫助你達到這個目的應用緩存可以幫助你指定哪些文件需要緩存,哪些不需要。HTML5中我們如何實現應用緩存?首先我們需要指定”manifest”文件,“manifest”文件幫助你定義你的緩存如何工作。以下是”mainfest”文件的結構?1234CACHEMANIFEST#version1.0CACHE:Login.aspx所有manifest文件都以“CACHEMANIFEST”語句開始.#(散列標簽)有助于提供緩存文件的版本.CACHE命令指出哪些文件需要被緩存.Mainfest文件的內容類型應是“text/cache-manifest”.以下是如何在ASP.NETC#使用manifest緩存?1234567Response.ContentType="text/cache-manifest";Response.Write("CACHEMANIFEST
");Response.Write("#2012-02-21v1.0.0
");Response.Write("CACHE:
");Response.Write("Login.aspx
");Response.Flush();Response.End();創建一個緩存manifest文件以后,接下來的事情實在HTML頁面中提供mainfest連接,如下所示:?1相關閱讀
全國報名服務熱線
400-626-7377
熱門課程咨詢
在線咨詢
微信公眾號
微信號:zpitedu