16项基本银河游戏官方首页采访问题 *

寻找 自由职业工作?用顶尖的自由职业者设计你的生活方式。

提交面试问题

Give a simple implementation of the <video> tag to embed a video stored at http://www.example.com/amazing_video.mp4. Give the video a width of 640 pixels by 360 pixels. Provide the user with controls.

这是一个简单的实现:

<video src="http://www.example.com/amazing_video.mp4" width="640" height="360" controls></video>

Alternatively, the source file may be indicated with a separate <source> tag inside the <video> element, as in:

<video width="640" height="360" controls>
  <source src="http://www.example.com/amazing_video.mp4">
</video>

银河游戏官方首页规范的一些关键目标和动机是什么?

银河游戏官方首页旨在替换HTML 4,XHTML和HTML DOM级别2。

的主要目标 HTML规范 were to:

  • 提供丰富的内容(图形,电影等),无需其他插件(例如,闪光灯)。
  • 通过引入新的结构元素标签为网页结构提供更好的语义支持。
  • 提供更严格的解析标准,以简化错误处理,确保更一致的跨浏览器行为,并简化与写入旧标准的文档的向后兼容性。
  • 提供更好的跨平台支持(即,是否在PC,平板电脑或智能手机上运行)。

银河游戏官方首页中的一些关键新功能是什么?

银河游戏官方首页的关键新功能包括:

  • 通过新建改进了对嵌入图形,音频和视频内容的支持 <canvas>, <audio>, 和 <video> tags.

  • 扩展到JavaScript API,例如 地理位置拖拉 也是如此 贮存缓存.

  • 介绍 “网络工人”.

  • Several new semantic tags were also added to complement the structural logic of modern web applications. These include the <main>, <nav>, <article>, <section>, <header>, <footer>, 和 <aside> tags.

  • New form controls, such as <calendar>, <date>, <time>, <email>, <url>, 和 <search>.

申请加入Toptal'S开发网络

并享受可靠,稳定,远程自由职业者银河游戏官方首页开发者作业。

申请自由职业者

什么是“Web工作者”?

Web工作者 最后最后为JavaScript带来多线程。

一个Web工作者是一个在背景中运行的脚本(即,在另一个线程中),没有必要等待它完成的页面。用户可以继续与页面交互,而Web工作者在后台运行。工作人员利用传递线程的消息来实现并行性。

如何指示银河游戏官方首页文档使用的字符集?这与旧的HTML标准有何不同?

In 银河游戏官方首页, the encoding used can be indicated with the charset attribute of a <meta> tag inside the document’s <head> element:

<!DOCTYPE html>
<html>
<head>
...
<meta charset="utf-8">
...
</head>
...
</html>

This is a slightly simpler syntax from older HTML standards, which did not have the charset attribute. For example, an HTML 4.01 document would use the <meta> tag as follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    ...
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ...
  </head>
  ...
</html>

讨论HTML之间的差异 规格 和浏览器 执行 thereof.

HTML规范(如银河游戏官方首页)定义了一组规则,文档必须遵守,以便根据该规范“有效”。此外,规范提供了有关浏览器如何解释和渲染此类文档的说明。

如果它根据规范规则处理有效文档,则说明浏览器“支持”规范。 of,浏览器不支持银河游戏官方首页规范的所有方面(尽管所有主要的浏览器支持 最多 其中),因此,开发人员必须确认他们希望显示其内容的所有浏览器的所有浏览器的应用程序是否支持它们是必要的。这就是为什么交叉浏览器支持仍然是开发人员的头痛,尽管具体的语义。

此外,虽然银河游戏官方首页定义了某些规则,以便在无效的银河游戏官方首页文档(即,包含语法错误的文档),但无效的文档可能包含任何内容,并且规范无法全面处理所有可能性。因此,许多关于如何处理格式化文档的决定将留给浏览器。

Briefly describe the correct usage of the following 银河游戏官方首页 semantic elements: <header>, <article>, <section>, <footer>.

The <header> element is used to contain introductory and navigational information about a section of the page. This can include the section heading, the author’s name, time and date of publication, table of contents, or other navigational information.

The <article> element is meant to house a self-contained composition that can logically be independently recreated outside of the page without losing it’s meaining. Individual blog posts or news stories are good examples.

The <section> element is a flexible container for holding content that shares a common informational theme or purpose.

The <footer> element is used to hold information that should appear at the end of a section of content and contain additional information about the section. Author’s name, copyright information, and related links are typical examples of such content.

Can a <section> contain <article> elements? Can an <article> contain <section> elements? Provide usage examples.

The answer to both questions is yes; i.e., a <section> can contain <article> elements, and an <article> can contain <section> elements.

For example, a personal dashboard page might contain a <section> for social network interactions as well as a <section> for the latest news articles, the latter of which could contain several <article> elements.

Conversely, an <article> might contain a <section> at the end for reader comments.

Can a web page contain multiple <header> elements? What about <footer> elements?

Yes to both. In fact, both the <header><footer> tags are designed to serve their respective purposes in relation to whatever their parent “section” may be. So not only can the page <body> contain a header and a footer, but so can every <article><section> element. In fact, a <header> should be present for all of these, although a <footer> is not always necessary.

Describe the relationship between the <header><h1> tags in 银河游戏官方首页.

In previous specifications of HTML, only one <h1> element was typically present on a page, used for the heading of the entire page. 银河游戏官方首页 specifies that <h1> represents the top-level heading of a “section”, whether that be the page <body>, or an <article> or <section> element. In fact, every <header> element should at least contain an <h1> element. If there is no natural heading for the section, it is a good indication it should not use an <article> or <section> tag.

