前后端分离面试题

1. 什么是异步?

同步:

• 用户发送请求,用户必须等待响应的返回不能做任何操作,当响应返回,整个页面会被完全刷新
• 我们的表单提交 链接提交都属于同步请求

异步:

• 用户发送请求,不需要等待响应的返回,返回之后不会造成这个页面的刷新,而仅仅是部分刷新
• 异步技术又被称为 ajax 技术 全称 Asychronized Javascript And Xml
• 异步技术使用的都是前端的基本技术,类似一个扩展
  • JavaScript 基本语法
  • xml 用来封装数据
  • json 用来传输数据链接前后端
  • html 渲染结构
  • css 渲染样式
  • jQuery自带功能强大的异步模块
• 如果异步和同步写在一起,则异步根本不执行,仅仅支持同步

2.什么是 Json ?

• 一种轻量级的数据交换格式,用来连接前后端技术,json目前是链接前后端的进行数据交互的首选技术
• json格式 就是一种特殊的字符串,可以被后端和前端直接打印.

	{
           "id":1,
           "name":"甘雨",
           "age":3000
    }

• json格式(站在后端角度)
  • map格式
  • {key1:value2,key2:value2}
  • key: 只能是字符串
  • value: java基本数据类型,String,null,集合,自定义类型
  • 基本上什么数据都可以封装在value中,只有 java.util.Date 不能直接封装在json中,java.sql.Date 可以直接封装
  • 数组格式
  • [value1,value2]
  • 基本上什么数据都可以封装在value中,只有 java.util.Date 不能直接封装在json中,java.sql.Date 可以直接封装

后端发送Json给前端

• 后端如何发送Json,如何创建Json不是我们关心的

     //这里模拟后端发送过来一个json字符串
     	const | let text = {
         		"id":1,
         		"name":"胡桃",
         		"age":16    
     	}
     //这里把json字符串转换为对象
     const obj = JSON.parse(text)
     /* const obj = {
         		id:1,
         		name:'胡桃',
         		age:'16',
    	 }  */
  

• 在一些前端框架中以上过程是自动的,jQuery Vue React Mock,也就是说发过来的json字符串, 已经通过 JSON.parse()给我们转换好了,我们直接用即可

前端发送Json给后端

        	const | let o = {
            		id:1,
            		name:'甘雨',
            		age:3000,
        	} 
        	//通过 JSON.stringify()字符串序列化则可以将 js数组或者js对象转换为标注格式的json字符串
        	let text = JSON.stringify(o)
        	//这个过程一般我们必须书写,只有Vue和axios支持自动转换
        	//转换结束格式如下 
        	/* {
            		"id":1,
           		"name":"甘雨",
            		"age":3000
        	}*/

• JSON迄今为止作为首选的前后端交互手段,不支持注释
• JSON毫无容错性

•   //通过万能转换器,可以实现任意数据深拷贝
    let sj = JSON.parse(JSON.stringify(数据))
  

  3. 什么是RESTFul开发风格?

• get
  • 进行查询操作,则使用get,不能向后端发送json,只能通过?传递值,最多2000个字符格式为?key=value&key2=value2
• post
  • 进行添加操作,则使用post,可以通过?传值,也可以向后端发送json
• put
  • 进行修改操作,则使用put,可以通过?传值,也可以向后端发送json
• delete
  • 进行删除操作,则使用delete,不能向后端发送json,只能通过?传递值,最多2000个字符格式为?key=value&key2=value2