weixin_44201223的博客

如何实现多个组件之间的数据传递?方式1 组件传参方式2 路由传参方式3 通过pinia状态管理定义共享数据当我们有多个组件共享一个共同的状态(数据源)时，多个视图可能都依赖于同一份状态。来自不同视图的交互也可能需要更改同一份状态。更强的团队协作约定与 Vue DevTools 集成，包括时间轴、组件内部审查和时间旅行调试模块热更新 (HMR)服务端渲染支持Pinia就是一个实现了上述需求的状态管理库，由 Vue 核心团队维护，对 Vue 2 和 Vue 3 都可用。

前端中的异步编程技术，类似Java中的多线程+线程结果回调！Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

定义：路由就是根据不同的 URL 地址展示不同的内容或页面。通俗理解：路由就像是一个地图，我们要去不同的地方，需要通过不同的路线进行导航。

组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。首先，在父组件中定义需要传递给子组件的值，接着，在父组件的模板中引入子组件，同时在引入子组件的标签中添加 props 属性并为其设置需要传递的值。在 Vue3 中，父组件通过 props 传递给子组件的值是响应式的。也就是说，如果在父组件中的传递的值发生了改变，子组件中的值也会相应地更新。//2.出发父组件对应的方法，调用defineEmites对应的属性。组件化：对js/css/html统一封装,这是VUE中的概念。

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码!周期图解：常见钩子函数。

计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。//监听reactive响应式数据的所有属性(深度监视,一般不推荐)//immediate:true 深度监视在进入页面时立即执行一次。//也不需要，即时回调设置！//监听reactive响应式数据的指定属性。//直接在内部使用监听属性即可！//deep:true 深度监视。//监听一个ref响应式数据。//监听所有响应式数据。

模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。计算属性 ref 也会在模板中自动解包，因此在模板表达式中引用时无需添加。方法期望接收一个 getter 函数，返回值为一个。Vue 的计算属性会自动追踪响应式依赖。来描述依赖响应式状态的复杂逻辑。和其他一般的 ref 类似，你可以通过。我们在这里定义了一个计算属性。// 一个计算属性 ref。计算属性缓存 vs 方法。的绑定都会同时更新。

/ 这中写法会将数据变成非响应的,应该是user.username=""

也支持使用可选的第二个参数表示当前项的位置索引。块中可以完整地访问父作用域内的属性和变量。指令基于一个数组来渲染一个列表。//准备购物车数据,设置成响应数据。形式的特殊语法，其中。//计算购物车总金额。

v-if条件渲染v-if='表达式'只会在指令的表达式返回真值时才被渲染也可以使用v-else为v-if添加一个“else 区块”。一个v-else元素必须跟在一个v-if元素后面，否则它将不会被识别。

toRefs将一个响应式对象多个属性转换为一个多个ref数据，这个普通对象的每个属性都是指向源对象相应属性的 ref。此处的响应式是指 : 数据模型发生变化时,自动更新DOM树内容,页面上显示的内容会进行同步变化,vue3的数据模型不是自动响应式的,需要我们做一些特殊的处理。// 将一个reactive响应式对象中的某个属性转换成一个ref响应式对象。// 将一个reactive响应式对象中的多个属性转换成多个ref响应式对象。/* 函数中要操作ref处理过的数据,需要通过.value形式 */

来监听 DOM 事件，并在事件触发时执行对应的 Vue的JavaScript代码。// 响应式数据 当发生变化时,会自动更新 dom树。// 通过事件对象阻止组件的默认行为。

想要渲染一个元素的 attribute，应该使用。:属性名='数据名'

插值表达式:最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法 ,即双大括号{{}}letletgetMsg=>returnlet19let'蜜 蜂'// 购物车constname'可乐'price3number10name'薯片'price6number8;//计算购物车总金额functioncomputelet0;forletin+=;return;</</</</</

一个页面作为整体,是由多个部分组成的,每个部分在这里就可以理解为一个组件每个.vue文件就可以理解为一个组件,多个.vue文件可以构成一个整体页面组件化给我们带来的另一个好处就是组件的复用和维护非常的方便传统的页面有.html文件.css文件和.js文件三个文件组成(多文件组件)vue将这文件合并成一个.vue文件(Single-File Component，简称 SFC,单文件组件).vue文件对js/css/html统一封装,这是VUE中的概念 该文件由三个部分组成。

