<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;} Yourtextgoesherewhichyouwanttodivideinto3columns.
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相关阅读
网络安全技术与攻防实战
7月09-11日
在线咨询
PMP项目管理国际认证
7月14-07日
在线咨询
国家软考高级-系统分析师
7月17-06日
在线咨询
ITSS-IT服务项目经理认证
7月23-25日
在线咨询
ITSS-IT服务工程师认证
7月23-24日
在线咨询
AI重塑办公-Deepseek助力职场办公效能提升全攻略
7月23-24日
在线咨询
TOGAF®EA理论与实践鉴定级认证
7月24-27日
在线咨询
DeepSeek大模型应用开发最佳实践
7月25-27日
在线咨询
国家注册信息安全专业人员CISP认证
7月26-30日
在线咨询
国际注册信息系统审计师CISA认证
7月26-30日
在线咨询
数据治理、数据架构设计及数据标准化方法
7月28-30日
在线咨询
AI赋能项目管理-从需求到管理落地,对标巨头实战
7月28-31日
在线咨询
业务需求分析及产品设计实战
7月28-30日
在线咨询
云原生架构与容器化部署实战训练营
7月28-30日
在线咨询
全国报名服务热线
400-626-7377
热门课程咨询
在线咨询
微信公众号
微信号:zpitedu