Write the code necessary to create a 300 pixel by 300 pixel <canvas>. Within it, paint a blue 100 pixel by 100 pixel square with the top-left corner of the square located 50 pixels from both the top and left edges of the canvas.

这是一个简单的实现:

<canvas id="c" width="300" height="300"></canvas>

<script>
  var canvas = document.getElementById( "c" );
  var drawing_context = canvas.getContext( "2d" );
  drawing_context.fillStyle = "blue";
  drawing_context.fillRect( 50, 50, 100, 100 );
</script>

什么是html5 web存储?解释localstorage和sessionstorage。

使用银河游戏官方首页,网页可以在用户浏览器中本地存储数据。

早些时候,这是用饼干完成的。但是,Web存储更安全,更快。每个服务器请求都不包含数据,但仅在要求时使用。

数据存储在名称/值对中,并且网页只能访问自己存储的数据。 与cookie不同,存储限制远远越大(至少5MB),信息永远不会传输到服务器。

LocalStorage和SessionStorage之间的差异涉及存储的寿命和范围。

通过localStorage存储的数据是永久性的:它不会过期并保持在用户计算机上,直到Web应用程序删除它或用户要求浏览器删除它。 SessionStorage具有与顶级窗口或浏览器选项卡相同的寿命,其中存储它正在运行的脚本。当窗口或选项卡永久关闭时,删除通过SessionStorage存储的任何数据。

这两种存储形式都被选为文档来源,以便具有不同起源的文档永远不会共享存储的对象。但SessionStorage也基于每个窗口范围。如果用户有两个从相同源显示文档的浏览器选项卡,那么这两个选项卡也具有单独的SessionStorage数据:即使两个选项卡在其他选项卡中都可以读取或覆盖一个选项卡中运行的脚本,即使两个选项卡都究竟访问同一页面并运行完全相同的脚本。

What is the difference between spandiv?

The difference is that span gives the output with display: inline 和 div gives the output with display: block.

span 当我们需要我们的元素时要在一行中显示,另一个是另一个。

银河游戏官方首页中的地理位置API是什么?

银河游戏官方首页的Geolocation API允许用户使用所选的网站分享其物理位置。 JavaScript可以捕获用户的纬度和经度,并可以将其发送到后端Web服务器,以启用位置感知功能,例如查找本地业务或在地图上显示其位置。

Today, most browsers and mobile devices support the Geolocation API. The Geolocation API works with a new property of the global navigator object.

可以如下创建地理位置对象:

var geolocation = navigator.geolocation;

The 地理位置 object is a service object that allows widgets to retrieve information about the geographic location of the user’s device.

What’s one main result if you do not specify a doctype in an HTML page?

浏览器不会解释新的银河游戏官方首页特定标记。

What’s the difference between the <svg><canvas> elements?

The <svg> element is a container for SVG graphics. SVG has several methods for drawing paths, boxes, circles, text, and even bitmap images.

SVG is a language for describing 2D graphics, but <canvas> allows you to draw 2D graphics on the fly using JavaScript.

SVG是基于XML的,这意味着每个元素都在SVG DOM中可用。您可以为元素附加JavaScript事件处理程序。

在SVG中,将每个绘制的形状记住为对象。如果更改了SVG对象的属性,则浏览器可以自动重新呈现形状。

画布通过像素呈现像素。在画布中,一旦绘制图形,浏览器就会忘记。如果应更改其位置,则需要重新绘制整个场景,包括图形可能覆盖的任何对象。

有更多的采访,而不是棘手的技术问题,因此这些是仅作为指导。不是每个值得招聘的“A”候选人将能够回答他们所有人,也不回答他们所有保证“A”候选人。在一天结束时, 招聘仍然是艺术,科学 - 以及很多工作.

提交面试问题

提交的问题和答案可能需要审查和编辑,可能会或可能不会被选中以在Toptal,LLC的唯一自行决定酌情选择。

* 各个领域都需要

Boris Yordanov.

自由职业者银河游戏官方首页开发人员

葡萄牙自2017年7月4日以来的Toptal会员

Boris是一家全日制的Web开发人员,主要与Vanilla JavaScript合作,以及最受欢迎的JavaScript框架,如角,反应和流星。他在14岁的时候制作了他的第一个网站,从那时起,他在自由职业生涯中制作了400多个WordPress网站。如今,他设计并构建自定义Web应用程序和网站。

展示更多

Alejandro Hernandez.

自由职业者银河游戏官方首页开发人员

阿根廷自2012年8月30日以来的Toptal会员

alejandro得到了他的学士学位'2005年软件工程学位,自从全球各地的各种规模的软件公司工作以来,这是自由职业者。目前,他喜欢在JavaScript项目中作为一个全堆栈的建筑师,他的经验和对建筑和理论的深刻理解最有影响。

展示更多

Patrick Keenum.

自由职业者银河游戏官方首页开发人员

美国自2018年6月11日以来的Toptal成员

Patrick是一名高级全堆员工程师,拥有超过10年的经验,开发美观,可靠和可扩展的产品。他对从概念到发射的想法引发的热情,与各级技术敏锐的客户合作,并建立帮助公司成长的产品。

展示更多

寻找银河游戏官方首页开发人员?

寻找 银河游戏官方首页开发人员?查看Toptal的银河游戏官方首页开发人员。

toptal连接 最佳 3% 世界各地的自由人才。

加入Toptal社区。

学到更多