消息消费阶段：消费者接收消息+消息处理之后，才回复 ack 的话，那么消息阶段的消息不会丢失。不能收到消息就回 ack，否则可能消息处理中途挂掉了，消息就丢失了。 Kafka如何保证消息不重复消费？...服务器的资源是有限的，而请求是无限的。在用户使用即并发高峰期，会影响整体服务的性能，严重的话会导致宕机，以至于某些重要服务不可用。故高峰期为了保证核心功能服务的可用性，就需要对某些服务降级处理。...可以理解为舍小保大 服务降级是从整个系统的负荷情况出发和考虑的，对某些负荷会比较高的情况，为了预防某些功能（业务场景）出现负荷过载或者响应慢的情况，在其内部暂时舍弃对一些非核心的接口和数据的请求，而直接返回一个提前准备好的...销毁对象：原来是直接给对象赋值 null 或做一些销毁操作，现在是 Spring 容器管理生命周期负责销毁对象。 总结：IOC 解决了繁琐的对象生命周期的操作，解耦了我们的代码。...这个反转是指：我们由对象的控制者变成了 IOC 的被动控制者。 为什么依赖注入不适合使用字段注入？
3.拦截器：请求拦截 响应拦截 请求拦截：因为http是无状态的 无法保存我们的状态，那么我们就需要一个标识 当我们登录之后，后续的所有请求操作都需要携带我们这个token，所以我们统一把它添加到请求头当中...，避免了 无意义请求 响应拦截：当设置了响应拦截后所有的响应都会经过它，所以方便我们统一处理响应数据做相关的操作 4.增 删 改 查（增加数据项） 这些操作都是针对与数据来进行操作 增：我们要增加一条数据或者多条数据...拿到axios请求结果 然后通过工具层将不同的业务版块需要调用的接口进行模块化再暴露出去 在我们的但页面中引入相对于的接口模块，然后调用，因为我们底层封装的是一个promise对象 所以我们可以通过...:当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部 分或全部文档的过程称为回流。...例 如：:hover） 查询某些属性或调用某些方法 重绘 (Repaint) 当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color、visibility
Server可以翻译为服务器，是一种提供网络服务的计算机系统。它可以接受来自客户端的请求并响应这些请求，以满足客户端的需求。服务器可以提供各种服务，例如网站托管、电子邮件、数据库、文件共享等。...服务器通常需要具备高性能、可靠性、安全性等特点，以确保能够稳定运行，并保障用户数据的安全。 为什么要reset server不然server会被关掉？...在重置服务器之前，需要备份服务器上的重要数据和配置文件，以避免数据的丢失和配置的丢失。同时，在服务器出现问题时，也应该及时联系服务器的技术支持团队或者管理员，以获取更详细的指导和支持。...Server（服务器）是一种计算机系统或者程序，它可以响应客户端请求，向客户端提供各种服务，如网站托管、电子邮件、数据库、文件共享等。...1.1 声明周期监控 Tomcat在运行中是存在很多阶段的，也就是Tomcat会处于不同的生命周期中。而Server会在某些阶段执行某些逻辑，提供了监听器机制。
代表视口宽度的百分比：1vw = 视口宽度的1% 响应式布局： 能够根据屏幕尺寸自动调整元素的大小，从而减少手动添加媒体查询或特定设备前缀的需求； 使用PostCSS VW插件 安装插件： 首先...避免在极小或极大屏幕上出现阅读困难； 使用vw时，需要考虑最小设备的兼容性，确保在小屏幕设备上元素不会变得过小而难以阅读或操作； 在某些特定场景下，如需要精确像素对齐时，直接使用vw可能不是最佳选择，需要结合其他单位使用..." @click="login" >登录 //省略.... v-model表单元素、登录按钮注入函数; //导入api/login.js 登录接口模块,并选择需要的函数对象引入 import...我们可以对模块进行统一的：请求\响应拦截处理 添加请求拦截器： 添加 loading 效果、告知用户，加载中—请耐心等待； 添加响应拦截器： 处理接口异常情况\关闭 loading // 自定义配置...： 删除丢失版本或悬空对象： 通过 git fsck --lost-found 找到的丢失版本或悬空对象， 这些丢失的对象实际上是未被引用的对象，它们在 .git/lost-found 目录下被暂时存放
面试官： 我看你的系统里面还用到了消息队列，能说说为什么要用它吗？ 我： 使用消息队列主要是为了： 减少响应所需时间和削峰。 降低系统耦合性（解耦/提升系统可扩展性）。 面试官： 你这说的太简单了！...当我们不使用消息队列的时候，所有的用户的请求会直接落到服务器，然后通过数据库或者缓存响应。...但是，在使用消息队列之后，用户的请求数据发送给了消息队列之后就可以立即返回，再由消息队列的消费者进程从消息队列中获取数据，异步写入数据库，不过要确保消息不被重复消费还要考虑到消息丢失问题。...在加入 MQ 之前，你不用考虑消息丢失或者说 MQ 挂掉等等的情况，但是，引入 MQ 之后你就需要去考虑了！...所以，一般 3000 的并发请求就能打死大部分数据库了。 面试官： 小伙子不错啊！还准备问你：“为什么 3000 的并发能把支持最大连接数 4000 数据库压死？”想不到你自己就提前回答了！不错！
CSS3触发硬件加速的属性： transform opacity filter will-change http请求方法 HTTP1.0定义了三种请求方法：GET, POST 和 HEAD方法。...HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。 OPTIONS：即预检请求，可用于检测服务器允许的http方法。...HEAD: 向服务器索与GET请求相一致的响应，只不过响应体将不会被返回，用于获取报头。 GET：向特定的资源发出请求。...缓存中不得存储任何关于客户端请求和服务端响应的内容。每次由客户端发起的请求都会下载完整的响应内容。 no-cache: 缓存但重新验证。...具体为什么要用ETag，主要出于下面几种情况考虑： 一些文件也许会周期性的更改，但是他的内容并不改变(仅仅改变的修改时间)，这个时候我们并不希望客户端认为这个文件被修改了，而重新GET； 某些文件修改非常频繁
watch是一种观察的作用，用于监听某些数据的回调。...这也就是为什么 Vue 只能对 data 中预定义过的属性做出响应的原因，在 Vue 中使用 下标的方式直接修改属性的值或者添加一个预先不存在的对象属性是无法做到 setter 监 听的，这是 defineProperty...或使用pinia解决 45、Vuex 为什么要分模块并且加命名空间？ 模块： 由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能会变得相当臃肿。...命名空间： 默认情况下，模块内部的 action、mutation、getter是注册在全局命名空间的 — 这样使得多个模块能够对同一 mutation 或 action 做出响应。...Vue.set 或者说是 $set 原理如下 因为响应式数据 我们给对象和数组本身新增了__ob__属性，代表的是 Observer 实例。
借助基于云的服务，您可以进行某些工作，而不必担心计算机丢失或感染了恶意软件而丢失工作。其他用户也可以在您的工作上进行协作。一切都存储在“云”中。...CDN的主要本质是通过减少服务器与用户之间的物理距离来最大程度地减少加载网页内容的延迟。没有CDN，内容原始服务器必须响应每个最终用户请求。 数据库 数据库是数据的持有者。...打开浏览器，然后输入您喜欢的网站的URL，随即会显示该网页。实际发生的是您的浏览器API（客户端）向服务器API发出了请求（已通信），并且由于后端进行了编码（指示），服务器响应了请求的页面/信息。...您可以在控制台上查看日志，监视网站的速度和性能，检查组成页面的元素，查看请求和响应标头以及存储在本地存储中的信息。 debugging 如果某个软件程序未按预期运行，则被认为是错误的。...面向对象的程序设计（OOP） 面向对象编程是一种依赖于类和对象的概念的编程范例。它用于将软件程序结构化为简单，可重用的代码蓝图（类），用于创建对象的各个实例。 开发 之前，我定义了什么是开发。
，⽽不是对象的形式 正则类型的数据会变成空对象{} 函数会丢失 数组遍历方法 forEach map区别？...中commit mutation 最后修改 state vuex里的数据，刷新为什么会丢失，怎么解决 因为JS的数据都是保存在浏览器的堆栈内存⾥⾯的，当⻚⾯刷新时，⻚⾯会重新加载vue实例，vuex⾥⾯...能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性低等问题。 我们一般用脚手架开发项目，每个 .vue单文件就是一个组件。...刷新页面不会丢失(常用) params刷新页面，路由信息丢失 配合localStorage sessionStorage实现刷新页面后数据不丢失. v-for可以遍历的数据类型 数组 对象数组 对象 迭代数字...如果前面的处理特别慢，后面就会有许多请求排队等着 新增了一些请求方法 新增了一些请求头和响应头 HTTP2.0： 采用二进制格式而非文本格式 完全多路复用，而非有序并阻塞的、只需一个连接即可实现并行 使用报头压缩
五. this指针丢失 在第三节和第四节中，通过原理分析就能够明白为何在一些特定的场合下this会指向全局对象，但是从语言的角度来看，却很难理解this为什么指向了全局对象，因为这个规则和语法的字面意思是有冲突的...在一个文件中最顶级的this指向当前这个文件模块对外暴露的接口对象，也就是module.exports指向的对象。...函数级this指向 this的基本规则中有一条—当作为函数调用时，函数中的this指向全局对象，这一条在nodejs中也是成立的，这里的this指向了全局对象（此处的全局对象Global对象是有别于模块级全局对象的...} = toggleButton; 上例中解构赋值获取到的handleClick这个方法在执行时就会报错，Class的内部是强制运行在严格模式下的，此处的this在赋值中丢失了原有的指向，在运行时指向了...另一个存在的限制，是没有绑定this的响应函数在异步运行时可能会出问题，当它作为回调函数被传入一个异步执行的方法时，同样会因为丢失了this的指向而引发错误。
后面提出了对象写法，通过将函数作为一个对象的方法来实现，这样解决了直接使用函数作为模块的一些缺点，但是这种办法会暴露所 有的所有的模块成员，外部代码可以修改内部属性的值。...apply 接受两个参数，第一个参数指定了函数体内 this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组，apply 方法把这个集合中的元素作为参数传递给被调用的函数。...第三种情况是我们获取一个 DOM 元素的引用，而后面这个元素被删除，由于我们一直保留了对这个元素的引用，所以它也无法被回 收。 第四种情况是不合理的使用闭包，从而导致某些变量一直被留在内存当中。...还有就是我们这种方法同时把搜索引擎的链接也给屏蔽了，所以一般网站会允许搜索引擎的页面请求，但是相应的页面请求这种请求方式也可能被攻击者给利用。...这样就实现了对 View 和 Model 的解耦，Presenter 还包含了其他的响应逻辑。
模块间耦合高低取决于模块间接口的复杂性、调用的方式及传递的信息 内聚性：又称块内联系。指模块的功能强度的度量，即一个模块内部各个元素彼此结合的紧密程度的度量。...若一个模块内各元素（语名之间、程序段之间）联系的越紧密，则它的内聚性就越高。 TCP/IP五层模型： 应用层：是体系结构中的最高。直接为用户的应用进程提供服务。...request：作用于请求 ：在一次服务请求范围内，服务器跳转后依然有效，request对象代表了客户端的请求信息，主要用于接受通过HTTP协议传送到服务器的数据 session：作用于会话 ：在一次会话范围内...为什么会出现闭包这种东西，解决了什么问题 受JavaScript链式作用域结构的影响，父级变量中无法访问到子级的变量值，为了解决这个问题，才使用闭包这个概念 详情看：https://github.com...，而调用这个函数 Fn 的是对象 a，那么 this 指向的自然是对象 a，那么为什么对象 a 中会有 user，因为你已经复制了一份 Fn 函数到对象 a 中，用了 new 关键字就等同于复制了一份
56.Vuex 为什么要分模块 57.Vuex 页面刷新数据丢失怎么解决？ 58.nextTick 使用场景和原理 59.页面渲染为什么使用 key？ 60.VNode 是什么？.../node 端都可以使用，浏览器中创建XMLHttpRequests 支持请求／响应拦截器 支持请求取消 可以转换请求数据和响应数据，并对响应回来的内容自动转换成 JSON类型的数据 批量发送多个请求...服务器会有更大的负载需求。 56.Vuex 为什么要分模块 由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能会变得相当臃肿。...每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块 57.Vuex 页面刷新数据丢失怎么解决？...这样每个组件（包括vue.js实例化对象）都将继承该方法对象。它定义了get、post等方法，可以发送get或者post请求。
为什么要使用PO模式？...PO是Page Object 模式的简称，它是一种设计思想，意思是，把一个页面，当做一个对象，页面的元素和元素之间操作方法就是页面对象的属性和行为，PO模式一般使用三层架构，分别为：基础封装层 BasePage...当页面元素id变化时，只需要更改测试页面文件类中页面的属性即可。可以使代码复用，降低维护成本，提高程序可读性和编写效率。 POM解决的问题： 以页面为单位，集中管理元素对象和方法。...5）响应数据校验：断言、数据提取传递到下一级接口… 6）逻辑校验：如两个请求的接口有严格的先后顺序，需要测试调转顺序的情况 7）性能：对接口模拟并发测试，逐步加压，分析瓶颈点 8）安全性：构造恶意的字符请求...关联的实现方式有多种： 1、使用正则表达式提取器获取上一个请求的响应结果中的某个值，储存在某个变量中，然后下一个接口使用变量进行引用 2、使用json提取器获取上一个请求的响应结果中的某个值，储存在某个变量中
Map 没有继承于 Collection 接口，从 Map 集合中检索元素时，只要给出键对象，就会返回对应的值对象。...JDK 1.8 HashMap 采用数组 + 链表 + 红黑二叉树的数据结构，优化了 1.7 中数组扩容的方案，解决了 Entry 链死循环和数据丢失问题。...分请求报文和响应报文来说明。 请求报文 在这里插入图片描述 请求行：包含请求方法、请求目标（URL或URI）和HTTP协议版本。...请求体：可选，包含请求的数据，通常用于POST请求等需要传输数据的情况。 响应报文 状态行：包含HTTP协议版本、状态码和状态信息。...举一个例子，假设 nginx 是代理服务器，收到客户端的请求后，将请求转发到后端服务器（tomcat 等）。 当nginx收到了无效的响应时，就返回502。
* 绘画 canvas 元素 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏览器关闭后自动删除...为什么利用多个域名来存储网站资源会更有效？ CDN缓存更方便 突破浏览器并发限制 节约cookie带宽 节约主域名的连接数，优化页面响应速度 防止不必要的安全问题 18....创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息 3. 设置响应HTTP请求状态变化的函数 4. 发送HTTP请求 5. 获取异步调用返回的数据 6....1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 2、属性和方法被加入到 this 引用的对象中。...ES6新的语法糖，类，模块化等新特性 41、ECMAScript6 怎么写class么，为什么会出现class这种东西?
考虑到传输中连接可能会丢失，在 这种 情况下浏览器和服务器之间的系统可能安全地第二次接收请求，而不破坏其它东西。因为 POST它只触发一次，所以用 POST是不可能的。...如果你有一定的 Python 经验，你会好奇，为什么这个对象是全局的，为什么 Flask 还能保证线程安全。答案是本地环境。 本地环境 Flask 中的某些对象是全局对象，但却不是通常的那种。...可以使用响应 对象 的 set_cookie 方法来设置 cookies 。请求对象的 cookies 属性是一个包含了客户端传输的所有 cookies 的字典。...如果返回的是一个合法的响应对象，它会从视图直接返回。 > 2. 如果返回的是一个字符串，响应对象会用字符串数据和默认参数创建。 > 3....如果返回的是一个字典，那么调用 jsonify 创建一个响应对象。 > 4. 如果返回的是一个元组，且元组中的元素可以提供额外的信息。
脱离 DOM 的引用： 获取一个 DOM 元素的引用，而后面这个元素被删除，由于一直保留了对这个元素的引用，所以它也无法被回收。 闭包： 不合理的使用闭包，从而导致某些变量一直被留在内存当中。...深拷贝的原理和实现 浅拷贝只是创建了一个新的对象，复制了原有对象的基本类型的值，而引用数据类型只拷贝了一层属性，再深层的还是无法进行拷贝。...2. 3XX (Redirection 重定向状态码) 3XX 响应结果表明浏览器需要执行某些特殊的处理以正确处理请求。 （1）301 Moved Permanently 永久重定向。...也有可能是 Web 应用存在的 bug 或某些临时的故障。 （2）502 Bad Gateway 该状态码表明扮演网关或代理角色的服务器，从上游服务器中接收到的响应是无效的。...后面提出了对象写法，通过将函数作为一个对象的方法来实现，这样解决了直接使用函数作为模块的一些缺点，但是这种办法会暴露所有的所有的模块成员，外部代码可以修改内部属性的值。
树内添加或者删除 DOM 元素，若初始值为 false ，就不会编译了。...17.vue组件中data为什么必须是一个函数？ 答：因为 JavaScript 的特性所导致，在 component 中，data 必须以函数的形式存在，不可以是对象。...axios的特点有哪些 答： 从浏览器中创建XMLHttpRequests； node.js创建http请求； 支持Promise API； 拦截请求和响应； 转换请求数据和响应数据； 取消请求； 自动换成...在created阶段，vue实例的数据对象data有了， $el 还没有。...modules => 模块化Vuex 58.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
