首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

美团前端二面高频面试题合集

()只能序列化对象的可枚举的自有属性,例如 如果obj的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor;6、...::after { content: ''; display: block; margin-top: 100%;}对 rest 参数的理解扩展运算符被用在函数形参上时,它还可以把一个分离的参数序列整合成一个数组...// 包含了源函数从start到 end 所指定的元素,但是不包括end元素,比如a.slice(0,3);// 如果出现负数就把负数与长度相加后再划分。...为什么 Vuex 的 mutation 不能做异步操作?...说一下data为什么是一个函数而不是一个对象?JavaScript的对象是引用类型的数据,当多个实例引用同一个对象时,只要一个实例对这个对象进行操作,其他实例的数据也会发生变化。

26620

REST API文档工具Swagger2,以及与SpringBoot的集成

手写Api文档的几个痛点: 前后端联接口,需要不断的更新接口文档,一般是文档跟不上接口变化的节奏; 接口返回结果不明确; 不能直接在线测试接口,通常需要使用工具,比如postman、jmeter; 接口文档太多...Swagger REST API页面 注解 @Api 用在类上,说明该类的作用 @Api(value = "UserController", description = "用户相关api") @ApiOperation...用在方法上,说明方法的作用 @ApiOperation(value = "查找用户", notes = "查找用户", httpMethod = "GET", produces = MediaType.APPLICATION_JSON_UTF8..._VALUE) @ApiImplicitParams 用在方法上包含一组参数说明 @ApiImplicitParam 用在@ApiImplicitParams注解,指定一个请求参数的各个方面 paramType...@ApiResponse 用在@ApiResponses,一般用于表达一个错误的响应信息 code:数字,例如400 message:信息,例如”请求参数没填好” response:抛出异常的类

96520
您找到你想要的搜索结果了吗?
是的
没有找到

2021前端面试题及答案_前端开发面试题2021

