前端面试题

题目一

HTML中的meta元素的作用?能说下移动端页面怎么设置视口?

参考答案

meta元素用来表达任何其他 HTML 元相关元素 (<base>, <link>, <script>, <style> 或者 <title>) 等无法表达的信息。eg:<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

题目二

讲一讲display,position和float的之间的相互影响 ?
注:考验对css属性的理解

参考答案

当display为none时,position 和 float的设置不起作用;当display不为none时,position的值为absolute或者fixed时,float被认为none,display的值伟block;当display不为none且position不为absolute或fixed时,float不为none时,display的值为block。

题目三

根据CSS样式的来源和重要性(是否包含!important),罗列下优先级。

参考答案

浏览器声明(UA declaration)< 用户声明(user declaration)< 作者声明(author declaration)< 加了“!important”的作者声明(author important declaration)< 加了“!important”的的用户声明(user important declaration)

题目四

实现三列布局,要求两侧列宽固定,中间列自适应宽度?
注:考验html,css

题目五

不用条件运算和三元运算 如果输入的数字大于0 则返回1 小于0返回-1。
注:题目并不难,考验应试者对js是否灵活应用

参考答案

// 1
return x / Math.abs(x)
// 2
var a = function(n){
return (typeof ((n > 0 || -1))).indexOf('o')
}
// 3
3.var a = function(n){
return (+(n > -n) * 2 - 1);
}    

题目六

下面代码的运行结果是什么?
注:考验对JavaScript中this对象的理解

(function () {
    'use strict'
    console.log(this)
})()

参考答案

undefined

题目七

如何解决跨域问题?

参考答案

CORS、jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面

题目八

浏览器从输入 URL 到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好)
答案
注:这题胜在区分度高,知识点覆盖广,再不懂的人,也能答出几句,
而高手可以根据自己擅长的领域自由发挥,从URL规范、HTTP协议、DNS、CDN、数据库查询、
到浏览器流式解析、CSS规则构建、layout、paint、onload/domready、JS执行、JS API绑定等等;

详细版:
1、浏览器会开启一个线程来处理这个请求,对 URL 分析判断如果是 http 协议就按照 Web 方式来处理;
2、调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法;
3、通过DNS解析获取网址的IP地址,设置 UA 等信息发出第二个GET请求;
4、进行HTTP协议会话,客户端发送报头(请求报头);
5、进入到web服务器上的 Web Server,如 Apache、Tomcat、Node.JS 等服务器;
6、进入部署好的后端应用,如 PHP、Java、JavaScript、Python 等,找到对应的请求处理;
7、处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致则返回304;
8、浏览器开始下载html文档(响应报头,状态码200),同时使用缓存;
9、文档树建立,根据标记请求所需指定MIME类型的文件(比如css、js),同时设置了cookie;
10、页面开始渲染DOM,JS根据DOM API操作DOM,执行事件绑定等,页面显示完成。

题目九

http状态码有那些?分别代表是什么意思?

参考答案

200 正常返回
301 页面重定向
302 临时性重定向
400 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。
404 找不到匹配的资源
500 服务端错误

题目十

原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的?
注:与他人配合、沟通的能力

题目十一

最近在学什么?能谈谈你未来3,5年给自己的规划吗?
注:对技术是否热忱

推荐阅读更多精彩内容