1.css 基础
例如：
（1）使div2在div1在垂直居中
<div class= "div1">
<div class="div2">
</div>
<div>
.div1{
width: 200px;
background: #a9dba9;
height: 500px;
margin: 0px;
vertical-align: middle;
}
.div2{
width: 100px;
height: 100px;
background: #00A000;
position: relative;
top:50%;
/*left: 50%;*/
/*margin-left:-50px;*/
margin-top: -50px;
}
（2）使span的宽度和高度
span{
width:100px;
height:500px;
/*
答案：display:line-block
*/
}
（3）个页面上两个div左右铺满整个浏览器，要保证左边的div一直为100px，右边的div跟随浏览器大小变化（比如浏览器为500，右边div为400，浏览器为900，右边div为800），请写出大概的css代码。
<div id="left">Left sidebar</div>
<div id="content">Main Content</div>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#left {
float: left;
width: 220px;
background-color: green;
}
#content {
background-color: orange;
margin-left: 220px;
/*==等于左边栏宽度==*/
}
</style>
2 js 基础
（1）
执行结果：
var name = "dog";
function Animal(name){
this.name = name;
};
var animal = Animal("cat");
console.log(name);
console.log(animal.name);
结果：
cat
TypeError: animal is undefined [详细了解]
(2)
var name = "dog";
function Animal(name){
this.name = name;
};
var animal = new Animal("cat");
console.log(name);
console.log(animal.name);
执行结果：
dog
cat
（3）
<ul>
<li>hello1</li>
<li>hello2</li>
<li>hello3</li>
</ul>
实现点击某个<li>后，该li变红色，其他<li>变蓝色
..........
li:hover{
background: red;
}
ul:hover{
background: blue;
}
3 算法
(1)给任意数组arr=[1,2,2,2,3,3,3,4]，去掉重复元素。去重后的结果为arr=[1,2,3,4],并使用arr.unique()调用.
var arr = [1,1,12,2,2,2,3,3,3];
Array.prototype.unique= function () {
var b = {};
for(var i = 0;i < this.length;i++){
b[this[i]+""]="0";
}
this.length = 0;
for(var i in b){
this.push(parseInt(i));
}
console.log(this);
}
arr.unique();
（2）给一个字符串，找出出现次数最多的元素：
function theMost(arr) {
var b = {};
if(arr==null||arr.length == 0||arr=={}){
return;
}
var c = arr.charAt(0);
var maxCount = 1;
for(var i = 0;i < arr.length;i++){
var key = arr.charAt(i)+"";
if(b.hasOwnProperty("key")){
b[key]++;
}else{
b[key] = 1;
}
if(b[key] > maxCount){
maxCount = b[key];
c = key;
}
}
return c;
}
theMost("abcabcaae");
(3)给出数字n,找出1-n中，1出现的次数。例如：n=12。在1,2,3,4,5,6,7,8,9,10,11,12中，1出现了5。
3前端知识点
1.与事件相关的知识
（1）事件冒泡和事件捕获。
（2）事件代理
2.ajax 相关知识
（1）ajax同步和异步的区别
（2）jsonp实现跨域的原理，如何触发返回的回调函数。
3.回调相关知识。
function X（f1,f2）{
//X执行成功，执行f1，不成功执行f2。
//f1，f2有时也可能不会作为参数传递，即X执行成功与失败都不要求执行回调函数。
}？？瞎编的答案。
//:js中参数放在arguments数组中，通过判断arguments长度来判断是否传递了参数。
4.js中的两个定时器。setTimeOut()和SetIntervial();
区别：
function fun1 (){
var n = 1;
console.log("hello");
setTimeout("fun1()",1000);
}
和
setInterval(function(){},1000);
一样吗？//好像是一样的。。。。
5.json字符串转对象。
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串
JSON.parse(jsonstr); //可以将json字符串转换成json对象
JSON.stringify(jsonobj); //可以将json对象转换成json对符串
eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要
//json字符外包裹一对小括号
转换成json对象
6.html页面加载优化：
（1）合并压缩html,js,css
（2）页面中图片较多时，在html 中预留大小，如果图片是背景，使用css sprint。
（3）js 放在页面最下面。
（4）js 按需异步加载。（defer async ,requirejs 等）
7 对象的深克隆和浅克隆
浅克隆：克隆出的对象会共同拥有引用型变量。
深克隆：克隆对象时，对对象的引用型属性也要进行深克隆。
8.事件代理
感想:
#1.算法很重要。
#2.css,js基础语句很重要（不要总想着用的时候再查，要熟练）
#3.js，作用域，原型链。
#4.找一个可以提现个人亮点的项目，和面试官详细介绍。
，
，
