Java开发 面试题整理

因为要电话面试，就提前整理了面试题，没想到还真问到了几个，但是没问到的就回答的一塌糊涂了。问到的我就直接按照这个来了。。。
1、String和StringBuffer
String:String 是final类,即不能被继承。String的值是不可变的，这就导致每次对String的操作都会生成新的String对象，不仅效率低下，而且大量浪费有限的内存空间。StringBuffer:是一个可变对象,当对他进行修改的时候不会像String那样重新建立对象。它只能通过构造函数来建立对象被建立以后,在内存中就会分配内存空间,并初始保存一个null.向StringBuffer中赋值的时候可以通过它的 append方法 。 每个StringBuffer对象都有一定的缓冲区容量，当字符串大小没有超过容量时，不会分配新的容量，当字符串大小超过容量时，会自动增加容量。StringBuffer 线程安全 StringBuilder 线程不安全
（1）如果要操作少量的数据用 = String （2）单线程操作字符串缓冲区 下操作大量数据 = StringBuilder
（3）多线程操作字符串缓冲区 下操作大量数据 = StringBuffer
2、Linux
常用linux指令：ls/ll、cd、mkdir、rm-rf、cp、mv、ps -ef | grep xxx、kill、free-m、tar -xvf file.tar
查看进程ps -ef | grep xxx 、ps -aux | grep xxx（-aux显示所有状态）
杀掉进程kill -9[PID] —(PID用查看进程的方式查找)
启动/停止服务　cd到bin目录cd/　./startup.sh --打开./shutdown.sh —关闭
查看日志　cd到服务器的logs目录；tail -f xx.out --此时屏幕上实时更新日志。ctr+c停止；查看最后100行日志 tail -100 xx.out ；查看关键字附件的日志。如：cat filename | grep -C 5 ‘关键字’（关键字前后五行。B表示前，A表示后，C表示前后）
查看端口：（如查看某个端口是否被占用）netstat -anp | grep 端口号（状态为LISTEN表示被占用）
查找文件 通过文件名：find / -name xxxx —整个硬盘查找
vim（vi）编辑器　　　有命令模式、输入模式、末行模式三种模式。
命令模式：查找内容(/abc、跳转到指定行(20gg)、跳转到尾行(G)、跳转到首行(gg)、删除行(dd)、插入行(o)、复制粘贴(yy,p)；　　输入模式：编辑文件内容；　　末行模式：保存退出(wq)、强制退出(q!)、显示文件行号(set number)；　　在命令模式下，输入a或i即可切换到输入模式，输入冒号(:)即可切换到末行模式；在输入模式和末行模式下，按esc键切换到命令模式
3、SpringMVC
工作原理：
客户端发送请求到 DispatcherServlet；DispatcherServlet 查询 handlerMapping 找到处理请求的 Controller；Controller 调用业务逻辑后，返回 ModelAndView；DispatcherServlet 查询 ModelAndView，找到指定视图；视图将结果返回到客户端。
解决 GET | POST请求中文乱码问题:
GET：在服务器端配置URL编码格式：修改tomcat的配置文件server.xml：只需增加 URIEncoding=“UTF-8” 这一句，然后重启tomcat即可。
POST:最常用的方法是使用Spring提供的编码过滤器：在Web.xml中增加配置（要注意的是它的位置一定要是第一个执行的过滤器）：org.springframework.web.filter.CharacterEncodingFilter
重定向和转发:
在返回值前面加"forward:“就可以让结果转发,譬如"forward:user.do?name=method4”
在返回值前面加"redirect:“就可以让返回值重定向,譬如"redirect:http://www.baidu.com”
Springmvc 的控制器是不是单例模式,如果是,有什么问题,怎么解决？
是单例模式,所以在多线程访问的时候有线程安全问题,不要用同步,会影响性能的,解决方案是在控制器里面不能写字段。
怎么样把ModelMap里面的数据放入Session里面？
可以在类上面加上@SessionAttributes注解,里面包含的字符串就是要放入session里面的key。
Springmvc 中系统如何分层 ？
系统分为表现层（UI）：数据的展现，操作页面，请求转发。业务层（服务层）：封装业务处理逻辑
持久层（数据访问层）：封装数据访问逻辑
Springmvc 用什么对象从后台向前台传递数据的？
答：通过ModelMap对象,可以在这个对象里面用put方法,把对象加到里面,前台就可以通过el表达式拿到。
springmvc 中当一个方法向AJAX返回特殊对象,譬如Object,List等,需要做什么处理？
要加上@ResponseBody注解。
Springmvc 中拦截器如何使用
定义拦截器，实现HandlerInterceptor接口。接口中提供三个方法。 preHandle ：进入 Handler方法之前执行，用于身份认证、身份授权，比如身份认证，如果认证通过表示当前用户没有登陆，需要此方法拦截不再向下执行 postHandle：进入Handler方法之后，返回modelAndView之前执行，应用场景从modelAndView出发：将公用的模型数据(比如菜单导航)在这里传到视图，也可以在这里统一指定视图 afterCompletion：执行Handler完成执行此方法，应用场景：统一异常处理，统一日志处理
拦截器配置： 类似全局的拦截器：springmvc配置类似全局的拦截器，springmvc框架将配置的类似全局的拦截器注入到每个HandlerMapping中
4、Vue
什么是vue生命周期？
答： Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。
vue生命周期的作用是什么？
答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
vue生命周期总共有几个阶段？
答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后。
第一次页面加载会触发哪几个钩子？
答：会触发 下面这几个beforeCreate, created, beforeMount, mounted 。
DOM 渲染在 哪个周期中就已经完成？
答：DOM 渲染在 mounted（载入后） 中就已经完成了。
5、数据库
MySQL数据库与Oracle数据库有什么区别
1）应用方面：MySQL是中小型应用的数据库，一般用于个人项目或中小型网站及论坛。Oracle属于大型数据库，一般在具有相当规模的企业应用。2）自动增长的数据类型方面：MySQL有自动增长的数据类型。Oracle没有自动增长的数据类型，需要建立一个自增序列3）group by用法：MySQL中group by在select语句中可以随意使用，但是在Oracle中如果查询语句中有组函数，那其他列名必须是组函数处理过的或者是group by子句中的列，否则报错4）引号方面：MySQL中可以用单引号、双引号包起字符串，Oracle中只可以用单引号包起字符串
数据库的三大范式是什么？
1）第一范式：原子件，要求每一列的值不能再拆分了2）第二范式：一张表只描述一个实体（若列中有冗余数据，则不满足）3）第三范式：所有列与主键直接相关
事务的特性（ACID）是指什么？
1）原子性（Atomic）：事务中的各项操作，要么全做要么全不做，任何一项操作的失败都会导致整个事务的失败2）一致性（Consistent）：事务结束后系统状态是一样的3）隔离性（Isolated）：并发执行的事务彼此无法看到对方的中间状态4）持久性（Durable）：事务完成后，即使发生灾难性的故障，通过日志和同步备份可以在故障发生后重建数据
如何实现数据库的优化
1）调整数据库结构的设计：需要考虑是否使用分区功能、是否建立索引等2）调整数据库的SQL语句
3）调整服务器的内存分配4）调整硬盘I/O5）调整操作系统参数
什么是数据库的映射：
就是将数据库中表与字段对应到模型层类名与属性的过程
如何设计数据库：
首先分析项目，看看项目中有多少实体（矩形），为每个实体添加属性（椭圆），明确实体之间的关系（菱形），绘制E-R图，将E-R图转换成表格
怎样创建一个索引，索引使用的原则，有什么优缺点
create index 索引名 on 表名（列名）
原则：建议索引列建立not null约束；经常与其他表进行连接的表，在连接列上建立索引
优缺点：创建索引能大大加快检索速度，加强表与表的连接，但是创建索引很占用空间
说说Oracle中经常使用到的函数
length长度、lower小写、upper大写、to_date转化日期、to_char转化字符、to_number转化数字Ltrim去左边空格、rtrim去右边空格、substr截取字符串、add_month增加或减掉月份
Oracle是怎样分页的
Oracle用rownum进行分页。分页语句的步骤：a.最内层sql，查询要分页的所有数据
b.第二层sql，通过rownum伪列确定显示数据的上限，并且给查询的数据添加rownum伪列的值
c.最外层sql，设置显示数据的下限
selectfrom
(select a.,rownum r from
(selectfrom表名 where条件 orderby列) a
whererownum<=页数条数) b where r>（页数-1）条数
事务四大特性
原子性：不可分割的操作单元，事务中所有操作，要么全部成功；要么撤回到执行事务之前的状态
一致性：如果在执行事务之前数据库是一致的，那么在执行事务之后数据库也还是一致的；
隔离性：事务操作之间彼此独立和透明互不影响。事务独立运行。这通常使用锁来实现。一个事务处理后的结果，影响了其他事务，那么其他事务会撤回。事务的100%隔离，需要牺牲速度。
持久性：事务一旦提交，其结果就是永久的。即便发生系统故障，也能恢复。
sql语句分类：
DDL：数据定义语言（create drop）
DML：数据操作语句（insert update delete）
DQL：数据查询语句（select ）
DCL：数据控制语句，进行授权和权限回收（grant revoke）
TPL：数据事务语句（commit rollback savepoint）
脏读&不可重复读&幻读
读用读锁，写用写锁，读锁和写锁互斥，这么做可以有效的避免幻读、不可重复读、脏读等问题，但会极大的降低数据库的并发能力。
存储引擎 MyISAM和InnoDB区别：
1）InnoDB支持事务，MyISAM不支持。
2）MyISAM适合查询以及插入为主的应用，InnoDB适合频繁修改以及涉及到安全性较高的应用。
3）InnoDB支持外键，MyISAM不支持。
4）从MySQL5.5.5以后，InnoDB是默认引擎。
5）MyISAM支持全文类型索引，而InnoDB不支持全文索引。
6）InnoDB中不保存表的总行数，select count() from table时，InnoDB需要扫描整个表计算有多少行，但MyISAM只需简单读出保存好的总行数即可。注：当count(*)语句包含where条件时MyISAM也需扫描整个表。
7）对于自增长的字段，InnoDB中必须包含只有该字段的索引，但是在MyISAM表中可以和其他字段一起建立联合索引。
8）清空整个表时，InnoDB是一行一行的删除，效率非常慢。MyISAM则会重建表。MyisAM使用delete语句删除后并不会立刻清理磁盘空间，需要定时清理，命令：OPTIMIZE table dept;
9）InnoDB支持行锁（某些情况下还是锁整表，如 update table set a=1 where user like ‘%lee%’）
10）Myisam创建表生成三个文件：.frm 数据表结构 、 .myd 数据文件 、 .myi 索引文件，Innodb只生成一个 .frm文件，数据存放在ibdata1.log
现在一般都选用InnoDB，主要是MyISAM的全表锁，读写串行问题，并发效率锁表，效率低，MyISAM对于读写密集型应用一般是不会去选用的。
应用场景：
MyISAM不支持事务处理等高级功能，但它提供高速存储和检索，以及全文搜索能力。如果应用中需要执行大量的SELECT查询，那么MyISAM是更好的选择。
InnoDB用于需要事务处理的应用程序，包括ACID事务支持。如果应用中需要执行大量的INSERT或UPDATE操作，则应该使用InnoDB，这样可以提高多用户并发操作的性能。
delete、drop、truncate区别
truncate 和 delete只删除数据，不删除表结构 ,drop删除表结构，并且释放所占的空间。
删除数据的速度，drop> truncate > delete
delete属于DML语言，需要事务管理，commit之后才能生效。drop和truncate属于DDL语言，操作立刻生效，不可回滚。
使用场合： 当你不再需要该表时， 用 drop;当你仍要保留该表，但要删除所有记录时， 用 truncate;当你要删除部分记录时（always with a where clause), 用 delete.
注意： 对于有主外键关系的表，不能使用truncate而应该使用不带where子句的delete语句，由于truncate不记录在日志中，不能够激活触发器
6、Mybatis
什么是Mybatis？
（1）Mybatis是一个半ORM（对象关系映射）框架，它内部封装了JDBC，开发时只需要关注SQL语句本身，不需要花费精力去处理加载驱动、创建连接、创建statement等繁杂的过程。程序员直接编写原生态sql，可以严格控制sql执行性能，灵活度高。（2）MyBatis 可以使用 XML 或注解来配置和映射原生信息，将 POJO映射成数据库中的记录，避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。（3）通过xml 文件或注解的方式将要执行的各种 statement 配置起来，并通过java对象和 statement中sql的动态参数进行映射生成最终执行的sql语句，最后由mybatis框架执行sql并将结果映射为java对象并返回。（从执行sql到返回result的过程）。
Mybaits的优点：
（1）基于SQL语句编程，相当灵活，不会对应用程序或者数据库的现有设计造成任何影响，SQL写在XML里，解除sql与程序代码的耦合，便于统一管理；提供XML标签，支持编写动态SQL语句，并可重用。（2）与JDBC相比，减少了50%以上的代码量，消除了JDBC大量冗余的代码，不需要手动开关连接；（3）很好的与各种数据库兼容（因为MyBatis使用JDBC来连接数据库，所以只要JDBC支持的数据库MyBatis都支持）。（4）能够与Spring很好的集成；（5）提供映射标签，支持对象与数据库的ORM字段关系映射；提供对象关系映射标签，支持对象关系组件维护。
MyBatis框架的缺点：
（1）SQL语句的编写工作量较大，尤其当字段多、关联表多时，对开发人员编写SQL语句的功底有一定要求。（2）SQL语句依赖于数据库，导致数据库移植性差，不能随意更换数据库。
MyBatis框架适用场合：
（1）MyBatis专注于SQL本身，是一个足够灵活的DAO层解决方案。（2）对性能的要求很高，或者需求变化较多的项目，如互联网项目，MyBatis将是不错的选择。
MyBatis与Hibernate有哪些不同？
（1）Mybatis和hibernate不同，它不完全是一个ORM框架，因为MyBatis需要程序员自己编写Sql语句。（2）Mybatis直接编写原生态sql，可以严格控制sql执行性能，灵活度高，非常适合对关系数据模型要求不高的软件开发，因为这类软件需求变化频繁，一但需求变化要求迅速输出成果。但是灵活的前提是mybatis无法做到数据库无关性，如果需要实现支持多种数据库的软件，则需要自定义多套sql映射文件，工作量大。 （3）Hibernate对象/关系映射能力强，数据库无关性好，对于关系模型要求高的软件，如果用hibernate开发可以节省很多代码，提高效率。
#{}和KaTeX parse error: Expected 'EOF', got '#' at position 11: {}的区别是什么？ #̲{}是预编译处理，{}是字符串替换。
Mybatis在处理#{}时，会将sql中的#{}替换为?号，调用PreparedStatement的set方法来赋值；
Mybatis在处理$时，就是把${}替换成变量的值。
使用#{}可以有效的防止SQL注入，提高系统安全性。
当实体类中的属性名和表中的字段名不一样 ，怎么办 ？
第1种： 通过在查询的sql语句中定义字段名的别名，让字段名的别名和实体类的属性名一致。
第2种： 通过来映射字段名和实体类属性名的一一对应的关系。
Mybatis是如何进行分页的？分页插件的原理是什么？
Mybatis使用RowBounds对象进行分页，它是针对ResultSet结果集执行的内存分页，而非物理分页。可以在sql内直接书写带有物理分页的参数来完成物理分页功能，也可以使用分页插件来完成物理分页。
分页插件的基本原理是使用Mybatis提供的插件接口，实现自定义插件，在插件的拦截方法内拦截待执行的sql，然后重写sql，根据dialect方言，添加对应的物理分页语句和物理分页参数。
Mybatis是如何将sql执行结果封装为目标对象并返回的？都有哪些映射形式？
第一种是使用标签，逐一定义数据库列名和对象属性名之间的映射关系。
第二种是使用sql列的别名功能，将列的别名书写为对象属性名。
有了列名与属性名的映射关系后，Mybatis通过反射创建对象，同时使用反射给对象的属性逐一赋值并返回，那些找不到映射关系的属性，是无法完成赋值的。
Mybatis动态sql有什么用？执行原理？有哪些动态sql？
Mybatis动态sql可以在Xml映射文件内，以标签的形式编写动态sql，执行原理是根据表达式的值 完成逻辑判断并动态拼接sql的功能。Mybatis提供了9种动态sql标签：trim | where | set | foreach | if | choose | when | otherwise | bind。
Xml映射文件中，除了常见的select|insert|updae|delete标签之外，还有哪些标签？
答：、、、、，加上动态sql的9个标签，其中为sql片段标签，通过标签引入sql片段，为不支持自增的主键生成策略标签。
什么是MyBatis的接口绑定？有哪些实现方式？
接口绑定，就是在MyBatis中任意定义接口,然后把接口里面的方法和SQL语句绑定, 我们直接调用接口方法就可以,这样比起原来了SqlSession提供的方法我们可以有更加灵活的选择和设置。
接口绑定有两种实现方式,一种是通过注解绑定，就是在接口的方法上面加上 @Select、@Update等注解，里面包含Sql语句来绑定；另外一种就是通过xml里面写SQL来绑定, 在这种情况下,要指定xml映射文件里面的namespace必须为接口的全路径名。当Sql语句比较简单时候,用注解绑定, 当SQL语句比较复杂时候,用xml绑定,一般用xml绑定的比较多。
使用MyBatis的mapper接口调用时有哪些要求？
① Mapper接口方法名和mapper.xml中定义的每个sql的id相同；
② Mapper接口方法的输入参数类型和mapper.xml中定义的每个sql 的parameterType的类型相同；
③ Mapper接口方法的输出参数类型和mapper.xml中定义的每个sql的resultType的类型相同；
④ Mapper.xml文件中的namespace即是mapper接口的类路径。
Mapper编写有哪几种方式？
第一种：接口实现类继承SqlSessionDaoSupport：使用此种方法需要编写mapper接口，mapper接口实现类、mapper.xml文件。第二种：使用org.mybatis.spring.mapper.MapperFactoryBean：第三种：使用mapper扫描器：
简述Mybatis的插件运行原理，以及如何编写一个插件。
答：Mybatis仅可以编写针对ParameterHandler、ResultSetHandler、StatementHandler、Executor这4种接口的插件，Mybatis使用JDK的动态代理，为需要拦截的接口生成代理对象以实现接口方法拦截功能，每当执行这4种接口对象的方法时，就会进入拦截方法，具体就是InvocationHandler的invoke()方法，当然，只会拦截那些你指定需要拦截的方法。
编写插件：实现Mybatis的Interceptor接口并复写intercept()方法，然后在给插件编写注解，指定要拦截哪一个接口的哪些方法即可，记住，别忘了在配置文件中配置你编写的插件。
7、SpringBoot
SpringBoot 是 Spring 开源组织下的子项目，是 Spring 组件一站式解决方案，主要是简化了使用 Spring 的难度，简省了繁重的配置，提供了各种启动器，开发者能快速上手。
为什么要用 Spring Boot？
一、独立运行：Spring Boot而且内嵌了各种servlet容器，Tomcat、Jetty等，现在不再需要打成war包部署到容器中，Spring Boot只要打成一个可执行的jar包就能独立运行，所有的依赖包都在一个jar包内。
二、简化配置：spring-boot-starter-web启动器自动依赖其他组件，简少了maven的配置。
三、自动配置：Spring Boot能根据当前类路径下的类、jar包来自动配置bean，如添加一个spring-boot-starter-web启动器就能拥有web的功能，无需其他配置。
四、无代码生成和XML配置：Spring Boot配置过程中无代码生成，也无需XML配置文件就能完成所有配置工作，这一切都是借助于条件注解完成的，这也是Spring4.x的核心功能之一。
五、应用监控：Spring Boot提供一系列端点可以监控服务及应用，做健康检测。
Spring Boot 的核心配置文件有哪几个？它们的区别是什么？
Spring Boot 中有以下两种配置文件： bootstrap (.yml 或者 .properties) application (.yml 或者 .properties)
bootstrap/ application 的区别：Spring Cloud 构建于 Spring Boot 之上，在 Spring Boot 中有两种上下文，一种是 bootstrap,，另外一种是 application,，bootstrap 是应用程序的父上下文，也就是说 bootstrap 加载优先于 applicaton。bootstrap 主要用于从额外的资源来加载配置信息，还可以在本地外部配置文件中解密属性。这两个上下文共用一个环境，它是任何Spring应用程序的外部属性的来源。bootstrap 里面的属性会优先加载，它们默认也不能被本地相同配置覆盖。
因此，对比 application 配置文件，bootstrap 配置文件具有以下几个特性：
boostrap 由父 ApplicationContext 加载，比 applicaton 优先加载 boostrap 里面的属性不能被覆盖
bootstrap/ application 的应用场景：
application 配置文件这个容易理解，主要用于 Spring Boot 项目的自动化配置。
bootstrap 配置文件有以下几个应用场景：
使用 Spring Cloud Config 配置中心时，这时需要在 bootstrap 配置文件中添加连接到配置中心的配置属性来加载外部配置中心的配置信息； 一些固定的不能被覆盖的属性 一些加密/解密的场景。
Spring Boot 的配置文件有哪几种格式？它们有什么区别？
.properties 和 .yml，它们的区别主要是书写格式不同。
1).properties
app.user.name = javastack
2).yml
app:
user:
name: javastack
另外，.yml 格式不支持 @PropertySource 注解导入配置。
Spring Boot 的核心注解是哪个？它主要由哪几个注解组成的？
启动类上面的注解是@SpringBootApplication，它也是 Spring Boot 的核心注解，主要组合包含了以下 3 个注解：
@SpringBootConfiguration：组合了 @Configuration 注解，实现配置文件的功能。

