前端面试题

1. javascript的同源策略
一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

2. document load 和document ready的区别
Document.onload 是在结构和样式加载完才执行js
Document.ready原生种没有这个方法，jquery中有 $().ready(function)

3. 如何阻止事件冒泡和默认事件
canceBubble return false

4. 闭包是什么，有什么特性，对页面有什么影响
闭包就是能够读取其他函数内部变量的函数。

5. 事件委托是什么
让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！

 

6. 你如何对网站的文件和资源进行优化?期待的解决方案包括：

文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用

7. 截取字符串abcdefg的efg

//alert('abcdefg'.substring(4));

8. 用JS实现判断一个字符串中出现次数最多的字符，统计这个次数

/*var str = 'asdfssaaasasasasaa';
var json = {};
for (var i = 0; i < str.length; i++) {
        if(!json[str.charAt(i)]){
                json[str.charAt(i)] = 1;
        }else{
                json[str.charAt(i)]++;
        }
};
var iMax = 0;
var iIndex = '';
for(var i in json){
        if(json[i]>iMax){
                iMax = json[i];
                iIndex = i;
        }
}
alert('出现次数最多的是:'+iIndex+'出现'+iMax+'次');*/

 

 

 

1. img标签上title与alt属性的区别是什么? 

Alt 当图片不显示是 用文字代表。

Title 为该属性提供信息

 

2. CSS的基本语句构成是?

选择器{属性1:值1;属性2:值2;……}

 

3. 行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding

 

4. 描述css reset的作用和用途。

Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一

 

5. 解释css sprites，如何使用。

　　Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

6. CSS引入的方式有哪些? link和@import的区别是?

内联 内嵌 外链 导入

区别 ：同时加载

前者无兼容性，后者CSS2.1以下浏览器不支持

Link 支持使用javascript改变样式，后者不可