从上面盒模型介绍可知,这里的内容宽度或高度包含元素的border、padding、内容的宽度或高度(此处的内容宽度或高度=盒子的宽度或高度—边框—内距) 默认值,其让元素维持W3C的标准盒模型,也就是说元素的宽度和高度...常见的应用是用在创建对象和继承。...我们可以为元素添加 ref 属性然后在回函数接受该元素在 DOM 树的句柄,该值会作为回函数的第一个参数返回: class CustomForm extends Component { handleSubmit...input 域包含了一个 ref 属性,该属性声明的回函数会接收 input 对应的 DOM 元素,我们将其绑定到 this 指针以便在其他的类函数中使用。...在回你可以使用箭头函数,但问题是每次组件渲染时都会创建一个新的回

1.3K30

《ASP.ENT Core 与 RESTful API 开发实战》-- 读书笔记(第1章)

: JSON格式数据 HTTP 请求消息和响应消息具有相似的结构: 起始行:描述执行的请求,或者对应的状态,成功或失败 HTTP 消息头:请求或响应的相关属性、配置、对消息正文的描述等 空行:指明消息头已经发送完毕...消息正文:包含请求数据,或响应中资源的表述 请求起始行包括: HTTP 方法 请求目标 HTTP 版本 响应起始行包括: 协议版本 状态码 状态文本 常见的 HTTP 请求方法有:GET、POST、PUT...,此时可以适当地在 URI 包含动词,但仍然应该基于一个资源的标识符 查询字符串可以用来对资源进行筛选、搜索或分页查询 URI 应使用小写字母 URI 可以使用划线 ”-“ 来增加其可读性 URI...不应使用下划线 ”_“ ,因为会使得 URI 点击时下划线不可见 URL 末尾不应包含斜线 ”/“ ,因为没意义而且可能造成歧义 1.4 其他问题 在 RESTful API JSON 和 XML...与 HTML 语言很相似,包含标签、属性等元素,而且有非常严格的层次结构,一个标签必须同时具有起始标签与结束标签,允许自定义标签 XML 文档必须包含元素,该元素是文档其他元素的父元素,文档的所有元素形成一棵文档树

88010

如何确保API 的稳定性与正确性?你只需要这一招

显然,我的cookie并不包含登陆信息,因为我压根就没有登陆,当然这是网站的设计,与rest-assured无关。...比如下面的代码,我们可以这么验证:使用find答对了,请一定要记住xml和json的区别,不要混谈,那么你能编写一个测试来验证杂货(groceries)的类别是 否包含巧克力(Chocolate)和咖啡...为了达到这个效果,我们可以使用RequestSpecBuilder或 ResponseSpecBuilder来实现,它们之间的区别 是,前者用在请求,后者则用在body。...ResponseSpecification重用例如,你想在多个测试用例,都使用这样的断言:判断响应状态码是否为200,并且Json数组"x.y"的大小是否 等于2。...RequestSpecification重用同样,假如你想在多个测试用例重用请求数据,可以通过下面的代码来实现:这里的请求数据被合并在"requestSpec",所以这个请求包含了两个参数(“parameter1

97820

jQuery深入——动画、常用工具、JSON、Ajax

button>         var btn = document.getElementById('btn'),     store = document.getElementById...全局配置可以被 ajax 方法的配置覆盖 全局配置适用于所有基于 ajax 方法的衍生方法 2、全局回 所有 ajax 方法默认执行全局回 可通过配置参数关闭单个 ajax 方法不执行全局回 全局回无法被...ajax 方法的配置项覆盖 0x3 JSON 1、数据格式 JSON 全称 JavaScript Object Notation 通过键值对存储数据 JSON 不是 Javascript 的子集 JSON...,} 结束 双引号包裹键名 JSON 字符串不可添加注释 4、JS 如何使用 JSON 数据 JSON 数据本质上是一个字符串 可以通过 eval、JSON.parse 等方式转化为对象 注意使用...try catch 5、其他语言中如何使用 JSON 数据 很多语言都内置了 JSON 的包、模块或函数 从数据库/缓存等数据源取出 JSON 数据格式 转化为可用的对象或直接使用 0x4 JSON对象

1.4K10

Vue 2 模版编译流程详解

vue 文件,来分析 vue 在模板编译的具体流程,如下所示,下面是搭建的项目结构和文件内容: 项目结构 ├─package-lock.json ├─package.json ├─src | ├─App.vue...= el.pre || el.parent.pre } if (el.staticRoot && !...') { // 处理插槽 return genSlot(el, state) } else { // 处理组件和dom元素 ......图片 继续向下 debug 后,会走到 parseHTML 函数,这个函数是模板编译中用来解析 HTML 结构的核心方法,通过回 + 递归最终遍历整个 HTML 结构并将其转化为 AST 树。...vue 的每一个组件都会对应一个渲染 Watcher ,他的本质作用是把响应式数据作为依赖收集,当响应式数据发生变化时,会触发 setter 执行响应式依赖通知渲染 Watcher 重新执行 render

35130

跨域与跨域访问

跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域 为什么浏览器要限制跨域访问呢?...用户访问www.mybank.com ,登陆并进行网银操作,这时cookie啥的都生成并存放在浏览器 用户突然想起件事,并迷迷糊糊地访问了一个邪恶的网站 www.xiee.com 这时该网站就可以在它的页面,...如果这时浏览器不予限制,并且银行也没有做响应的安全处理的话,那么用户的信息有可能就这么泄露了。 为什么要跨域 既然有安全问题,那为什么又要跨域呢?...(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回函数名称,默认为jQuery自动生成的随机函数名,也可以写"?"...)); } //把callback函数赋给window对象,供script回 window.myCallbackFunction = myCallbackFunction; //创建并加载script

5.2K100

Python接口测试实战1(下)- 接口