@EnableAutoConfiguration：打开自动配置的功能，也可以关闭某个自动配置的选项，如关闭数据源自动配置功能： @SpringBootApplication(exclude = { DataSourceAutoConfiguration.class })。
@ComponentScan：Spring组件扫描。
运行 Spring Boot 有哪几种方式？
1）打包用命令或者放到容器中运行
2）用 Maven/Gradle 插件运行
3）直接执行 main 方法运行
你如何理解 Spring Boot 中的 Starters？
Starters是什么：Starters可以理解为启动器，它包含了一系列可以集成到应用里面的依赖包，你可以一站式集成Spring及其他技术，而不需要到处找示例代码和依赖包。如你想使用Spring JPA访问数据库，只要加入spring-boot-starter-data-jpa启动器依赖就能使用了。Starters包含了许多项目中需要用到的依赖，它们能快速持续的运行，都是一系列得到支持的管理传递性依赖。
Starters命名：Spring Boot官方的启动器都是以spring-boot-starter-命名的，代表了一个特定的应用类型。第三方的启动器不能以spring-boot开头命名，它们都被Spring Boot官方保留。一般一个第三方的应该这样命名，像mybatis的mybatis-spring-boot-starter。
Starters分类：1. Spring Boot应用类启动器2. Spring Boot生产启动器3. Spring Boot技术类启动器4. 其他第三方启动器
Spring Boot 支持哪些日志框架？推荐和默认的日志框架是哪个？
Spring Boot支持Java Util Logging,Log4j2,Lockback作为日志框架，如果你使用starters启动器，Spring Boot将使用Logback作为默认日志框架。无论使用哪种日志框架，Spring Boot都支持配置将日志输出到控制台或者文件中。
spring-boot-starter启动器包含spring-boot-starter-logging启动器并集成了slf4j日志抽象及Logback日志框架。
Spring Boot 可以兼容老 Spring 项目吗，如何做？
可以兼容，使用 @ImportResource 注解导入老 Spring 项目配置文件。
SpringBoot框架中，JavaBean都是单例的吗？多例怎么设置？
spring bean作用域有以下5个：
singleton：单例模式，当spring创建applicationContext容器的时候，spring会欲初始化所有的该作用域实例，加上lazy-init就可以避免预处理；
prototype：原型模式，每次通过getBean获取该bean就会新产生一个实例，创建后spring将不再对其管理；
==下面是在web项目下才用到的=
request：搞web的大家都应该明白request的域了吧，就是每次请求都新产生一个实例，和prototype不同就是创建后，接下来的管理，spring依然在监听；
session：每次会话，同上；
global session：全局的web域，类似于servlet中的application。
最佳实践：
1、不要在controller中定义成员变量。
2、万一必须要定义一个非静态成员变量时候，则通过注解@Scope(“prototype”)，将其设置为多例模式。
8、ajax
什么是ajax？ajax作用是什么？
异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互
原生js ajax请求有几个步骤？分别是什么
//创建 XMLHttpRequest 对象 var ajax = new XMLHttpRequest();
//规定请求的类型、URL 以及是否异步处理请求。ajax.open(‘GET’,url,true);
//发送信息至服务器时内容编码类型ajax.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
//发送请求ajax.send(null);
//接受服务器响应数据ajax.onreadystatechange = function () { if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { }};
json字符串转换集json对象、json对象转换json字符串
//字符串转对象JSON.parse(json)eval(’(’ + jsonstr + ‘)’)
// 对象转字符串JSON.stringify(json)
ajax几种请求方式？他们的优缺点？
常用的post,get,delete。不常用copy、head、link等等。
###代码上的区别
1:get通过url传递参数
2:post设置请求头 规定请求数据类型###使用上的区别
1:post比get安全
(因为post参数在请求体中。get参数在url上面)
2:get传输速度比post快 根据传参决定的。
(post通过请求体传参，后台通过数据流接收。速度稍微慢一些。而get通过url传参可以直接获取)
3:post传输文件大理论没有限制 get传输文件小大概7-8k ie4k左右
4:get获取数据 post上传数据
(上传的数据比较多 而且上传数据都是重要数据。所以不论在安全性还是数据量级 post是最好的选择)
什么情况造成跨域？
同源策略限制 不同源会造成跨域。以下任意一种情况不同，都是不同源。
跨域解决方案有哪些？
1:jsonp 只能解决get跨域
原理：动态创建一个script标签。利用script标签的src属性不受同源策略限制。因为所有的src属性和href属性都不受同源策略限制。可以请求第三方服务器数据内容。
步骤：
去创建一个script标签
script的src属性设置接口地址
接口参数,必须要带一个自定义函数名 要不然后台无法返回数据。
通过定义函数名去接收后台返回数据
//去创建一个script标签
var script = document.createElement(“script”);
//script的src属性设置接口地址 并带一个callback回调函数名称
script.src = “http://127.0.0.1:8888/index.php?callback=jsonpCallback”;
//插入到页面
document.head.appendChild(script);
//通过定义函数名去接收后台返回数据function jsonpCallback(data){
//注意 jsonp返回的数据是json对象可以直接使用
//ajax 取得数据是json字符串需要转换成json对象才可以使用。
}
2:CORS：跨域资源共享
原理：服务器设置Access-Control-Allow-OriginHTTP响应头之后，浏览器将会允许跨域请求
限制：浏览器需要支持HTML5，可以支持POST，PUT等方法兼容ie9以上
需要后台设置
Access-Control-Allow-Origin: * //允许所有域名访问，或者
Access-Control-Allow-Origin: http://a.com //只允许所有域名访问
3:设置 document.domain
原理：相同主域名不同子域名下的页面，可以设置document.domain让它们同域
限制：同域document提供的是页面间的互操作，需要载入iframe页面
// URL http://a.com/foo
var ifr = document.createElement(‘iframe’);
ifr.src = ‘http://b.a.com/bar’;
ifr.onload = function(){
var ifrdoc = ifr.contentDocument || ifr.contentWindow.document;
ifrdoc.getElementsById(“foo”).innerHTML);
};

