课程咨询:400-111-8989

  • 值得收藏的HTML5 面试问题及答案(二)

    本文地址:http://www.xinjiuyang.com.cn/prospect/guidance/310780.html
    文章摘要:值得收藏的HTML5 面试问题及答案(二),住下来虚耗小说改编,楚楚有致茶钱最久。

    发布:pk10搜狐  来源:html5就业指导  时间: 2018年04月24日

  • 在上一篇文章中小编为小伙伴们带来了HTML5的面试题及答案(一)。今天小编将继续为大家带来后面的内容。最近很多小伙伴找工作的时候,会发现很多问题都是围绕HTML5和它的新功能展开的。所以,下面我将列出一些有助于你提高相关HTML5知识的重要问题。这些问题并不能保证你一定能找到工作,但可以肯定的是,如果你想提升自己关于HTML5的素养,那么它们一定是有用的。下面一起和小编来看一看吧。...

  • 在上一篇文章中小编为小伙伴们带来了HTML5的面试题及答案(一)。今天小编将继续为大家带来后面的内容。最近很多小伙伴找工作的时候,会发现很多问题都是围绕HTML5和它的新功能展开的。所以,下面我将列出一些有助于你提高相关HTML5知识的重要问题。这些问题并不能保证你一定能找到工作,但可以肯定的是,如果你想提升自己关于HTML5的素养,那么它们一定是有用的。下面一起和小编来看一看吧。

    1. CSS中列布局的用处是什么?

    CSS列布局可以帮助你分配文字为一个个列。例如,下面的杂志新闻文本内容就比较大,我们需要用两条边界线分成相同的3列。这就是HTML 5列布局的用途。

    要实现列布局,我们需要指定以下内容:

    要将文本分割成多少列?

    要指定列数,需要使用column-count。Chrome和Firefox分别需要 “WebKit”和“moz-column”。

    -moz-column-count:3; /* Firefox */

    -webkit-column-count:3; /* Safari and Chrome */

    column-count:3;

    2. 这些列之间的间距要多大?

    -moz-column-gap:40px; /* Firefox */

    -webkit-column-gap:40px; /* Safari and Chrome */

    column-gap:20px;

    要不要再列之间画分界线?

    3.如果需要的话,那么线要多粗?

    -moz-column-rule:4px outset #ff00ff; /* Firefox */

    -webkit-column-rule:4px outset #ff00ff; /* Safari and Chrome */

    column-rule:6px outset #ff00ff;

    下面是完整代码。

    <style>

    .magazine

    {

    -moz-column-count:3; /* Firefox */

    -webkit-column-count:3; /* Safari and Chrome */

    column-count:3;

    -moz-column-gap:40px; /* Firefox */

    -webkit-column-gap:40px; /* Safari and Chrome */

    column-gap:20px;

    -moz-column-rule:4px outset #ff00ff; /* Firefox */

    -webkit-column-rule:4px outset #ff00ff; /* Safari and Chrome */

    column-rule:6px outset #ff00ff;

    }

    </style>

    然后,你可以通过使用class属性应用样式到文本。

    <div class="magazine">

    Your text goes here which you want to divide in to 3 columns.

    </div>

    4.请解释一下CSS盒子模型?

    CSS盒子模型是一个围绕HTML元素——并且HTML元素定义了边框border,内边距padding和外边距margin 的矩形空间。

    · Border:——定义了包含元素的最大面积。边框可以可见,也可以不可见,可以定义它的高度和宽度等。

    · Padding:——定义边框和元素之间的间距。

    · Margin:——定义边框和任何相邻元素之间的间距。

    例如下面就是一段简单的定义了box边框,外边距和内边距值的CSS代码。

    .box {

    width: 200px;

    border: 10px solid #99c;

    padding: 20px;

    margin: 50px;

    }

    现在,如果我们应用上述CSS代码到DIV标记,如下所示,那么你的输出将会如下图所示。我创建了两个文本,“Some text”和“Some other text”,这样我们可以看到margin属性函数是怎么样的。

    <div align="middle" class="box">

    Some text

    </div>

    Some other text

    5.请解释一下CSS 3中的一些文本效果?

    面试官希望你能够通过CSS回答两个文本效果中的一个。下面是两个值得注意的文本效果。

    阴影文字效果

    .specialtext

    {

    text-shadow: 5px 5px 5px #FF0000;

    }

    自动换行效果

    <style>

    .breakword

    {word-wrap:break-word;}

    </style>

    6.web workers是什么,pk10搜狐:为什么我们需要web workers?

    请看下面的for循环代码,它将运行超过百万次。

    function SomeHeavyFunction()

    {

    for (i = 0; i < 10000000000000; i++)

    {

    x = i + x;

    }

    }

    假设上述for循环代码在一个HTML按钮点击上执行。现在,这种方法执行是同步的。换句话说,完整的浏览器会一直等,直到循环完成。

    <input type="button" onclick="SomeHeavyFunction();" />

    这会进一步导致浏览器冻结,并出现如下图所示的错误信息而无法响应。

    因此,如果我们可以将这个烦琐的for循环到一个JavaScript文件中,并异步运行,那么就意味着浏览器不必等待循环,这样我们就能拥有一个更敏感的浏览器。这就是web worker的目的。

    web worker有助于异步执行JavaScript文件。

    7.HTML 5中的本地存储概念?

    很多时候,我们想在本地计算机存储有关用户的信息。例如,假设用户已经填满了一半的长表单,互联网却突然连接中断。此时,用户希望能在本地存储这些信息,然后当重新连接到互联网的时候,获取这些信息,并将其发送到服务器进行存储。

    现代的浏览器存储称为“本地存储”,可以让你存储这些信息。

    8.如何添加和删除本地存储中的数据?

    添加到本地存储的数据使用“键”和“值”。下面的示例代码显示了国家数据“India”添加的键值为“Key001”。

    localStorage.setItem(“Key001”,”India”);

    要检索本地存储的数据,我们需要使用“getItem”来提供键名。

    var country = localStorage.getItem(“Key001”);

    你还可以使用下面的代码存储JavaScript对象到本地存储。

    var country = {};

    country.name = “India”;

    country.code = “I001”;

    localStorage.setItem(“I001”, country);

    var country1 = localStorage.getItem(“I001”);

    如果你想用JSON格式存储,那么可以使用“JSON.stringify”函数,如下面所示的代码。

    localStorage.setItem(“I001”,JSON.stringify(country));

    9.什么是本地存储的生命周期?

    本地存储没有生命周期,它会一直存在直到用户将其从浏览器清楚或使用JavaScript代码删除它。

    10.本地存储和cookies之间的区别是什么?

    cookies本地存储

    客户端/服务器端既可以从客户端也可以从服务器端访问数据。每个请求都会发送cookie数据到服务器。只能在本地浏览器端访问数据。服务器无法访问本地存储,除非特意通过POST或GET发送到服务器。

    大小每个Cookie 4095个字节。每个域5 MB。

    有效期cookie有附加的有效期。所以有效期后的cookie和cookie数据会被删除。数据没有有效期限。要么最终用户从浏览器删除它,要么使用JavaScript编程删除。

    11.WebSQL是什么?

    WebSQL是客户浏览器端的结构化的关系数据库。这是浏览器内部的本地RDBMS,你可以在这个本地RDBMS上执行SQL查询。

    12.WebSQL是HTML 5规范的一部分吗?

    不是,虽然很多人将其标记为HTML 5,但它不是HTML 5规范的一部分。HTML 5规范基于SQLite。

    13.那么如何使用WebSQL?

    我们需要做的第一步是通过使用“OpenDatabase”函数开放数据库,如下图所示。第一个参数是数据库的名称,接下来是版本,然后一个简单的文本标题,最后的是数据库的大小。

    var db=openDatabase('dbCustomer','1.0','Customer app’, 2 * 1024 * 1024);

    要执行SQL,我们需要使用“transaction”函数,并调用“executeSql”函数执行SQL。

    db.transaction(function (tx)

    {

    tx.executeSql('CREATE TABLE IF NOT EXISTS tblCust(id unique, customername)');

    tx.executeSql('INSERT INTO tblcust (id, customername) VALUES(1, "shiv")');

    tx.executeSql('INSERT INTO tblcust (id, customername) VALUES (2, "raju")');

    }

    如果你执行“select”查询,那么你将得到的数据是“results”集合,这个数据集合可以循环和显示在HTML界面中。

    db.transaction(function (tx)

    {

    tx.executeSql('SELECT * FROM tblcust', [], function (tx, results) {

    for (i = 0; i < len; i++)

    {

    msg = "<p><b>" + results.rows.item(i).log + "</b></p>";

    document.querySelector('#customer).innerHTML += msg;

    }

    }, null);

    });

    1.0缓存:Login.aspx

    · 所有的manifest资源配置文件以CACHE MANIFEST声明开头。

    · #(哈希标签)有助于提供缓存文件的版本。

    · CACHE命令指定哪些文件需要被缓存。

    · manifest资源配置文件的内容类型应是“text /cache-manifest”。

    ·

    以下就是使用ASP.NET C#提供的缓存清单。

    Response.ContentType = "text/cache-manifest";

    Response.Write("CACHE MANIFEST \n");

    Response.Write("# 2012-02-21 v1.0.0 \n");

    Response.Write("CACHE : \n");

    Response.Write("Login.aspx \n");

    Response.Flush();

    Response.End();

    在创建了缓存清单文件之后,接下来的事情就是提供清单文件在HTML页面中的链接,如下所示。

    <html manifest="cache.aspx">

    上述文件第一次运行时,它会被增加到浏览器应用程序缓存中,万一服务器宕机的话,页面就可以由应用程序缓存提供服务。

    应用程序缓存中的回退页面功能?

    <a name="WhatisfallbackinApplicati>FALLBACK:

    /home/ /homeoffline.html </a></pre>

    <h2><a name=" whatisfallbackinapplicati=""></a>

    以上就是小编今天跟小伙伴分享的关于HTML5的面试题及答案(二),准备参加相关面试我的小伙伴们看一看,希望对你有所帮助。如果你想了解更多HTML5就业方面的信息,欢迎关注达内HTML5就业指导栏目。

    【免责声明:本文图片及文字信息均由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系】

  • 上一篇:值得收藏的HTML5 面试问题及答案(一)

    下一篇:没有下一篇了

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56
北京赛车幕后控制的 pk10投注平台那个好 北京pk10介绍 北京赛车pk10手机助手 为什么北京赛车老是输
北京赛车pk10现场开奖直播 北京塞车pk10开奖网址 北京pk10新凤凰 时时彩最准的计划软件 北京pk10免费计划软件
北京赛车pk10私网改单 北京赛车pk10开奖客户端 北京赛车开奖直播 pk10开奖直播皇家 北京pk10全年开奖记录
pk10五码二期必中技巧 pk10冠亚和值技巧大全 北京赛车pk10人工计划 北京pk10官网最快开奖 北京pk10前三直选杀号
德州扑克小游戏 辽宁快乐12实时开奖 排列五开奖号码 快乐双彩玩法 天龙扑克
安徽11选5开奖时间 云南快乐十分历史开奖 双色球3d开奖结果 福建体育彩票36选7开奖结果 广西快乐十分走势图非凡网
河南快三走势图 安徽体彩十一选五 福建22选5 棋牌 黑龙江福彩22选5开奘结果
重庆时时彩中奖号码 如何玩十一选五﹤计划﹥ 浙江十一选五查询结果 彩票开奖江西多乐彩 新疆时时彩走势图