2016年个人面试面试题总结【答案】

html、css相关

1、Web标准以及w3c的理解

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

 

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

IE内核->IE、360

Webkit ->Chrome、Safari

Gecko->火狐Firefox

 

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

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

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

 

4、Xhtml 和html区别

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

简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。比如:

所有标签必须小写 

标签必须成双成对

标签顺序必须正确

所有属性都必须使用双引号

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

 

5、前端性能优化有哪些

尽可能减少http请求数量

使用cdn(内容分发网络)

添加expire/cache-control头

启用Gzip压缩

将css放在页面最上面

将script放在页面最下面

避免在css中使用expressions表达式

把javascript和css放在外部文件

减少dns查询

压缩js、css文件

 

 

6、说说盒子模型

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

 

7、web语义化的理解

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

 

8、html5新增了哪些标签

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

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

用于绘画的 canvas 元素

媒体 video 、audio 

 

9、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区别