ifr.style.display = ‘none’;
document.body.appendChild(ifr);
4:用Apache做转发（逆向代理），让跨域变成同域
9、javascript
javascript的typeof返回哪些数据类型.
答案：string,boolean,number,undefined,function,object
例举3种强制类型转换和2种隐式类型转换?
答案：强制（parseInt,parseFloat,number）隐式（== =）
split() join() 的区别
答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串
数组方法pop() push() unshift() shift()
答案：push()尾部添加 pop()尾部删除unshift()头部添加 shift()头部删除
IE和标准下有哪些兼容性的写法
答案：var ev = ev || window.event、document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target
ajax请求的时候get 和post方式的区别
答案：一个在url后面 ，一个放在虚拟载体里面get有大小限制(只能提交少量参数)安全问题 应用不同 ，请求数据和提交数据
call和apply的区别
答案：Object.call(this,obj1,obj2,obj3)、Object.apply(this,arguments)
ajax请求时，如何解析json数据
答案：使用JSON.parse
事件委托是什么
答案: 利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
闭包是什么，有什么特性，对页面有什么影响
答案：闭包就是能够读取其他函数内部变量的函数,使得函数不被GC回收，如果过多使用闭包，容易导致内存泄露
如何阻止事件冒泡
答案：ie:阻止冒泡ev.cancelBubble = true;非IE ev.stopPropagation();
如何阻止默认事件
答案：(1)return false；(2) ev.preventDefault();
添加 删除 替换 插入到某个接点的方法
答案：1）创建新节点createElement() //创建一个具体的元素createTextNode() //创建一个文本节点2）添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore() //插入3）查找getElementsByTagName() //通过标签名称getElementsByName() //通过元素的Name属性的值getElementById() //通过元素Id，唯一性
解释jsonp的原理，以及为什么不是真正的ajax
答案：动态创建script标签，回调函数Ajax是页面无刷新请求数据操作
document load 和document ready的区别
答案：document.onload 是在结构和样式,外部js以及图片加载完才执行js
document.ready是dom树创建完成就执行的方法，原生种没有这个方法，jquery中有 $().ready(function)
””和“===”的不同
答案：前者会自动转换类型,再判断是否相等；后者不会自动类型转换，直接去比较
函数声明与函数表达式的区别？
在Javscript中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。
null和undefined的区别？
null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。
当声明的变量还未被初始化时，变量的默认值为undefined。 null用来表示尚未存在的对象
undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：
（1）变量被声明了，但没有赋值时，就等于undefined。（2）调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。（4）函数没有返回值时，默认返回undefined。
null表示"没有对象"，即该处不应该有值。典型用法是：（1） 作为函数的参数，表示该函数的参数不是对象。（2） 作为对象原型链的终点。
new操作符具体干了什么呢?
1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。
2、属性和方法被加入到 this 引用的对象中。3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。
js延迟加载的方式有哪些？
defer和async、动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack）、按需异步载入js
Flash、Ajax各自的优缺点，在使用中如何取舍？
Flash ajax对比(1)Flash适合处理多媒体、矢量图形、访问机器；对CSS、处理文本上不足，不容易被搜索。
(2)ajax对CSS、文本支持很好，支持搜索；多媒体、矢量图形、机器访问不足。
共同点：与服务器的无刷新传递消息、用户离线和在线状态、操作DOM
列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。
主要数据类型：string, boolean, number复合数据类型：function, object特殊类型：undefined，null
dom选择器优先级是什么，以及权重值计算（一道老问题了）
1.行内样式 1000；2.id 0100；3.类选择器、伪类选择器、属性选择器[type=“text”] 0010
4.标签选择器、伪元素选择器(::first-line) 0001；5.通配符*、子选择器、相邻选择器 0000
vue双向数据绑定的原理是什么
首先传输对象的双向数据绑定 Object.defineProperty(target, key, decription),在decription中设置get和set属性（此时应注意description中get和set不能与描述属性共存） 数组的实现与对象不同。同时运用观察者模式实现wather，用户数据和view视图的更新
react和vue比较来说有什么区别
1 component层面，web component和virtual dom；2 数据绑定（vue双向，react的单向）等好多
3 计算属性 vue 有，提供方便；而 react 不行4 vue 可以 watch 一个数据项；而 react 不行
5 vue 由于提供的 direct 特别是预置的 directive 因为场景场景开发更容易；react 没有6 生命周期函数名太长 directive
git使用过程中，如果你在开发着业务，突然另一个分支有一个bug要改，你怎么办
git stash //将本次修改存到暂存区（紧急切换分支时）git stash pop //将所有暂存区的内容取出来
网页布局有哪几种，有什么区别
静态、自适应、流式、响应式四种网页布局
静态布局：意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置；
自适应布局：就是说你看到的页面，里面元素的位置会变化而大小不会变化；
流式布局：你看到的页面，元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。
自适应布局：每个屏幕分辨率下面会有一个布局样式，同时位置会变而且大小也会变。
jsonp原理，jquery是怎么实现的，这样实现有什么好处和坏处
原理：在同源策略下;在某个服务器下的页面是无法获取到该服务器以外的数据的;Jquery中ajax 的核心是通过 XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加