Web前端面试基础题(每天3-5题)

129 阅读5分钟
  • 1、熟悉哪些javascript的框架与库。

  • 2、阐述你对http get和post 的理解,以及一般使用场景。

  • 3、写出json和xml结构示例。(内容随意)

  • 4、Css的盒模型是什么?

  • 5、下面的怎么水平和垂直居中?

  • 6、Html data-*属性是怎么用?怎么配合JS或JQuery使用?

  • 7.use strict 是什么意思?

  • 8.css选择符有哪些?

  • 9.块级元素和行内元素?

  • 10.清除浮动的写法有哪些,比如?

  • 11、css盒子模型是什么?盒子模型属性?

  • 12.ie hark兼容写法(ie6,ie7,ie8,ie9,ie10)?

  • 13、css精灵技术是什么?

  • 14、ie6双倍边距bug?

  • 15、给你一个大型网站项目,你如何去管理?

  • 16、["1","2","3"].map(parseInt) 结果是多少?

  • 17、IE和标准DOM事件流的区别?

  • 18、ajax请求的收get和post方式的区别?

  • 19、b继承a的方式?

  • 20、闭包是什么,有什么特性,对页面有什么影响?

  • 21、如何阻止事件冒泡和默认事件?

  • 22、描述jQuery.js与zepto.js的异同之处?

  • 23、javascript的typeof返回哪些数据类型。

  • 24、document load 和document ready的区别

  • 25、前端页面三层构成,分别是什么?作用是什么?

  • 26、输出1至50的所有质数(只能被自身和1整除的数)

  • 27、用非递归与递归函数的方式编写求a得n次幂的函数,函数原型为:float pow(float a, int n),限定n)=0

  • 28、什么是回调地狱?

  • 29、浮动的原理和工作方式,会产生什么影响,要怎么处理?

  • 30、CSS有哪些选择器?它们的权重怎么计算的?

  • 31、怎么实现继承?

  • 32、h5中input的新类型有哪些,写10个。

  • 33、怎么获取iframe的路径?

  • 34、你在IE8 时候遇到过什么兼容问题,怎么解决的? 在IE6呢

  • 35、bootstrap 中网格系统的class名称是什么?

  • 36、为什么要声明DOCTYPE?

  • 37、h5中进度条的标签是什么?

  • 38、ajax的请求数据流程?

  • 39、3次握手是什么?

  • 40、api开发和cns开发是什么?

  • 41、什么是margin塌陷?

  • 42、浏览器缓存方法,有什么区别?

  • 43、vuejs和angularjs的区别?

  • 44、vue子事件怎么传到父级?

  • 45、父事件怎么派发子?

  • 46、子事件怎么调用父事件?

  • 47、请你使用node输出个圣诞树?

  • 48、手写代码,用css实现三角形,菱形,半圆,星行?

  • 49、关于vue的问题

  • 50、父级与子级是怎么传职?

  • 51、怎么进行单位的换算?

  • 52、有用哪些控制系统?

  • 53、写出一个登录的验证,并把账号密码保存到localStorage

  • 54、cookie-在购物车中你是怎么用cookie的,怎么实现购物车的?

  • 55、音乐APP有什么组件?

  • 56、自己的代码风格。

  • 57、有多少种声明方法,怎么命名函数的?

  • 58、为什么觉得boostsraap好,他有什么优势?

  • 59、现在的js主流框架分成哪些类型?

  • 60、还会哪些框架,如果让你学个没用过的框架需要多长时间?

  • 61、对javascript了解到什么程度?

  • 62、能不能独立使用vuejs?

  • 63、音乐APP的动态页面跳转是用什么实现的?

  • 64、这些项目是不是都有使用到框架?

  • 65、以前实习公司的规模、有多少人?

  • 66、你们是怎么分配项目的?

  • 67、你所在的部门叫什么?有多少人?

  • 68、web app的响应式怎么做?

  • 69、vue之间的数据传递是怎么实现的?

  • 70、webpack?

  • 71、如何获取后台了数据?

  • 72、说一下VUE框架?

  • 73、怎么性能优化?

  • 74、cookies、sessionStrorage、localstorage区别?

  • 75、怎么处理兼容性问题?

  • 76、怎么提高网页运行速度?

  • 77、实现响应式除了媒体查询还能用什么方法实现?

  • 78、ajax的理解。

  • 79、jsonp的理解。

  • 80、异步交互用哪种? →jsonp→jsonp的优缺点(优点可以跨域,缺点只能用get来实现)

  • 加分题

  • 1、列举几条常用的Ionlc命令行。

  • 2、Angular控制器之间通信有哪些方式?

  • 3、假设有以下对象:

 Var obj={
	“status”:”ok”,
 	“data”[
	[“name”:”a”, “value”: “a-1-1”]
	[“name”:”b”, “value”: “a-1-2”]
	[“name”:”c”, “value”: “a-1-3”]
		]
}
  • (1)不使用第三方库,遍历obj中的data数组,将所有name的值放入数组arr1中,使其值为[“a”,”b”,”c”],将所有的value的值处理后放入数组arr2中,其值为[“1.1”,”1.2”,”1.3”]。

  • (2)使用AngularJS中的$http服务,将obj发送地址”/api/test”,成功时将返回的数据输出到控制台中,失败则输出’error’。

机试部分:

  • 1、微信端口网页做出自适应, 3小时之内做出来。

  • 2、做个登录界面,1小时内完成。

  • 3、用JS或JQ封装一个tab选项卡。

  • 常用的浏览器及内核,前端的页面结构,关于HTML,CSS,JavaScript问题,还有浏览器输入URL点击跳转,发生了什么事情?

  • 机试就是拿项目来问,怎么优化界面好看?

  • 最近项目中遇到的难点?如何解决?

  • 一个是问在地址栏输入一个网址之后发生什么事情,第二个是了解哪些主流浏览器的内核。