,用于定位查看元素源代码 Console: js控制台面板,js命令行,查看前端日志 Sources: 资源面板,用于断点调试js Network: 请求信息面板,查看请求及响应信息 Timeline...Inspectors: 检查员 Raw:请求的原始格式 WebForm: 请求的表单格式 Json:请求的Json格式请求 XML:请求的XML格式 AutoResponsder: 自动回复,可用于构造响应...环境是一套配置,包含许多环境变量。...美化格式),Raw(原始格式),Preview(HTML预览格式) 响应Cookie 响应头 测试结果,对应请求Tests设置的断言 ?...Tests断言 HTTP状态码断言: tests["HTTP状态码200"]=responseCode.code == 200; 响应包含内容断言: tests["状态码200"] = responseBody.has

1.6K30

TIMSDK 常见问题

IMSDK 包含以下消息类型,支持自定义消息 类型 Class 必填参数 描述 文本消息元素 TextElem text:String 存储字符串类型,并形成文本消息 表情消息元素 FaceElem index...构建消息元素后,实例化一个 TIMMessage 对象,然后调用 addElement() 方法构建到 TIMMessage 消息对象,不推荐在同一个消息对象中使用多个元素 注意:文件、图片、语音、视频消息元素每个...音视频聊天室(AVChatRoom),广播大群(BChatRoom) 是不会出现在会话列表的,需要再次加入会话,同时不支持离线消息; 13.为什么有的群组消息收不到离线推送?...gbk 编码,1个英文字母字符占用 1个字节,1个汉字占用 2个字节。 推荐使用 “utf-8”,较为通用。 关系链常见问题 1.好友维度的字段包含哪些?...Json::Value json_init; json_init[kTIMSdkConfigConfigFilePath] = ".

5.5K102

REST API设计指导——译自Microsoft REST API Guidelines(一)

我们经常见到,程序开发可能只用了半个月,但是接口的联却经常需要花费半个月甚至一个月左右。 如果API的设计更规范更合理,在很大程度上能够提高联的效率,降低沟通成本。那么什么是好的API设计?...为什么REST API? 1.前后端分离主要以API为界做接洽的,这样就会有很多的API,API的表现力更强,更加便于理解。...Specifying headers as query parameters  指定头部为查询参数 7.9 PII parameters  PII参数 7.10 Response formats  响应格式...10.5 Using a delta link  使用增量链接 11 JSON standardizations  JSON标准化 11.1 JSON formatting standardization...for primitive types  主要类型的JSON格式化标准化 11.2 Guidelines for dates and times  日期和时间指南 11.3 JSON serialization

1.1K30

API自动化测试指南

服务器找到所需的资源,然后将响应发送回客户端。 为什么API测试很重要? 随着敏捷开发成为大多数互联网公司的标准,我们开发软件和自动化测试的方式已经发生了巨大变化。...从服务器返回的响应包含三个部分,就像我们在HTTP请求中看到的那样: 响应行(状态码) 标头信息 包含响应中所有文本的正文 HTTP状态码 在我们的示例,状态代码为200,表示一切正常。...5xx – 500-599范围内的响应表示服务器遇到错误。 什么是REST API?...URI语法允许您指定一个查询,该查询从REST API返回所需的信息。REST系统的主要元素是: 资源是客户端请求从主机获取的信息,例如网页或数据库记录。 资源标识符是用于命名资源的URI。...REST API测试(如何创建REST API测试) 什么是JSON JSON代表JavaScript Object Notation,并且被设计为轻量级的数据交换格式。

1.7K00

微服务框架相关技术整理

React特点 JSX: JSX 是 JavaScript 语法的扩展 组件: 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发 单向响应的数据流: React 实现了单向响应的数据流...对象 参数二: 用来包含虚拟DOM元素的真实dom元素对象(一般是一个div) // 渲染到真实的页面 ReactDOM.render(vDOM1,document.getElementById...虚拟DOM元素必须有结束标签 ReactDOM.render()渲染组件标签的基本流程: 1.React内部会创建组件实例对象; 2.得到包含的虚拟DOM并解析为真实DOM; 3.插入到指定的页面元素内部...render(): 用于插入虚拟DOM回函数 componentDidMount(): 已经插入回函数.在此方法启动定时器,绑定监听,发送Ajax请求 每次更新state:this.setSate...可以使软件更简洁,更有层次,更易于实现缓存等机制 REST原则: 客户端和服务器之间的交互在请求之间是无状态的 分层系统 RESTful的关键 定义可表示流程元素或资源的对象: 在REST,每一个对象都是通过