Vue

NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于后端的Maven。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，可以使 JavaScript 运行在服务器端。使用 Node.js，可以方便地开发服务器端应用程序，如 Web 应用、API、后端服务，还可以通过 Node.js 构建命令行工具等。单线程，但是采用了事件驱动、异步 I/O 模型，可以处理高并发请求。轻量级，使用 C++ 编写的 V8 引擎让 Node.js 的运行速度很快。模块化，Node.js 内置了大量模块，同时也可以通过第三方模块扩展功能。

前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。

ECMAScript 6，简称ES6，是JavaScript语言的一次重大更新。它于2015年发布，是原来的ECMAScript标准的第六个版本。ES6带来了大量的新特性，包括箭头函数、模板字符串、let和const关键字、解构、默认参数值、模块系统等等，大大提升了JavaScript的开发体验。由于VUE3中大量使用了ES6的语法,所以ES6成为了学习VUE3的门槛之一更加简洁：ES6引入了一些新的语法，如箭头函数、类和模板字符串等，使代码更加简洁易懂。

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许 JavaScript 在浏览器上执行。XMLHttpRequest 只是实现 Ajax 的一种方式。

监听器：专门用于对域对象对象身上发生的事件或状态改变进行监听和相应处理的对象监听器是GOF设计模式中,观察者模式的典型案例观察者模式: 当被观察的对象发生某些改变时, 观察者自动采取对应的行动的一种设计模式监听器使用的感受类似JS中的事件,被观察的对象发生某些情况时,自动触发代码的执行监听器并不监听web项目中的所有组件,仅仅是对三大域对象做相关的事件监听。

Filter,即过滤器,是JAVAEE技术规范之一,作用目标资源的请求进行过滤的一套技术规范,是Java Web项目中最为实用的技术之一Filter接口定义了过滤器的开发规范,所有的过滤器都要实现该接口Filter的工作位置是项目中所有目标资源之前,容器在创建HttpServletRequest和HttpServletResponse对象后,会先调用Filter的doFilter方法。

域对象: 一些用于存储数据和传递数据的对象,传递数据不同的范围,我们称之为不同的域,不同的域对象代表不同的域,共享数据的范围也不同web项目中,我们一定要熟练使用的域对象分别是 请求域,会话域,应用域请求域对象是HttpServletRequest ,传递数据的范围是一次请求之内及请求转发会话域对象是HttpSession,传递数据的范围是一次会话之内,可以跨多个请求应用域对象是ServletContext,传递数据的范围是本应用之内,可以跨多个会话。

HTTP是无状态协议无状态就是不保存状态,即无状态协议(stateless),HTTP协议自身不对请求和响应之间的通信状态进行保存,也就是说,在HTTP协议这个级别,协议对于发送过的请求或者响应都不做持久化处理简单理解:浏览器发送请求,服务器接收并响应,但是服务器不记录请求是否来自哪个浏览器,服务器没记录浏览器的特征,就是客户端的状态举例: 张三去一家饭馆点了几道菜,觉得味道不错,第二天又去了,对老板说,还点上次的那几道菜。

MVC架构模式

请求转发重定向

HttpServletResponse是一个接口,其父接口是ServletResponseHttpServletResponse是Tomcat预先创建的,在Tomcat调用service方法时传入HttpServletResponse代表对客户端的响应,该对象会被转换成响应的报文发送给客户端,通过该对象我们可以设置响应信息HttpServletResponse是一个接口,其父接口是ServletResponse。

【代码】ServletContext的使用。

ServletConfig的使用

servlet继承结构

servlet生命周期

Servlet开发流程Servlet使用文件配置映射路径Servlet使用注解配置映射路径

servlet介绍什么是servlet

http协议请求和响应报文状态码

idea开发并部署运行web项目

tomcat安装tomcat使用tomcat下载

XML介绍XML使用DOM4J解析

正则表达式

什么是DOM编程获取页面元素的几种方式操作元素