2016年我的面试面试题总结【答案】

 

 

html、css相关

一、Web标准以及w3c的理解

http://blog.sina.com.cn/s/blog_1550008360102wse0.html

 

二、在哪些浏览器测试过，他们的内核是什么

IE内核->IE、360

Webkit ->Chrome、Safari

Gecko->火狐Firefox

 

三、行内元素和块元素有哪些

行内元素：a  b  span  i  select  label  input textarea  img  strong font em

块元素 : div ul ol li dl dt dd h1 h2 h3 h4…p  

 

四、Xhtml 和html区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，XHTML就是一个扮演着相似HTML的角色的XML，本质上说，XHTML是一个过渡技术

简单来讲，XHTML 能够认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。 好比:

全部标签必须小写 

标签必须成双成对

标签顺序必须正确

全部属性都必须使用双引号

a标签不容许使用target="_blank"

 

五、前端性能优化有哪些

尽量减小http请求数量

使用cdn(内容分发网络)

添加expire/cache-control头

启用Gzip压缩

将css放在页面最上面

将script放在页面最下面

避免在css中使用expressions表达式

把javascript和css放在外部文件

减小dns查询

压缩js、css文件

 

 

六、说说盒子模型

标准的CSS盒子模型包括：内容(content)、填充(padding)、边框(border)、边界(margin)

 

 

七、web语义化的理解

具体来讲，就是在书写html时，尽可能使用具备语义信息的标签，例如header,nav,aside,section等代替那些没有语义信息的标签，例如big,center,strike,font等（彻底能够用css来取代的标签）。这样不只有利于页面DOM的组织，也有利于机器（主要是搜索引擎）的理解。
而语义网的目标就是为了使得网络上的信息更加容易被机器理解和查找，从而提高人类使用网络获取信息的体验。

 

八、html5新增了哪些标签

新的特殊元素内容，好比 article、footer、header、nav、section

新的表单控件，好比 calendar、date、time、email、url、search

用于绘画的 canvas 元素

媒体 video 、audio 

 

九、css3新增了哪些

 

 

 

伪元素有哪些  伪类呢

怎么作屏幕适配

块元素行内元素有哪些 他们的区别以及怎么让快元素设置为行内元素和行内元素设置为块元素

header中的meta元素能够设置哪些

 

Javascript、node相关

什么是错误优先的回调函数

如何避免回调地狱

运算错误和程序员错误的区别

哪些工具能够用来保证一致性的代码风格

node有哪些核心模块

写一个函数来实现一下最基本的闭包

说说对原型链的理解，以及主要的做用

说说js的事件委托

underfind  null的区别   0呢

ajax get和post区别

js中 ==和===的区别

let  const区别

es6箭头函数的做用

import和export输出

http请求过程

写过插件吗

输入框联想记忆查询实现方式
Jsonp 跨域解决方法
轮播图的实现思路
冒泡事件
对事件委托的理解
事件绑定有哪些方法

Js中有哪些事件

对html 文档元素进行统计包括元素的数量
小圆点订单实时刷新的实现

浏览器保存数据有哪几种方法
Html5localstroge 以前用的什么方法
Cookie 和session 的区别

了解javascript的Promises吗

 

Vuejs相关

vuejs能够对对象进行遍历吗  怎么模拟实现

vuejs生命周期钩子函数  created函数以前有其余函数吗  ，假如在以前要作其余事情

vuejs中if-else  和if-show的区别

vuejs中怎么对搜索引擎seo进行优化

vuejs中的props和slot的用法

Vue的原理以及生命周期

横着依次排列四张图片，怎么作自适应布局使得图片的高等于图片的宽，在vuejs中实现

 

其余

重点介绍一个项目 ，用到了哪些技术

项目中作了哪些性能优化

在项目中使用Sass less 预编译工具了没

svg和canves区别