JAVA面试精选题库总结
JA V A面试精选题库总结
这个系列面试题主要目的是帮助你拿轻松到offer，同时还能开个好价钱。只要能够搞明白这个系列的绝大多数题目，在面试过程中，你就能轻轻松松的把面试官给忽悠了。对于那些正打算找工作JAVA软件开发工作的童鞋们来说，当你看到这份题目的时候，你应该感动很幸运，因为，只要你把题目中的内容都搞懂了，在笔试的时候就可以游刃有余，通过面试只有半步之遥了，笔试只能反映你的JAVA技能。不管你是面试各个级别的JAVA工程师、架构师、还是项目经理，这个系列文章都是你最宝贵的资源，里面包括整个JAVA体系的知识，总会有你需要的内容。我会将这些面试题目通过文章的形式不断完善，如果你有更好的资料也可以共享出来，分享给码农大众们，做程序猿不容易，特别是在当今社会，没房，没车，没票子，就等于没女人，苦逼的程序猿，要想获得一份好工作，还得过三关斩六将。
由于JAVA面试试题涉及的范围很泛，很广，很杂，而且JAVA技术也在不断的更新换代，所以我们将不定时的对文章进行完善，就目前这些题目，不可能一天两天就看完和学完这套面试宝典，即使你已经学过了有关的技术，那么至少也需要一段时间才能消化和掌握这套面试题目，所以，大家应该早作准备，每天看一点，不断的积累，从打算找工作之日起，就要坚持在每天闲暇之余学习其中几道题目，日积月累，等到出去面试时，一切都水到渠成，面试时就自然会游刃有余了。
答题时，先答是什么，再答有什么作用和要注意什么，这里给人的感觉做事有条理，理解东西比较透彻，答案的段落分别，层次分明，条理清晰都非常重要，从这些表面的东西也可以看出一个人的习惯、办事风格、条理等。要讲你做出答案的思路过程，或者说你记住答案的思想都写下来。把答题想着是辩论赛。答题就是给别人讲道理、摆事实。答题不局限于什么格式和形式，就是要将自己的学识展现出来!别因为人家题目本来就模棱两可，你就心里胆怯和没底气了，不敢回答了。你要大胆地指出对方题目很模糊和你的观点，不要把面试官想得有多高，其实他和你就是差不多的，你想想，如果他把你招进去了，你们以后就是同事了，可不是差不多的吗?
关于就业薪水，如果你是应届生，那不能要高工资，好比大饼的故事，没有文凭还想拿高工资，就去中关村缺什么补什么吧!少数人基础确实很好，在校期间确实又做过一些项目，那仍然是可以要到相对高的工资的。
Java基础部分
基础部分的顺序：基本语法，类相关的语法，内部类的语法，继承相关的语法，异常的语法，线程的语法，集合的语法，io的语法，虚拟机方面的语法。
1、一个".java"源文件中是否可以包括多个类(不是内部类)?有什么限制?
可以有多个类，但只能有一个public的类，并且public的类名必须与文件名相一致。
2、Java有没有goto?
java中的保留字，现在没有在java中使用。
3、说说&和&&的区别。
&和&&都可以用作逻辑与的运算符，表示逻辑与(and)，当运算符两边的表达式的结果都为true时，整个运算结果才为true，否则，只要有一方为false，则结果为false。
&&还具有短路的功能，即如果第一个表达式为false，则不再计算第二个表达式，例如，对于if(str != null&& !str.equals(“”))表达式，当str为null 时，后面的表达式不会执行，所以不会出现NullPointerException如果将&&改为&，则会抛出NullPointerException异常。If(x==33 &++y>0) y会增长，
If(x==33 && ++y>0)不会增长
&还可以用作位运算符，当&操作符两边的表达式不是boolean类型时，&表示按位与操作，我们通常使用0x0f来与一个整数进行&运算，来获取该整数的最低4个bit位，例如，0x31 & 0x0f的结果为0x01。
备注：这道题先说两者的共同点，再说出&&和&的特殊之处，并列举一些经典的例子来表明自己理解透彻深入、实际经验丰富。
4、在JAVA中如何跳出当前的多重嵌套循环?
在Java中，要想跳出多重循环，可以在外面的循环语句前定义一个标号，然后在里层循环体的代码中使用带有标号的break语句，即可跳出外层循环。例如，
ok:
for(int i=0;i<10;i++) {
for(int j=0;j<10;j++) {
System.out.println(“i=” + i + “,j=” + j);
if(j == 5) break ok;
}
}
另外，我个人通常并不使用标号这种方式，而是让外层的循环条件表达式的结果可以受到里层循环体代码的控制，例如，要在二维数组中查找到某个数字。
int arr[][] ={{1,2,3},{4,5,6,7},{9}};
boolean found = false;
for(int i=0;i
for(int j=0;j
System.out.println(“i=” + i +“,j=” + j);
if(arr[i][j] ==5) {
found = true;
break;
}
}
}
5、switch语句能否作用在byte上，能否作用在long上，能否作用在String 上?
在switch(expr1)中，expr1只能是一个整数表达式或者枚举常量(更大字体)，整数表达式可以是int基本类型或Integer包装类型，由于，
byte,short,char都可以隐含转换为int，所以，这些类型以及这些类型的包装类型也是可以的。显然，long和String类型都不符合switch的语法规定，并且不能被隐式转换成int类型，所以，它们不能作用于swtich语句中。
6、short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
对于short s1 = 1; s1 = s1 + 1;由于s1+1运算时会自动提升表达式的类型，所以结果是int型，再赋值给short类型s1时，编译器将报告需要强制转换类型的错误。
对于short s1 = 1; s1 += 1;由于 +=是java语言规定的运算符，java编译器会对它进行特殊处理，因此可以正确编译。
7、char型变量中能不能存贮一个中文汉字?为什么?
char型变量是用来存储Unicode编码的字符的，unicode编码字符集中包含了汉字，所以，char型变量中当然可以存储汉字啦。不过，如果某个特殊的汉字没有被包含在unicode编码字符集中，那么，这个char型变量中就不能存储这个特殊汉字。补充说明：unicode编码占用两个字节，所以，char类型的变量也是占用两个字节。
备注：后面一部分回答虽然不是在正面回答题目，但是，为了展现自己的学识和表现自己对问题理解的透彻深入，可以回答一些相关的知识，做到知无不言，言无不尽。
8、用最有效率的方法算出2乘以8等於几?
2 << 3，
因为将一个数左移n位，就相当于乘以了2的n次方，那么，一个数乘以8只要将其左移3位即可，而位运算cpu直接支持的，效率最高，所以，2乘以8等於几的最效率的方法是2 << 3。
9、请设计一个一百亿的计算器
首先要明白这道题目的考查点是什么，一是大家首先要对计算机原理的底层细节要清楚、要知道加减法的位运算原理和知道计算机中的算术运算会发生越界的情况，二是要具备一定的面向对象的设计思想。
首先，计算机中用固定数量的几个字节来存储的数值，所以计算机中能够表示的数值是有一定的范围的，为了便于讲解和理解，我们先以byte类型的整数为例，它用1个字节进行存储，表示的最大数值范围为-128到+127。-1在内存中对应的二进制数据为11111111，如果两个-1相加，不考虑Java运算时的类型提升，运算后会产生进位，二进制结果为1,11111110，由于进位后超过了byte 类型的存储空间，所以进位部分被舍弃，即最终的结果为11111110，也就是-2，这正好利用溢位的方式实现了负数的运算。-128在内存中对应的二进制数据为10000000，如果两个-128相加，不考虑Java运算时的类型提升，运算后会产生进位，二进制结果为1,00000000，由于进位后超过了byte类型的存储空间，所以进位部分被舍弃，即最终的结果为00000000，也就是0，这样的结果显然不是我们期望的，这说明计算机中的算术运算是会发生越界情况的，两个数值的运算结果不能超过计算机中的该类型的数值范围。由于Java中涉及表达式运算时的类型自动提升，我们无法用byte类型来做演示这种问题和现象的实验，大家可以用下面一个使用整数做实验的例子程序体验一下：
int a = Integer.MAX_VALUE;
int b = Integer.MAX_VALUE;
int sum = a + b;
System.out.println(“a=”+a+”,b=”+b+”,sum=”+sum);
先不考虑long类型，由于int的正数范围为2的31次方，表示的最大数值约等于2*1000*1000*1000，也就是20亿的大小，所以，要实现一个一百亿的计算器，我们得自己设计一个类可以用于表示很大的整数，并且提供了与另外一个整数进行加减乘除的功能，大概功能如下：
(1)这个类内部有两个成员变量，一个表示符号，另一个用字节数组表示数值的二进制数
(2)有一个构造方法，把一个包含有多位数值的字符串转换到内部的符号和字节数组中
(3)提供加减乘除的功能
public class BigInteger{
int sign;
byte[] val;
public Biginteger(String val) {
sign = ;
val = ;
}
public BigInteger add(BigInteger other) {
}
public BigInteger subtract(BigInteger other) {
}
public BigInteger multiply(BigInteger other){
}
public BigInteger divide(BigInteger other){
}
}
备注：要想写出这个类的完整代码，是非常复杂的，如果有兴趣的话，可以参看jdk中自带的java.math.BigInteger类的源码。面试的人也知道谁都不可能在短时间内写出这个类的完整代码的，他要的是你是否有这方面的概念和意识，他最重要的还是考查你的能力，所以，你不要因为自己无法写出完整的最终结果就放弃答这道题，你要做的就是你比别人写得多，证明你比别人强，你有这方面的思想意识就可以了，毕竟别人可能连题目的意思都看不懂，什么都没写，你要敢于答这道题，即使只答了一部分，那也与那些什么都不懂的人区别出来，拉开了距离，算是矮子中的高个，机会当然就属于你了。另外，答案中的框架代码也很重要，体现了一些面向对象设计的功底，特别是其中的方法命名很专业，用的英文单词很精准，这也是能力、经验、专业性、英语水平等多个方面的体现，会给人留下很好的印象，在编程能力和其他方面条件差不多的情况下，英语好除了可以使你获得更多机会外，薪水可以高出一千元。
10、使用final关键字修饰一个变量时，是引用不能变，还是引用的对象不能变?
使用final关键字修饰一个变量时，是指引用变量不能变，引用变量所指向的对象中的内容还是可以改变的。例如，对于如下语句：
final StringBuffer a=new StringBuffer("immutable");
执行如下语句将报告编译期错误：
a=new StringBuffer("");
但是，执行如下语句则可以通过编译：
a.append(" broken!");
有人在定义方法的参数时，可能想采用如下形式来阻止方法内部修改传进来的参数对象：
public void method(final StringBuffer param){
}
实际上，这是办不到的，在该方法内部仍然可以增加如下代码来修改参数对象：
param.append("a");
11、"=="和equals方法究竟有什么区别?
(单独把一个东西说清楚，然后再说清楚另一个，这样，它们的区别自然就出来了，混在一起说，则很难说清楚)
==操作符专门用来比较两个变量的值是否相等，也就是用于比较变量所对应的内存中所存储的数值是否相同，要比较两个基本类型的数据或两个引用变量是否相等，只能用==操作符。
如果一个变量指向的数据是对象类型的，那么，这时候涉及了两块内存，对象本身占用一块内存(堆内存)，变量也占用一块内存，例如Objet obj = new Object();变量obj是一个内存，new Object()是另一个内存，此时，变量obj 所对应的内存中存储的数值就是对象占用的那块内存的首地址。对于指向对象类型的变量，如果要比较两个变量是否指向同一个对象，即要看这两个变量所对应的内存中的数值是否相等，这时候就需要用==操作符进行比较。
equals方法是用于比较两个独立对象的内容是否相同，就好比去比较两个人的长相是否相同，它比较的两个对象是独立的。例如，对于下面的代码：
String a=new String("foo");
String b=new String("foo");
两条new语句创建了两个对象，然后用a/b这两个变量分别指向了其中一个对象，这是两个不同的对象，它们的首地址是不同的，即a和b中存储的数值是不相同的，所以，表达式a==b将返回false，而这两个对象中的内容是相同的，所以，表达式a.equals(b)将返回true。
在实际开发中，我们经常要比较传递进行来的字符串内容是否等，例如，String input = …;input.equals(“quit”)，许多人稍不注意就使用==进行比较了，这是错误的，随便从网上找几个项目实战的教学视频看看，里面就有大量这样的错误。记住，字符串的比较基本上都是使用equals方法。
如果一个类没有自己定义equals方法，那么它将继承Object类的equals 方法，Object类的equals方法的实现代码如下：
boolean equals(Object o){
return this==o;
}
这说明，如果一个类没有自己定义equals方法，它默认的equals方法(从Object类继承的)就是使用==操作符，也是在比较两个变量指向的对象是否是同一对象，这时候使用equals和使用==会得到同样的结果，如果比较的是两个独
立的对象则总返回false。如果你编写的类希望能够比较该类创建的两个实例对象的内容是否相同，那么你必须覆盖equals方法，由你自己写代码来决定在什么情况即可认为两个对象的内容是相同的。
12、静态变量和实例变量的区别?
在语法定义上的区别：静态变量前要加static关键字，而实例变量前则不加。
在程序运行时的区别：实例变量属于某个对象的属性，必须创建了实例对象，其中的实例变量才会被分配空间，才能使用这个实例变量。静态变量不属于某个实例对象，而是属于类，所以也称为类变量，只要程序加载了类的字节码，不用创建任何实例对象，静态变量就会被分配空间，静态变量就可以被使用了。总之，实例变量必须创建对象后才可以通过这个对象来使用，静态变量则可以直接使用类名来引用。
例如，对于下面的程序，无论创建多少个实例对象，永远都只分配了一个staticVar变量，并且每创建一个实例对象，这个staticVar就会加1;但是，每创建一个实例对象，就会分配一个instanceVar，即可能分配多个instanceVar，并且每个instanceVar的值都只自加了1次。
public class VariantTest{
public static int staticVar = 0;
public int instanceVar = 0;
public VariantTest(){
staticVar++;
instanceVar++;
System.out.println(“staticVar=” + staticVar + ”,instanceVar=”+ instanceVar);
}
}
备注：这个解答除了说清楚两者的区别外，最后还用一个具体的应用例子来说明两者的差异，体现了自己有很好的解说问题和设计案例的能力，思维敏捷，超过一般程序员，有写作能力!
13、是否可以从一个static方法内部发出对非static方法的调用?
不可以。因为非static方法是要与对象关联在一起的，必须创建一个对象后，才可以在该对象上进行方法调用，而static方法调用时不需要创建对象，可以直接调用。也就是说，当一个static方法被调用时，可能还没有创建任何实例对象，如果从一个static方法中发出对非static方法的调用，那个非static方法是关联到哪个对象上的呢?这个逻辑无法成立，所以，一个static 方法内部发出对非static方法的调用。
14、Integer与int的区别
int是java提供的8种原始数据类型之一。Java为每个原始类型提供了封装类，Integer是java为int提供的封装类。int的默认值为0，而Integer的默认值为null，即Integer可以区分出未赋值和值为0的区别，int则无法表达出未赋值的情况，例如，要想表达出没有参加考试和考试成绩为0的区别，则只能使用Integer。在JSP开发中，Integer的默认为null，所以用el表达式在文本框中显示时，值为空白字符串，而int默认的默认值为0，所以用el表达式在文本框中显示时，结果为0，所以，int不适合作为web层的表单数据的类型。
在Hibernate中，如果将OID定义为Integer类型，那么Hibernate就可以根据其值是否为null而判断一个对象是否是临时的，如果将OID定义为了int 类型，还需要在hbm映射文件中设置其unsaved-value属性为0。
另外，Integer提供了多个与整数相关的操作方法，例如，将一个字符串转换成整数，Integer中还定义了表示整数的最大值和最小值的常量。
15、Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
Math类中提供了三个与取整有关的方法：ceil、floor、round，这些方法的作用与它们的英文名称的含义相对应，例如，ceil的英文意义是天花板，该方法就表示向上取整，Math.ceil(11.3)的结果为12,Math.ceil(-11.3)的结果是-11;floor的英文意义是地板，该方法就表示向下取整，Math.ceil(11.6)的结果为11,Math.ceil(-11.6)的结果是-12;最难掌握的是round方法，它表示“四舍五入”，算法为Math.floor(x+0.5)，即将原来的数字加上0.5后再向下取整，所以，Math.round(11.5)的结果为12，Math.round(-11.5)的结果为-11。
16、下面的代码有什么不妥之处?
1. if(username.equals(“zxx”){}
username可能为NULL,会报空指针错误;改为"zxx".equals(username)
2. int x = 1;
return x==1?true:false; 这个改成return x==1;就可以!
17、请说出作用域public，private，protected，以及不写时的区别
这四个作用域的可见范围如下表所示。
说明：如果在修饰的元素上面没有写任何访问修饰符，则表示friendly。
作用域当前类同一package 子孙类其他package
public √ √ √ √
protected √ √ √ ×
friendly √ √ × ×
private √ × × ×
备注：只要记住了有4种访问权限，4个访问范围，然后将全选和范围在水平和垂直方向上分别按排从小到大或从大到小的顺序排列，就很容易画出上面的图了。
18、Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型?
Overload是重载的意思，Override是覆盖的意思，也就是重写。
重载Overload表示同一个类中可以有多个名称相同的方法，但这些方法的参数列表各不相同(即参数个数或类型不同)。
重写Override表示子类中的方法可以与父类中的某个方法的名称和参数完全相同，通过子类创建的实例对象调用这个方法时，将调用子类中的定义方法，这相当于把父类中定义的那个完全相同的方法给覆盖了，这也是面向对象编程的多态性的一种表现。子类覆盖父类的方法时，只能比父类抛出更少的异常，或者是抛出父类抛出的异常的子异常，因为子类可以解决父类的一些问题，不能比父类有更多的问题。子类方法的访问权限只能比父类的更大，不能更小。如果父类的方法是private类型，那么，子类则不存在覆盖的限制，相当于子类中增加了一个全新的方法。
至于Overloaded的方法是否可以改变返回值的类型这个问题，要看你倒底想问什么呢?这个题目很模糊。如果几个Overloaded的方法的参数列表不一样，它们的返回者类型当然也可以不一样。但我估计你想问的问题是：如果两个方法的参数列表完全一样，是否可以让它们的返回值不同来实现重载Overload。这
是不行的，我们可以用反证法来说明这个问题，因为我们有时候调用一个方法时也可以不定义返回结果变量，即不要关心其返回结果，例如，我们调用
map.remove(key)方法时，虽然remove方法有返回值，但是我们通常都不会定义接收返回结果的变量，这时候假设该类中有两个名称和参数列表完全相同的方法，
仅仅是返回类型不同，java就无法确定编程者倒底是想调用哪个方法了，因为它无法通过返回结果类型来判断。
override可以翻译为覆盖，从字面就可以知道，它是覆盖了一个方法并且对其重写，以求达到不同的作用。对我们来说最熟悉的覆盖就是对接口方法的实现，在接口中一般只是对方法进行了声明，而我们在实现时，就需要实现接口声明的所有方法。除了这个典型的用法以外，我们在继承中也可能会在子类覆盖父类中的方法。在覆盖要注意以下的几点：
1、覆盖的方法的标志必须要和被覆盖的方法的标志完全匹配，才能达到覆盖的效果;
2、覆盖的方法的返回值必须和被覆盖的方法的返回一致;
3、覆盖的方法所抛出的异常必须和被覆盖方法的所抛出的异常一致，或者是其子类;
4、被覆盖的方法不能为private，否则在其子类中只是新定义了一个方法，并没有对其进行覆盖。
overload对我们来说可能比较熟悉，可以翻译为重载，它是指我们可以定义一些名称相同的方法，通过定义不同的输入参数来区分这些方法，然后再调用时，VM就会根据不同的参数样式，来选择合适的方法执行。在使用重载要注意以下的几点：
1、在使用重载时只能通过不同的参数样式。例如，不同的参数类型，不同的参数个数，不同的参数顺序(当然，同一方法内的几个参数类型必须不一样，例如可以是fun(int,float)，但是不能为fun(int,int));
2、不能通过访问权限、返回类型、抛出的异常进行重载;
3、方法的异常类型和数目不会对重载造成影响;
4、对于继承来说，如果某一方法在父类中是访问权限是priavte，那么就不能在子类对其进行重载，如果定义的话，也只是定义了一个新方法，而不会达到重载的效果。
19、构造器Constructor是否可被override?
构造器Constructor不能被继承，因此不能重写Override，但可以被重载Overload。
20、接口是否可继承接口?抽象类是否可实现(implements)接口?抽象类是否可继承具体类(concrete class)?抽象类中是否可以有静态的main方法?
接口可以继承接口。抽象类可以实现(implements)接口，抽象类可以继承具体类。抽象类中可以有静态的main方法。
备注：只要明白了接口和抽象类的本质和作用，这些问题都很好回答，你想想，如果你是java语言的设计者，你是否会提供这样的支持，如果不提供的话，有什么理由吗?如果你没有道理不提供，那答案就是肯定的了。
只有记住抽象类与普通类的唯一区别：就是不能创建实例对象和允许有abstract方法。
21、写clone()方法时，通常都有一行代码，是什么?
clone 有缺省行为，
super.clone();
因为首先要把父类中的成员复制到位，然后才是复制自己的成员。
22、面向对象的特征有哪些方面
计算机软件系统是现实生活中的业务在计算机中的映射，而现实生活中的业务其实就是一个个对象协作的过程。面向对象编程就是按现实业务一样的方式将程序代码按一个个对象进行组织和编写，让计算机系统能够识别和理解用对象方式组织和编写的程序代码，这样就可以把现实生活中的业务对象映射到计算机系统中。
面向对象的编程语言有，吗等4个主要的特征。
封装：
封装是保证软件部件具有优良的模块性的基础，封装的目标就是要实现软件部件的“高内聚、低耦合”，防止程序相互依赖性而带来的变动影响。在面向对象的编程语言中，对象是封装的最基本单位，面向对象的封装比传统语言的封装更为清晰、更为有力。面向对象的封装就是把描述一个对象的属性和行为的代码封装在一个“模块”中，也就是一个类中，属性用变量定义，行为用方法进行定义，方法可以直接访问同一个对象中的属性。通常情况下，只要记住让变量和访问这个变量的方法放在一起，将一个类中的成员变量全部定义成私有的，只有这个类自己的方法才可以访问到这些成员变量，这就基本上实现对象的封装，就很容易找出要分配到这个类上的方法了，就基本上算是会面向对象的编程了。把握一个原则：把对同一事物进行操作的方法和相关的方法放在同一个类中，把方法和它操作的数据放在同一个类中。
例如，人要在黑板上画圆，这一共涉及三个对象：人、黑板、圆，画圆的方法要分配给哪个对象呢?由于画圆需要使用到圆心和半径，圆心和半径显然是圆的属性，如果将它们在类中定义成了私有的成员变量，那么，画圆的方法必须分
配给圆，它才能访问到圆心和半径这两个属性，人以后只是调用圆的画圆方法、表示给圆发给消息而已，画圆这个方法不应该分配在人这个对象上，这就是面向对象的封装性，即将对象封装成一个高度自治和相对封闭的个体，对象状态(属性)由这个对象自己的行为(方法)来读取和改变。一个更便于理解的例子就是，司机将火车刹住了，刹车的动作是分配给司机，还是分配给火车，显然，应该分配给火车，因为司机自身是不可能有那么大的力气将一个火车给停下来的，只有火车自己才能完成这一动作，火车需要调用内部的离合器和刹车片等多个器件协作才能完成刹车这个动作，司机刹车的过程只是给火车发了一个消息，通知火车要执行刹车动作而已。
抽象：
抽象就是找出一些事物的相似和共性之处，然后将这些事物归为一个类，这个类只考虑这些事物的相似和共性之处，并且会忽略与当前主题和目标无关的那些方面，将注意力集中在与当前目标有关的方面。例如，看到一只蚂蚁和大象，你能够想象出它们的相同之处，那就是抽象。抽象包括行为抽象和状态抽象两个方面。例如，定义一个Person类，如下：
classPerson{
String name;
int age;
}
人本来是很复杂的事物，有很多方面，但因为当前系统只需要了解人的姓名和年龄，所以上面定义的类中只包含姓名和年龄这两个属性，这就是一种抽像，使用抽象可以避免考虑一些与目标无关的细节。我对抽象的理解就是不要用显微镜去看一个事物的所有方面，这样涉及的内容就太多了，而是要善于划分问题的边界，当前系统需要什么，就只考虑什么。
继承：
在定义和实现一个类的时候，可以在一个已经存在的类的基础之上来进行，把这个已经存在的类所定义的内容作为自己的内容，并可以加入若干新的内容，或修改原来的方法使之更适合特殊的需要，这就是继承。继承是子类自动共享父类数据和方法的机制，这是类之间的一种关系，提高了软件的可重用性和可扩展性。
多态：
多态是指程序中定义的引用变量所指向的具体类型和通过该引用变量发出的方法调用在编程时并不确定，而是在程序运行期间才确定，即一个引用变量倒
底会指向哪个类的实例对象，该引用变量发出的方法调用到底是哪个类中实现的方法，必须在由程序运行期间才能决定。因为在程序运行时才确定具体的类，这样，不用修改源程序代码，就可以让引用变量绑定到各种不同的类实现上，从而导致该引用调用的具体方法随之改变，即不修改程序代码就可以改变程序运行时所绑定的具体代码，让程序可以选择多个运行状态，这就是多态性。多态性增强了软件的灵活性和扩展性。例如，下面代码中的UserDao是一个接口，它定义引用变量userDao指向的实例对象由daofactory.getDao()在执行的时候返回，有时候指向的是UserJdbcDao这个实现，有时候指向的是UserHibernateDao这个实现，这样，不用修改源代码，就可以改变userDao指向的具体类实现，从而导致userDao.insertUser()方法调用的具体代码也随之改变，即有时候调用的是UserJdbcDao的insertUser方法，有时候调用的是UserHibernateDao的insertUser方法：
UserDao userDao =daofactory.getDao();
userDao.insertUser(user);
比喻：人吃饭，你看到的是左手，还是右手?
23、java中实现多态的机制是什么?
靠的是父类或接口定义的引用变量可以指向子类或具体实现类的实例对象，而程序调用的方法在运行期才动态绑定，就是引用变量所指向的具体实例对象的方法，也就是内存里正在运行的那个对象的方法，而不是引用变量的类型中定义的方法。
24、abstract class和interface有什么区别?
含有abstract修饰符的class即为抽象类，abstract类不能创建的实例对象。含有abstract方法的类必须定义为abstract class，abstract class类中的方法不必是抽象的。abstract class类中定义抽象方法必须在具体(Concrete)子类中实现，所以，不能有抽象构造方法或抽象静态方法。如果的子类没有实现抽象父类中的所有抽象方法，那么子类也必须定义为abstract类型。
接口(interface)可以说成是抽象类的一种特例，接口中的所有方法都必须是抽象的。接口中的方法定义默认为public abstract类型，接口中的成员变量类型默认为public static final。
下面比较一下两者的语法区别：
1.抽象类可以有构造方法，接口中不能有构造方法。
2.抽象类中可以有普通成员变量，接口中没有普通成员变量
3.抽象类中可以包含非抽象的普通方法，接口中的所有方法必须都是抽象的，不能有非抽象的普通方法。
4. 抽象类中的抽象方法的访问类型可以是public，protected和(默认类型,虽然
eclipse下不报错，但应该也不行)，但接口中的抽象方法只能是public类型的，并且默认即为public abstract类型。
5. 抽象类中可以包含静态方法，接口中不能包含静态方法
6. 抽象类和接口中都可以包含静态成员变量，抽象类中的静态成员变量的访问类型可以任意，但接口中定义的变量只能是public static final类型，并且默认即为public static final类型。
7. 一个类可以实现多个接口，但只能继承一个抽象类。
下面接着再说说两者在应用上的区别：
接口更多的是在系统架构设计方法发挥作用，主要用于定义模块之间的通信契约。而抽象类在代码实现方面发挥作用，可以实现代码的重用，例如，模板方法设计模式是抽象类的一个典型应用，假设某个项目的所有Servlet类都要用相同的方式进行权限判断、记录访问日志和处理异常，那么就可以定义一个抽象的基类，让所有的Servlet都继承这个抽象基类，在抽象基类的service方法中完成权限判断、记录访问日志和处理异常的代码，在各个子类中只是完成各自的业务逻辑代码，伪代码如下：
public abstract classBaseServlet extends HttpServlet{
public final void service(HttpServletRequest
request,HttpServletResponse response) throws
IOExcetion,ServletException {
记录访问日志
进行权限判断
if(具有权限){
try{
doService(request,response);
}
catch(Excetpion e) {
记录异常信息
}
}
}
protected abstract void doService(HttpServletRequest
request,HttpServletResponse response) throws
IOExcetion,ServletException;
//注意访问权限定义成protected，显得既专业，又严谨，因为它是专门给子类用的
}
public class MyServlet1 extendsBaseServlet
{
protected voiddoService(HttpServletRequest request, HttpServletResponse response) throwsIOExcetion,ServletException
{
本Servlet只处理的具体业务逻辑代码
}
}
父类方法中间的某段代码不确定，留给子类干，就用模板方法设计模式。
备注：这道题的思路是先从总体解释抽象类和接口的基本概念，然后再比较两者的语法细节，最后再说两者的应用区别。比较两者语法细节区别的条理是：先从一个类中的构造方法、普通成员变量和方法(包括抽象方法)，静态变量和方法，继承性等6个方面逐一去比较回答，接着从第三者继承的角度的回答，特别是最后用了一个典型的例子来展现自己深厚的技术功底。
25、abstract的method是否可同时是static,是否可同时是native，是否可同时是synchronized?
abstract的method不可以是static的，因为抽象的方法是要被子类实现的，而static与子类扯不上关系!
native方法表示该方法要用另外一种依赖平台的编程语言实现的，不存在着被子类实现的问题，所以，它也不能是抽象的，不能与abstract混用。例如，FileOutputSteam类要硬件打交道，底层的实现用的是操作系统相关的api实现，例如，在windows用c语言实现的，所以，查看jdk的源代码，可以发现FileOutputStream的open方法的定义如下：
private native void open(Stringname) throws FileNotFoundException;
如果我们要用java调用别人写的c语言函数，我们是无法直接调用的，我们需要按照java的要求写一个c语言的函数，又我们的这个c语言函数去调用别人的c语言函数。由于我们的c语言函数是按java的要求来写的，我们这个c语言函数就可以与java对接上，java那边的对接方式就是定义出与我们这个c函数相对应的方法，java中对应的方法不需要写具体的代码，但需要在前面声明native。
关于synchronized与abstract合用的问题，我觉得也不行，因为在我几年的学习和开发中，从来没见到过这种情况，并且我觉得synchronized应该是作用在一个具体的方法上才有意义。而且，方法上的synchronized同步所使用的同步锁对象是this，而抽象方法上无法确定this是什么。
26、什么是内部类?Static Nested Class和Inner Class的不同。
内部类就是在一个类的内部定义的类，内部类中不能定义静态成员(静态成员不是对象的特性，只是为了找一个容身之处，所以需要放到一个类中而已，这么一点小事，你还要把它放到类内部的一个类中，过分了啊!提供内部类，不是为让你干这种事情，无聊，不让你干。我想可能是既然静态成员类似c语言的全局变量，而内部类通常是用于创建内部对象用的，所以，把“全局变量”放在内部类中就是毫无意义的事情，既然是毫无意义的事情，就应该被禁止)，内部类可以直接访问外部类中的成员变量，内部类可以定义在外部类的方法外面，也可以定义在外部类的方法体中，如下所示：
public class Outer
{
int out_x = 0;
public void method()
{
Inner1 inner1 = new Inner1();
public class Inner2 //在方法体内部定义的内部类
{
public method()
{
out_x = 3;
}
}
Inner2 inner2 = new Inner2();
}
public class Inner1 //在方法体外面定义的内部类
{
}
}
在方法体外面定义的内部类的访问类型可以是public,protecte,默认的，private等4种类型，这就好像类中定义的成员变量有4种访问类型一样，它们决定这个内部类的定义对其他类是否可见;对于这种情况，我们也可以在外面创建内部类的实例对象，创建内部类的实例对象时，一定要先创建外部类的实例对象，然后用这个外部类的实例对象去创建内部类的实例对象，代码如下：
Outer outer = new Outer();
Outer.Inner1 inner1 = outer.new Innner1();
在方法内部定义的内部类前面不能有访问类型修饰符，就好像方法中定义的局部变量一样，但这种内部类的前面可以使用final或abstract修饰符。这种内部类对其他类是不可见的其他类无法引用这种内部类，但是这种内部类创建的实例对象可以传递给其他类访问。这种内部类必须是先定义，后使用，即内部类的定义代码必须出现在使用该类之前，这与方法中的局部变量必须先定义后使用的道理也是一样的。这种内部类可以访问方法体中的局部变量，但是，该局部变量前必须加final修饰符。
对于这些细节，只要在eclipse写代码试试，根据开发工具提示的各类错误信息就可以马上了解到。
在方法体内部还可以采用如下语法来创建一种匿名内部类，即定义某一接口或类的子类的同时，还创建了该子类的实例对象，无需为该子类定义名称：
public class Outer
{
public void start()
{
new Thread(
new Runable(){
public void run(){};
}
).start();
}
}
最后，在方法外部定义的内部类前面可以加上static关键字，从而成为Static Nested Class，它不再具有内部类的特性，所有，从狭义上讲，它不是内部类。Static Nested Class与普通类在运行时的行为和功能上没有什么区别，只是在编程引用时的语法上有一些差别，它可以定义成public、protected、默认的、private等多种类型，而普通类只能定义成public和默认的这两种类型。在外面引用Static Nested Class类的名称为“外部类名.内部类名”。在外面不需要创建外部类的实例对象，就可以直接创建Static Nested Class，例如，假设Inner是定义在Outer类中的Static Nested Class，那么可以使用如下语句创建Inner类：
Outer.Inner inner = newOuter.Inner();
由于static Nested Class不依赖于外部类的实例对象，所以，static Nested Class能访问外部类的非static成员变量(不能直接访问，需要创建外部类实例才能访问非静态变量)。当在外部类中访问Static Nested Class时，可以直接使用Static Nested Class的名字，而不需要加上外部类的名字了，在Static
Nested Class中也可以直接引用外部类的static的成员变量，不需要加上外部类的名字。
在静态方法中定义的内部类也是Static Nested Class，这时候不能在类前面加static关键字，静态方法中的Static Nested Class与普通方法中的内部类的应用方式很相似，它除了可以直接访问外部类中的static的成员变量，还可以访问静态方法中的局部变量，但是，该局部变量前必须加final修饰符。
备注：首先根据你的印象说出你对内部类的总体方面的特点：例如，在两个地方可以定义，可以访问外部类的成员变量，不能定义静态成员，这是大的特点。然后再说一些细节方面的知识，例如，几种定义方式的语法区别，静态内部类，以及匿名内部类。
27、内部类可以引用它的包含类的成员吗?有没有什么限制?
完全可以。如果不是静态内部类，那没有什么限制!
如果你把静态嵌套类当作内部类的一种特例，那在这种情况下不可以访问外部类的普通成员变量，而只能访问外部类中的静态成员，例如，下面的代码：
class Outer
{
static int x;
static class Inner
{
void test()
{
syso(x);
}
}
}
答题时，也要能察言观色，揣摩提问者的心思，显然人家希望你说的是静态内部类不能访问外部类的成员，但你一上来就顶牛，这不好，要先顺着人家，让人家满意，然后再说特殊情况，让人家吃惊。
WEB前端面笔试题总结
1. 如何显示/隐藏一个DOM元素？ 更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。 2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局， 请写出主要的HTML标签及CSS。 1. 2. 3.
4. 5.15. 3. CSS中margin和padding的区别 margin是外边距，属于元素之外，相邻元素的margin可以融合。 padding是内边距，在元素之内，相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题，应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、 JavaScript代码，多余的HTML标签和属性。 7. 补充代码，是鼠标单击后Button1到Button2的后面
web前端开发面试题汇总模板
web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？ （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性：display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式？比较好的方式是哪一种？ （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。
（8）结尾处加br标签clear:both。 总结：比较好的是第3种方式，简洁方便。 4. box-sizing常用的属性有哪些？分别有什么作用？ 常用的属性：box-sizing: content-box border-box inherit; 作用：content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用？标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>？ HTML5不基于SGML，因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时，使用link和@import有什么区别？ （1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面
前端笔试面试题目总结
前端笔试面试题目总结
希望对一起奋战找工作的战友们有帮助 列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举4个以上说明 解析ajax的意思,同步和异步的区别,异步请求有哪些状态,如何创立一个异步请求,异步请求完成过程,说下IE与其它浏览器的差异 如何实现跨域请求,AJAX跨域的解决办法 html有哪些常见标签,大概多少个,如何分类的,html5有哪些新增标签 前端优化提高客户端响应速度的方法,至少10条以上 平常见哪些开发工具,用什么插件,了解哪些类库,是否熟悉php,nodejs,看过哪些书 网页设计中能够使用哪些图像格式,说下它们的优缺点 一个元素结点有哪些公共属性,哪些事件属性,各举5个以上 盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。 布局的方式有哪些 使用缓存的方式有哪些,说下各种方式的优缺点与发展过程 怎么实现一个元素的居中 display,position的属性值有哪些 元素的属性简写,如font,background, html5有哪些新功能,都有哪些新的JS API,列举5条以上 介绍几个css3的属性,选择器有哪些 css的基本语句构成是,有哪些选择器,css3新增的有哪些 CSS引入样式的方式有哪些,link和@import的区别是,如何计算样式的优先级你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？ 常见到哪些类库,是否了解jq的实现,说一下对jq代码的理解,基本的架构或者 jQuery.fn.init 中都做了哪些判断,是否了解sizzle, 前端页面由层级结构是怎样的，分别是什么？作用是什么？是否了解MVC模型,在前端如何实现MVC 简单介绍一下js的语法特点,数据类型 说一下字符串,数组的常见方法 js的继承方式 js的运算符与优先级 创立对象的方法 JSON与JSONP的区别 DOM结点的选择有哪些方法,有哪些元素集合可直接选取,如果选择一个节点有父节点,子节点,兄弟节点(nextSibling与nextElementSibling,IE与其它浏览器的差别) 简单介绍DOM节点层级 节点怎样添加、移除、移动、复制、创立和查找节点 IE与FF的JS兼容性都知道哪些 IE事件流与其它浏览器事件流特点,绑定事件的差异 正则表示式是否熟悉,有哪些元字符,何为分组,捕获,零宽断言,零宽度正预测
前端开发面试问题总结
前端开发面试问题总结 May 28, 2015 对于前端开发人员的招聘，面试是非常关键的环节，而现实的情况是，很多招聘者是开发出身，不会面试，不知道问什么，问了一些常规问题，又不知道考察些什么。 这里分享一下我在面试过程中常问的一些问题（很多问题不仅限于前端开发），注意很多问题都是开放的，作为一个面试官，不要试图准备几个选择题或填空题应付了事，面试不同与笔试，面试就是要以交流为主，互动讨论总是要比直接的答案更能体现此人的能力。 我个人认为，任何时候，考察一个应聘者，综合素质要优先于他的技术能力，做开发不是做航天飞船，一般智商不低的人通过学习都可以胜任大部分工作，关键的是人品、工作态度、分析能力、学习能力，这些都是与生俱来或潜移默化形成的，是很难通过学习获得的，它们要比现有的技术经验和技术能力更重要。 ?今天天气还不错，你是怎么过来的？ ?大概用了多久，离得远么？ ?（如果远的话）是自己的房子还是租的房子？经常这样远距 离上班可以适应么？ 缓解一下应聘者的紧张感，让他尽快进入状态，并能了解出行方式、大概的远近。有时候工作地点远近还真是大问题，即使应聘者可以接受，但是上班时间超过1个半小时的员工幸福感和工作效率会较低，流失率会比较高。 ?（用3分钟时间）简单做个自我介绍吧？ 自我介绍是关键的环节，连自我介绍都说不好，说明对待面试和职业的态度很差。可以加上时间限制，或者让应聘者自由发挥，看看他把握重点的能力和控制时间的能力。自我介绍一般来说应该包含年龄，籍贯，毕业院校、专业和时间，工作过的公司和时间，主要的项目，担当的职务，用到的技术，擅长的技术等。 ?详细介绍一个对你影响比较大的项目？ ?对于你刚才说的xxx项目，我很感兴趣，你能详细说一说么？ ?这个项目主要是解决什么问题/完成什么事情？ ?你在这个项目里的职责是什么/做了哪些事情？ ?这个项目用到了那些技术/框架？ ?这个项目中大家是怎样协作的？ ?这个项目主要的挑战是什么？ ?这个项目遇到了哪些技术难点和问题？ ?你是怎样解决的？ ?你觉得自己的解决方案还有改进的地方么？
2016年前端js笔试题和答案
前端笔试题_答案
1，C。内联元素加上 display：block;后被块级化。块级元素一般是其他元素的 容器， 可容纳内联元素和其他块状元素， 块状元素排斥其他元素与其位于同一行， 宽度(width)高度(height)起作用。因此，可以定义其宽度和高度。 ,2，TRUE。参数是 scroll 时候，必会出现滚动条。 参数是 auto 时候，子元素内容大于父元素时出现滚动条。 参数是 visible 时候，溢出的内容出现在父元素之外。 参数是 hidden 时候，溢出隐藏。, 3，选 B。在 html 中通过标签打开一个链接，通过 标签的 target 属 性规定在何处打开链接文档。 如果在标签中写入 target 属性，则浏览器会根据 target 的属性值去打开与 其命名或名称相符的 框架或者窗口. 在 target 中还存在四个保留的属性值如下， 属性值 值 描述
_blank
在新窗口中打开被链接文档。
_self
默认。在相同的框架中打开被链接文档。
_parent
在父框架集中打开被链接文档。
_top
在整个窗口中打开被链接文档。
framename
在指定的框架中打开被链接文档。
4，选 b。onfocus 获得焦点 onblur 失去焦点 5，A 这两个属性是有些重复了。在不同浏览器里面表现有些不同。在 alt 和 title 同时设置的时候，alt 作为图片的替代文字出现，title 是图片的解释文字。 6，A #0000 是不正确的写法，至少要为六位，应该是#FF0000 A 写法是正确的，有两种写法： document.getElementById("input").style.backgroundColor = "red"; inputElement.style.backgroundColor = "#FF0000"; 7， B
这里考察 HTML 标签的使用：
前端面试笔试题
前端面试笔试题 前端面试笔试题 前端面试笔试题有哪些？前端面试笔试题分享给大家，以下就是小编整理的前端面试笔试题，一起来看看吧！ 1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成，分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js; 3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐（Gecko）谷歌（webkit,Blink） opera(Presto),Safari(wbkit) 4.什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理
解。 5.HTML5 为什么只需要写 !DOCTYPE HTML？ HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 6.Doctype 作用？标准模式与兼容模式各有什么区别? !DOCTYPE声明位于位于HTML文档中的第一行，处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和HTML5？HTML5 现在已经不是SGML 的子集，主要是关于图像，位置，存储，多任务等功能的.增加。绘画 canvas 用于媒介回放的 video 和audio 元素本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素，比如article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术
前端面试笔试题总结.
JavaScript类库：jQuery、Prototype JavaScript框架：BackBone、Vuejs、Angular.js、React.js CSS预编译器：LessCss、Sass JavaScript模块加载器：RequireJS、Browserify 项目构建工具：Grunt、Gulp 项目管理和协同工具的使用：SVN、Git 前端测试框架以及工具：Jasmine、Mocha 基本后端开发：NodeJS、Python web相关技术：MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等 一、谈谈cookie的弊端： cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。 第一：每个特定的域名下最多生成20个cookie 1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie。 3.Firefox最多50个cookie 4.chrome和Safari没有做硬性限制 IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie。 cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节。 IE 提供了一种存储可以持久化用户数据，叫做uerData，从IE5.0就开始支持。每个数据最多128K，每个域名下最多1M。这个持久化数据放在缓存中，如果缓存没有清理，那么会一直存在。
优点：极高的扩展性和可用性 1.通过良好的编程，控制保存在cookie中的session对象的大小。 2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。 3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。 4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。 缺点： 1.`Cookie`数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。 2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie 的意义，他只要原样转发cookie就可以达到目的了。 3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。 二、浏览器本地存储： 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。 html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 三、web storage和cookie的区别 Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。 除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。 但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而Web Storage仅仅是为了在本地“存储”数据而生 浏览器的支持除了IE７及以下不支持外，其他标准浏览器都完全支
前端面试笔试题
前端面试笔试题 前端面试笔试题有哪些？前端面试笔试题分享给大家，以下就是小编整理的前端面试笔试题，一起来看看吧！ 1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js; 3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Ie(Ie内核) 火狐（Gecko）谷歌（webkit,Blink）opera(Presto),Safari(wbkit) 4.什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 5.HTML5 为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 6.Doctype 作用？标准模式与兼容模式各有什么区别?!DOCTYPE声明位于位于HTML文档中的第一行，处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和HTML5？HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的.增加。绘画 canvas用于媒介回放的 video 和audio 元素本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素，比如 article、footer、header、nav、section表单控件，calendar、date、time、email、url、search新的技术webworker, websockt, Geolocation移除的元素纯表现的元素：
WEB前端开发工程师面试题
[HTML && CSS] 1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? Doctype声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。该标签可声明三种DTD 类型，分别表示严格版本、过渡版本以及基于框架的HTML 文档。 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面； 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。 2. 行内元素有哪些？块级元素有哪些？CSS的盒模型？ 行内元素有：a b span I b em img input select strong 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 盒模型：margin border padding width 3. CSS引入的方式有哪些? link和@import的区别是?
互联网大公司面试笔试题前端
问答题 1、HTML 中的table 元素有2 种布局(table-layout)算法，请给出默认值。并详细说明为什 么fixed 布局要比auto 快？ 编程题 1、版本排序 题目描述：去哪儿前端技术团队一直很富有创新性，经常为了解决实际工作的一些痛点，自主开发一些工具，来解决这些问题。这样，工具的版本就成为了很重要的一个点，开发者如何提供正确版本，使用者如何获取正确版本，都是十分重要的。因此，版本都会遵循业界统一的规范---SemVer。常规版本规则如下： (1) 版本格式：主版本号.次版本号.修订号，例如1.2.3，版本的三个位数都必须存在，并且为0 到999 之间的整数。 (2) 主版本号：当你做了不兼容的功能修改 (3) 次版本号：当你做了向下兼容的功能性新增 (4) 修订号：当你做了向下兼容的问题修正 当然，使用者不一定会指定版本号，可能使用通配符（例如***）未自动获取满足条件的最新版本。（在本题中，只考虑这种情况表示匹配任意版本例如2.2.*，可以匹配所有 2.2.1，2.2.2 等；） 现在会给出一个版本列表，并给出使用者的匹配规则，找出符合版本规则而且满足条件的最新版本，并输出，如果没有找到相应结果，则输出0. 输入 输入第一行是一个整数N，之下N(0 2.1.8 2.1.0 2.1.* 样例输出 2.1.8 2、在去哪儿，前端工程师，在日常工作中，经常会使用到模版引擎，比较常用的有jQuery Template、artTemplate、Mustache 等。现在要求你实现一个简单的类似于 Mustache 的模版引擎，根据传入的模版字符串和数据，替换模版字符串中的标签，输出 出对应的HTML 片段。 需要支持的模版标签有： （1）{{keyName}}：输出对象中属性名为keyName 的值。需要支持多级属性，比如{{https://www.wendangku.net/doc/3d17273262.html,2}}; (2) {{keyName}}content{{/keyName}}：keyName 对应的值为“真”时，输出content，为 “假”时不输出 (3) {{#arr}}content{{/arr}}：arr 对应的值为“假“时，输出content 为“真”时不输出； (4) {{.}}表示数组遍历中当前的元素（可以只考虑基本数据类型）。 (5) {{^keyName}}content{{/keyName}}：keyName 对应的值为“假”时，输出content，为 “真”时不输出； 注意：如果给定的数据中，没有对应的属性字段，标签替换为空。 输入： 第一行出入模版字符串（长度不超过1000），字符串中可以包含模版标签，也可以不包括标签。 第二行输入需要渲染的数据（JSON 字符串，长度不超过1000）。 输出： 输出对应的HTML 的片段。 代码输入： Welcome Qunar-Man
BAT及各大互联网公司2016前端笔试面试题(CSS)
1.有哪项方式可以对一个DOM设置它的CSS样式？ ?外部样式表，引入一个外部css文件 ?内部样式表，将css代码放在
标签内部 ?内联样式，将css样式直接定义在HTML 元素内部 2.CSS都有哪些选择器？ ?派生选择器（用HTML标签申明） ?id选择器（用DOM的ID申明） ?类选择器（用一个样式类名申明） ?属性选择器（用DOM的属性申明，属于CSS2，IE6不支持，不常用，不知道就算了） 除了前3种基本选择器，还有一些扩展选择器，包括 ?后代选择器（利用空格间隔，比如div .a{ }） ?群组选择器（利用逗号间隔，比如p,div,#a{ }） 那么问题来了，CSS选择器的优先级是怎么样定义的？ 基本原则： 一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。 复杂的计算方法： ?用1表示派生选择器的优先级 ?用10表示类选择器的优先级 ?用100标示ID选择器的优先级 ?div.test1 .span var 优先级1+10 +10 +1 ?span#xxx .songs li 优先级1+100 + 10 + 1 ?#xxx li 优先级100 +1 那么问题来了，看下列代码，标签内的文字是什么颜色的？。 CSS Code复制内容到剪贴板 1. 5. 6.123 7. 答案：red。与样式定义在文件中的先后顺序有关，即是后面的覆盖前面的，与在
中的先后关系无关。 3.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？ 最基本的：
计算机笔试面试题汇总(内容很丰富)
笔试面试题汇总 一、笔试题（计算机3、4、5、7班提供） 1、写一个程序实现字符串反转。（新大陆） 2、多态性意味着一个操作在不同的类中可以有不同的实现方式。（淘宝） 3、给你一个二叉树的前序序列和中序序列，求其后续序列？（淘宝） 4、Cache替换算法命中率最高是？（淘宝） 5、给一个顺序表，然后再给你一个码值，求在二分查找改码值的比较次数？（淘宝） 6、编译程序中安排中间代码生成的目的是？（淘宝） 7、假设在n进制下，17*456=8206成立，n是多少？（淘宝） 8、要从一亿会员中抽出100万会员，考虑到公平性、相对分散、相对随机，不能重复，抽取速度 要快。有一个random函数，能产生0-9的随机数。请写出你能想到的抽取方法？并写明步骤。 （淘宝） 9、Malloc和new的区别？ 10、++、--、sizeof（字符串、结构体）（融通） 11、字符串函数的实现（strlen、strcpy等）（网龙、亿联网络） 12、字符串以单词逆序 13、链表逆序 14、有序链表合并为有序链表 15、CSTRING类的一些基本函数的实现 16、DEBUG 和RELESE 两种调试的区别 17、CONST的用法 18、虚基类抽象基类的用法 19、Java线程中的sleep,yeild,notify的作用和区别
20、面向对象的特征有哪些方面 21、ServletConfig对象与ServletContext对象的作用和区别 22、数据结构：主要考数据结构前面的链表的那些知识 23、编程：链表的反转、两个排好序链表结合成一个有序链表 24、二分搜索算法 25、树：节点个数与树高的计算 26、操作系统：存的大小端，生产者、消费者问题 27、软件工程的类图 28、数据库：主要是简单select语句 29、C语言：c语言的关键字、运算符的优先级与结合性、宏、指针的理解、typedef等 30、网络：就osi模型 31、在一个工程中，如果一个文件向要引用其他文件中定义的一个变量或者函数，请问需要添 加什么关键字？答：extern。 32、volatile：说明变量在程序执行中可被隐含地改变 33、 void func(void){ static int i = 0; i++; printf("%d\n", i); } void main(){ func(); func(); } 请问输出是： 1 2 （关键考察static关键字） 34、指针的应用方面，数组应用，链表应用。 35、一些简单的字符串处理函数，排序函数（冒泡，快排等）。
WEB前端面试题全套
什么是响应式网页? 通过 CSS3 Media Query 实现响应式 Web 设计 响应式 Web 设计(Responsive Web design)的理念是，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query 的使用等。无论用户正在使用笔记本还是 iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。 Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如 Microsoft IE 4 和 Netscape Navigator 4）的行为以防止老站点无法工作。 在 IE 6 出现时，在标准模式中使用的是正确的盒模型，在混杂模式中使用的则是老式的专有盒模型。为了维持对 IE 5 和更低版本的向后兼容性，Opera 7 和更高版本也在混杂模式中使用有缺点的 IE 盒模型。 前端页面有哪三层构成，分别是什么？作用是什么？ 网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。” 网页的表示层（presentation layer）由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。 网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。 使用 (X)HTML 去搭建文档的结构。 使用 CSS 去设置文档的呈现效果。 使用 DOM 脚本去实现文档的行为 如何居中一个浮动元素? 方法一：让最外面的层相对定位，left 等于 50%，然后内部嵌套层也使用相对定位且 left 设为-50%，这样的效果就是内层相对整行为水平居中； 方法二：使用 display: table; 方法三：直接使用 table 布局（使用太多 table 容易让结构看起来比较混乱，其实页面中使用少量的 table，只要不要嵌套使用，还是可以实现使用少量 CSS，达到最好的效果的），这种方法这里就不举例演示了。
前端面试题及答案2020
web前端面试试题（含答案） 一、先自我介绍一下,说一下项目的技术栈,以及项目中遇到的一些问题 二、从整体中,看你对项目的认识,框架的认识和自己思考。 三、项目中有没有遇到什么难点,怎么解决。 四、如果你在创业公司你怎么从0开始做(选择什么框架,选择什么构建工具)。 五、说一下你项目中用到的技术栈,以及觉得得意和出色的点,以及让你头疼的点,怎么解决的。 六、一个业务场景,面对产品不断迭代,以及需求的变动该怎么应对,具体技术方案实现。 七、你的学习来源是什么。 八、你觉得哪个框架比较好,好在哪里。 九、你觉得最难得技术难点是什么。 十、你见过的最好的代码是什么 十一、网站性能优化 1. http 请求方面,减少请求数量,请求体积,对应的做法是,对项目资源进行压缩,控制项目资源的dns 解析在2到4个域名,提取公告的样式,公共的组件,雪碧图,缓存资源, 2. 压缩资源,提取公共资源压缩,提取css ,js 公共方法 3. 不要缩放图片,使用雪碧图,使用字体图表(阿里矢量图库) 4. 使用CDN,抛开无用的cookie 5. 减少重绘重排,CSS属性读写分离,最好不要用js 修改样式,dom 离线更
新,渲染前指定图片的大小 6. js 代码层面的优化,减少对字符串的计算,合理使用闭包,首屏的js 资源加载放在最底部 十二、js 自定义事件实现 1. 原生提供了3个方法实现自定义事件 2. createEvent,设置事件类型,是html 事件还是鼠标事件 3. initEvent 初始化事件,事件名称,是否允许冒泡,是否阻止自定义事件 4. dispatchEvent 触发事件 十三、angular 双向数据绑定与vue数据的双向数据绑定 1. 二者都是MVVM 模式开发的典型代表 2. angular 是通过脏检测实现,angular 会将UI 事件,请求事件,settimeout 这类延迟,的对象放入到事件监测的脏队列,当数据变化的时候,触发$diget 方法进行数据的更新,视图的渲染 3. vue 通过数据属性的数据劫持和发布订阅的模式实现,大致可以理解成由3个模块组成,observer 完成对数据的劫持,compile 完成对模板片段的渲染,watcher 作为桥梁连接二者,订阅数据变化及更新视图 十四、get与post 通讯的区别 1. Get 请求能缓存,Post 不能 2. Post 相对Get 安全一点点,因为Get 请求都包含在URL 里,且会被浏览器保存历史纪录,Post 不会,但是在抓包的情况下都是一样的. 3. Post 可以通过request body来传输比Get 更多的数据,Get 没有这个技术
各大互联网公司前端笔试面试题
各大互联网公司前端笔试面试题–JavaScript篇 1.JavaScript是一门什么样的语言，它有哪些特点？ 没有标准答案。 2.JavaScript的数据类型都有什么？ 基本数据类型：String,boolean,Number,Undefined, Null 引用数据类型：Object(Array,Date,RegExp,Function) 那么问题来了，如何判断某变量是否为数组数据类型？ ?方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice 方法，故有时会失效 ?方法二.objinstanceof Array 在某些IE版本中不正确 ?方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下： 3.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)
4.希望获取到页面中所有的checkbox怎么做？(不使用第三方框架) 5.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架) 6.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？?直接在DOM里绑定事件：
?在JS里通过onclick绑定：xxx.onclick = test ?通过事件添加进行绑定：addEventListener(xxx, …click?, test) 那么问题来了，Javascript的事件流模型都有什么？?“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播 ?“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的 ?“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡 7.什么是Ajax和JSON，它们的优缺点。 Ajax是异步JavaScript和XML，用于在Web页面中实现异步数据交互。 优点： ?可以使得页面不重载全部内容的情况下加载局部内容，降低数据传输量?避免用户不断刷新或者跳转页面，提高用户体验 缺点： ?对搜索引擎不友好（ ?要实现ajax下的前后退功能成本较大 ?可能造成请求数的增加 ?跨域问题限制 JSON是一种轻量级的数据交换格式，ECMA的一个子集 优点：轻量级、易于人的阅读和编写，便于机器（JavaScript）解析，支持复合数据类型（数组、对象、字符串、数字） 8.看下列代码输出为何？解释原因。
web前端笔试题面试题汇总+前端优化总结
前端是庞大的，包括HTML、CSS、Javascript、Image、Flash 等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。 总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。 前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符优化、图片优化以及HTML结构优化等等。另外，本着提高投入产出比的目的，后文提到的各种优化策略大致按照投入产出比从大到小的顺序排列。 一、页面级优化 1. 减少HTTP请求数 这条策略基本上所有前端人都知道，而且也是最重要最有效的。都说要减少HTTP请求，那请求多了到底会怎么样呢?首先，每个请求都是有成本的，既包含时间成本也包含资源成本。一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。时间成本就是用户需要看到或者“感受”到这个资源是必须要等待这个过程结束的，资源上由于每个请求都需要携带数据，因此每个请求都需要占用带宽。另外，由于浏览器进行并发请求的请求数是有上限的(具体参见此处)，因此请求数多了以后，浏览器需要分批进行请求，因此会增加用户的等待时间，会给用户造成站点速度慢这样一个印象，即使可能用户能看到的第一屏的资源都已经请求完了，但是浏览器的进度条会一直存在。 减少HTTP请求数的主要途径包括： (1). 从设计实现层面简化页面 如果你的页面像百度首页一样简单，那么接下来的规则基本上都用不着了。保持页面简洁、减少资源的使用时最直接的。如果不是这样，你的页面需要华丽的皮肤，则继续阅读下面的内容。 (2). 合理设置HTTP缓存 缓存的力量是强大的，恰当的缓存设置可以大大的减少HTTP请求。以有啊首页为例，当浏览器没有缓存的时候访问一共会发出78个请求，共600多K数据(如图1.1)，而当第二次访问即浏览器已缓存之后访问则仅有10个请求，共20多K数据(如图1.2)。(这里需要说明的是，如果直接F5刷新页面的话效果是不一样的，这种情况下请求数还是一样，不过被缓存资源的请求服务器是304响应，只有Header没有Body，可以节省带宽) 怎样才算合理设置?原则很简单，能缓存越多越好，能缓存越久越好。例如，很少变化的图片资源可以直接通过HTTP Header中的Expires设置一个很长的过期头;变化不频繁而又可能会变的资源可以使用Last-Modifed来做请求验证。尽可能的让资源能够在缓存中待得更久。关于HTTP缓存的具体设置和原理此处就不再详述了，有兴趣的可以参考下列文章：HTTP1.1协议中关于缓存策略的描述 Fiddler HTTP Performance中关于缓存的介绍 (3). 资源合并与压缩 如果可以的话，尽可能的将外部的脚本、样式进行合并，多个合为一个。另外，CSS、Javascript、Image都可以用相应的工具进行压缩，压缩后往往能省下不少空间。 (4). CSS Sprites 合并CSS图片，减少请求数的又一个好办法。 (5). Inline Images 使用data: URL scheme的方式将图片嵌入到页面或CSS 中，如果不考虑资源管理上的问题的话，不失为一个好办法。如果是嵌入页面的话换来的是增大了页面的体积，而且无法利用浏览器缓存。使用在CSS中的图片则更为理想一些。 (6). Lazy Load Images 这条策略实际上并不一定能减少HTTP请求数，但是却能在某些条件下或者页面刚加载时减少HTTP请求数。对于图片而言，在页面刚加载的时候可以只加载第一屏，当用户继续往后滚屏的时候才加载后续的图片。这样一来，假如用户只对第一屏的内容感兴趣时，那剩余的图片请求就都节省了。有啊首页曾经的做法是在加载的时候把第一屏之后的图片地址缓存在Textarea标签中，待用户往下滚屏的时候才“惰性”加载。 2. 将外部脚本置底 前文有谈到，浏览器是可以并发请求的，这一特点使得其能够更快的加载资源，然而外链脚本在加载时却会阻塞其他资源，例如在脚本加载完成之前，它后面的图片、样式以及其他脚本都处于阻塞状态，直到脚本加载完成后才会开始加载。如果将脚本放在比较靠前的位置，则会影响整个页面的加载速度从而影响用户体验。解决这一问题的方法有很多，在这里有比较详细的介绍(这里是译文和更详细的例子)，而最简单可依赖的方法就是将脚本尽可能的往后挪，减少对并发下载的影响。 3. 异步执行inline脚本 inline脚本对性能的影响与外部脚本相比，是有过之而无不及。首页，与外部脚本一样，inline脚本在执行的时候一样会阻塞并发请求，除此之外，由于浏览器在页面处理方面是
- 京东面试笔试题前端一面
- 【最新考试题库及答案】web前端面试题及答案
- 前端面试笔试题总结.
- 前端开发面试题及答案整理.doc
- 前端面试笔试题
- 最新面试考试题目(含答案)-Web前端工程师笔试题
- 2016年前端js笔试题和答案
- 互联网大公司面试笔试题前端
- 各大互联网公司前端笔试面试题
- 最新面试考试题目(含答案)-前端开发面试笔试题
- 前端笔试面试题目总结
- 【最新考试题库及答案】前端面试笔试题
- 最新面试考试题目(含答案)-Web前端开发工程师笔试题
- 互联网大公司面试笔试题前端面经(二三面+hr面)
- 前端开发面试题-笔试
- web前端面试题(答案及说明,初级)
- WEB前端开发工程师面试题
- 前端面试题及答案2020
- 2021年前端笔试面试题目总结
- web前端开发面试题汇总模板