前端面试题英文版

1 2017-02-20 5:23:50 下午 308 前端

可点击这里查看公众号版本

注意:本次答题时间为30分钟,可提前提交。如果长时间没有操作页面将自动提交,不能再答题。谢谢你的理解和配合。

Notice: You’ll have 30 minutes to answer this these questions. (to submit in advance is fine). You may fail to answer when submitted automatically due to no operation for long. Thanks for your understanding and cooperation.

你的名字

Name

 

你的邮箱

E-mail address

 

你想说的话

If you have any advice, please tell us.

 

HTML

1、DTD 是什么?有什么作用?(简答)

  1. What is DTD? What is its usage?

 

2、<label> 标签的作用是什么?(简答)

  1. What’s the function of <label>?

 

3、在 HTML5 中,表单输入控件(<input> 标签)新增的类型有哪些?(简答)

  1. What types are newly added to input form control (<input> label) in HTML5?

 

CSS

1、为 HTML 页面加载外部的 CSS 文件,有哪些方式?(简答)

  1. What are the ways to load external CSS files for HTML page?

 

2、当应用了 p {margin: 10px 0;} 这条样式之后,两个相邻段落的垂直距离是多少?(选择)

  1. 0pxB. 10pxC. 20pxD. 40px
  2. How long is the vertical distance between two adjacent paragraphs if p {margin: 10px 0;} is used.

 

3、CSS Sprites 有哪些优点和缺点?(简答)

  1. What are the advantages and disadvantages of CSS Sprites?

 

4、CSS3 的新增功能有哪些?(选择)

  1. Web FontB. Media QueryC. Local StorageD. 960 Grid SystemE. CSS ResetF. Data URIG. :before / :after Pseudo Element
  2. What are the new functions of CSS3?

 

JavaScript

  • 如何用 JavaScript 获取 ID 为 abc 的 DOM 元素?(请写代码)
  1. How to use JavaScript to obtain DOM for abc (ID)?(Please write code)

 

 

2、jQuery 提供的与 Ajax 相关的 API 有哪些?特点分别是什么?(简答)

  1. For Ajax provided by jQuery, how many APIs are related to it ? What are their features?

 

3、在页面中加载外部的 JavaScript 文件,有哪些方式?(简答)

  1. How many ways are there to load external JavaScript on pages?

 

4、在 HTML5 提供的 JavaScript API 中,你觉得最有用的是哪些?(简答)

  1. For JavaScript API provided by HTML5, what is the most useful function do you think?

 

5、以下代码存在哪些问题?(简答)

<a href=”javascript:openURL(‘/about.html’);”>关于我们</a>

  1. What problems does the following code have?

 

 

综合Comprehensive questions

1、以下 HTTP 状态码分别表示什么?(简答)What do the following status codes mean respectively?

404:___ 301:___

200:___ 304:___

503:___ 403:___

  1. OK
  2. Not Found
  3. Not Modified
  4. Internal Server Error
  5. Database Error
  6. Forbidden
  7. Moved Permanently

 

 

2、CDN 的作用是?(选择)What’s the function of CDN?

  1. 云计算Cloud computing B. 内容管理系统Content management system C. 分布节点就近响应For distribution node to respond nearby D. 静态资源缓存Static resource cache E. 搜索引擎优化SEO F. 数据库实时备份Backup data in real time G. 网络通信加密Encrypt network traffic

 

3、微软雅黑字体有哪些特点?(简答)

  1. What are the features of Microsoft YaHei Font?

 

4、Web 服务器如果需要判断请求是否来自手机,通常通过什么来判断?(选择)If Web server needs to know whether the request is from mobile phone, how to judge usually?

  1. IP 地址IP address B. HTTP 头HTTP header C. 地理位置Geographical position D. 网络通信速率Network traffic rate E. 被请求资源的 MIME Type MIME Type that is taken as requested resource

 

5、Google Analytics 通过什么渠道获取网站的访问量等数据?(简答)

  1. How does Google Analytics obtain data like page views?

 

加分题Bonus question

1、编写一个TODO list(可选用前端构建工具如webpack、MV**框架如VUEJS配合使用)

  1. Program a TODO list (Front end build tools like webpac and MV** frameworks like VUEJS can be used)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

*