1.8K10

Android应用架构

按照同样的方式,CacheProvider 所包含的方法负责从SharedPreferences和SQLite数据库检索和存储数据。同样使用回的方式,将结果传回Activity。...在尝试了几个示例项目之后,我们意识到她可能最终帮助我们解决掉嵌套回的问题。如果你还不熟悉响应式编程,可以阅读本文(译者注:译文点这里那些年我们错过的响应式编程)。...这个架构的最后元素就是Event Bus(事件总线)。它允许我们在Data Layer中发送事件,以便View Layer的多个组件都能够订阅到这些事件。...比如DataManager的退出登录方法可以发送一个事件,订阅这个事件的多个Activity在接收到该事件后就能够更改它们的UI视图,从而显示一个登出状态。 为什么这种架构更好?...例如,如果我们需要过滤一些数据而且这个相同的过滤器是不可能被重用在其他地方的,这样的话在Presenter实现比在DataManager或许更有意义。

1.2K70

Android应用架构分析(转)

按照同样的方式,CacheProvider 所包含的方法负责从SharedPreferences和SQLite数据库检索和存储数据。同样使用回的方式,将结果传回Activity。...在尝试了几个示例项目之后,我们意识到她可能最终帮助我们解决掉嵌套回的问题。如果你还不熟悉响应式编程,可以阅读本文(译者注:译文点这里那些年我们错过的响应式编程)。...这个架构的最后元素就是Event Bus(事件总线)。它允许我们在Data Layer中发送事件,以便View Layer的多个组件都能够订阅到这些事件。...比如DataManager的退出登录方法可以发送一个事件,订阅这个事件的多个Activity在接收到该事件后就能够更改它们的UI视图,从而显示一个登出状态。 为什么这种架构更好?...例如,如果我们需要过滤一些数据而且这个相同的过滤器是不可能被重用在其他地方的,这样的话在Presenter实现比在DataManager或许更有意义。

56720

SpringBoot学习笔记(三)——Spring MVC控制器、 Restful、Swagger

用于类上,表示类的所有响应请求的方法都是以该地址作为父路径。...@RequestMapping 注解的 method 元素声明了 HTTP 请求的 HTTP 方法的类型。 ...text/html" 1.2.9、produces属性指定响应的Content-Type,约束Accept类型 指定返回的内容类型,仅当request请求头中的(Accept)类型包含该指定类型才返回...约束客户端发送的请求头部信息必须包含某个特定的值或不包含某个值,作用范围明显大于前面讲过的几种,示例代码如下: //请求头部信息必须包含Host=localhost:8088 @RequestMapping...4、请完成一个产品管理功能 ,产品实体包含如下属性 Product产品(id编号,title名称,price价格) 要求定义好完整的Rest服务,使用R.java返回结果,使用POSTMAN先测试后完成前端

1.4K10

跨域与跨域访问_如何实现跨域访问

跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域 为什么浏览器要限制跨域访问呢?...www.mybank.com ,登陆并进行网银操作,这时cookie啥的都生成并存放在浏览器 用户突然想起件事,并迷迷糊糊地访问了一个邪恶的网站 www.xiee.com 这时该网站就可以在它的页面,...如果这时浏览器不予限制,并且银行也没有做响应的安全处理的话,那么用户的信息有可能就这么泄露了。 为什么要跨域 既然有安全问题,那为什么又要跨域呢?...type: "get", async: false, url: "https://public-api.wordpress.com/rest...(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回函数名称,默认为jQuery自动生成的随机函数名,也可以写

5.4K30
领券