R࿆ebirth Fire-CSDN博客

原创 Vue3视图渲染技术(内容超全面)

结合响应式系统，当应用状态变更时，Vue 能够智能地推导出需要重新渲染的组件的最少数量，并应用最少的 DOM 操作。toRef基于reactive响应式对象上的一个属性，创建一个对应的 ref响应式数据。toRefs将一个响应式对象多个属性转换为一个多个ref数据，这个普通对象的每个属性都是指向源对象相应属性的 ref。此处的响应式是指 : 数据模型发生变化时,自动更新DOM树内容,页面上显示的内容会进行同步变化,vue3的数据模型不是自动响应式的,需要我们做一些特殊的处理。有更高的初始渲染开销。

2024-08-14 23:45:23 633 4

原创 Vue3通过Vite实现工程化(内容超全面)

在浏览器支持 ES 模块之前，JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。时过境迁，我们见证了诸如webpackRollup和Parcel等工具的变迁，它们极大地改善了前端开发者的开发体验当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。

2024-08-14 23:33:44 1053

原创 Vue3简介和快速体验

本次主要用VScode开发代码，vscode的安装很简单，不会的可以查询一下网上的资料Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。Vue的两个核心功能：声明式渲染。

2024-08-13 22:11:05 698 12

原创 npm 配置和使用

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

2024-08-13 22:02:04 1098 1

原创 ECMA6Script(超详细讲解、入门VUE3必学课程)

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

2024-08-12 16:13:21 2208 11

原创 nodejs的简介和安装（超详细）

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

2024-08-12 15:53:26 438 1

原创案例开发-日程管理4（用Ajax实现注册提交前校验用户名是否占用）超详细、超基础

文章目录1. 客户端代码编写处理1.1 regist.html页面代码2. 服务端代码处理2.1 创建一个枚举类（业务含义和状态码对应关系的枚举）2.2全局统一响应的JSON格式处理类2.3增加Jackson依赖2.4添加WEBUtil工具类3. 用户名校验业务接口代码1. 客户端代码编写处理1.1 regist.html页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-

2024-08-11 20:07:27 435 8

原创 Ajax入门-实现动态网页的第一步（超基础，图文讲解、代码演示）

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

2024-08-11 19:51:44 656 1

原创 XML文件

1.创建SAXReader对象2. 解析XML获取Document对象: 需要传入要解析的XML文件的字节输入流3. 获取文档的根标签4. 获取标签的子标签//获取所有子标签//获取指定标签名的子标签List<Element> sonElementList = rootElement.elements("标签名");5. 获取标签体内的文本6. 获取标签的某个属性的值String value = element.attributeValue("属性名");

2024-08-10 22:25:55 843 7

原创案例开发-日程管理3(用过滤器控制登录校验)

需求说明:未登录状态下不允许访问showShedule.html和SysScheduleController相关增删改处理,重定向到login.html,登录成功后可以自由访问。

2024-08-10 20:46:24 184

原创三大域对象（application、session、request）的监听器（包含API、源码检验、内容超详细）

监听器：专门用于对域对象对象身上发生的事件或状态改变进行监听和相应处理的对象监听器是GOF设计模式中,观察者模式的典型案例观察者模式: 当被观察的对象发生某些改变时, 观察者自动采取对应的行动的一种设计模式监听器使用的感受类似JS中的事件,被观察的对象发生某些情况时,自动触发代码的执行监听器并不监听web项目中的所有组件,仅仅是对三大域对象做相关的事件监听监听器的分类web中定义八个监听器接口作为监听器的规范,这八个接口按照不同的标准可以形成不同的分类按监听的对象划分。

2024-08-09 22:48:54 741 8

原创 Filter(过滤器)的定义、用法、源码检验、应用场景分析

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

2024-08-09 22:34:47 844 1

原创会话管理Cookie和Session（源码级讲解、超详细）

HTTP是无状态协议无状态就是不保存状态,即无状态协议(stateless),HTTP协议自身不对请求和响应之间的通信状态进行保存,也就是说,在HTTP协议这个级别,协议对于发送过的请求或者响应都不做持久化处理简单理解:浏览器发送请求,服务器接收并响应,但是服务器不记录请求是否来自哪个浏览器,服务器没记录浏览器的特征,就是客户端的状态cookie是一种客户端会话技术,cookie由服务端产生,它是服务器存放在浏览器的一小份数据,浏览器以后每次访问该服务器的时候都会将这小份数据携带到服务器去。

2024-08-08 21:27:24 2823 11

原创请求转发和响应重定向

请求转发通常发生在服务器端，特别是当使用Web服务器和应用服务器的多层架构时。请求转发是指一个服务器接收到客户端的请求后，将这个请求转发给另一个服务器或同一个服务器上的另一个组件来处理。这通常用于负载均衡、安全性、或者将请求分发到专门的服务上。请求转发不会改变请求的URL，客户端通常不会意识到请求已经被转发。例如，在Web应用中，一个请求可能首先到达Web服务器，然后Web服务器根据配置将请求转发给后端的应用服务器进行处理。

2024-08-08 21:05:51 803 1

原创 HttpServletRequest、HttpServletResponse的API（超具体、内容超全面、以表格方式呈现API及其对应的功能）

HttpServletRequest是一个接口,其父接口是ServletRequestHttpServletRequest是Tomcat将请求报文转换封装而来的对象,在Tomcat调用service方法时传入HttpServletRequest代表客户端发来的请求,所有请求中的信息都可以通过该对象获得HttpServletResponse是一个接口,其父接口是ServletResponseHttpServletResponse是Tomcat预先创建的,在Tomcat调用service方法时传入。

2024-08-07 22:34:32 740 5

原创案例开发-日程管理2第二期(超详细教程、配备图文和源代码注释，没学过也能看懂)

昨天我们做了这个项目的前期准备工作，今天就让我们来看看业务代码的开发吧在SysUserController中接收用户注册请求的业务处理方法：SysUserController代码：2.service层处理SysUserServiceImpl用户完成注册的业务方法SysUserService代码：SysUserServiceImpl代码：3.dao层处理SysUserDao代码：SysUserDaoImpl代码：以上就是注册业务的实现了，下面来看看登录业务的实现吧这里我将注册业务的代码也复制

2024-08-07 16:23:21 957

原创案例开发-日程管理2第一期(超详细教程、配备图文和源代码注释，没学过也能看懂)

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，下节我们再来学习业务代码的开发处理。

2024-08-06 22:48:33 1359 22

原创 MySQL数据库安装（超详细超简单，3分钟轻松安装MySQL）

以上就是今天要讲的内容，本文介绍了MySqL的安装，希望能够帮助到各位小伙伴们。

2024-08-06 16:13:10 2062 1

原创 ServletConfig、ServletContext超详细讲解

ServletConfig接口代表了Servlet的配置信息，它允许Servlet获取初始化参数和Servlet容器提供的其他信息。而ServletContext接口则代表了整个Web应用的全局环境，提供了一种机制来存储和访问Web应用范围内的属性和资源。理解这两个接口的工作原理和使用场景，对于构建可维护、可扩展的Web应用程序至关重要。它们不仅关系到Servlet的初始化和配置，还涉及到Web应用的上下文管理和资源共享。

2024-08-05 22:22:22 967 4

原创 Vs code写C语言代码配置（超级详细基础，小白也能看得懂）

本文旨在为那些希望在VS Code中配置C语言开发环境的开发者提供一份详尽的指南。无论你是C语言的新手，还是希望提升开发效率的老手，本文都将引导你通过一系列简单的步骤，完成VS Code的C语言开发配置。我们将涵盖从安装VS Code开始，到配置编译器、调试器，以及安装必要的扩展，确保你的开发环境既高效又专业。

2024-08-05 21:44:43 4624 6

原创 Servlet开发流程（里面有Idea项目添加Tomcat依赖详细教程）

校验注册时，用户名是否被占用。通过客户端向一个Servlet发送请求，携带username，如果用户名是'zhangsan'，则向客户端响应 NO，如果是其他，响应YES。1.在idea中创建web工程1右键点击父工程-New-Module起个名字，点击Create然后点击Apply-点击OK然后选择项目web02，双击Shift，搜索Add Framework Support找到并点击。

2024-08-04 16:09:38 1090 1

原创案例开发-日程管理1

【代码】案例开发-日程管理-第一期。

2024-08-04 10:42:06 224

原创 Tomcat安装教程

4.找到解压好的文件，进入bin目录，找到startup.bat,双击打开，等待一会。1.找到左边一栏有个Download，点击Tomcat 10。5.验证Tomcat安装成功。，出现下面页面就说明安装成功。

2024-08-01 15:51:32 374 6

原创解决Tomcat控制台打印日志出现乱码

3.找到java.util.logging.ConsoleHandler.encoding，将UTF-8修改为GBK。2.找到logging.properties，用记事本打开。1.进入安装目录，找到conf这个文件夹并打开。

2024-08-01 15:50:24 327

原创 JAVA环境变量配置

这个用户里面可能也配置了JAVA_HOME,找到并删除就可以再输入命令查看是否配置成功了。打开命令窗口（快捷键win+R），输入cmd。没有成功可以打开刚才配置环境变量的窗口。再输入java -version。出现上图说明配置成功。

2024-08-01 15:25:15 424

原创正则表达式

【代码】正则表达式。

2024-07-31 23:01:12 575

原创 DOM编程

DOM编程其实就是用window对象的document属性的相关API完成对页面元素的控制的编程。

2024-07-31 22:37:26 251

原创 BOM编程

BOM是的简写，即浏览器对象模型；BOM由一系列对象组成，是访问、控制、修改浏览器的属性和方法；BOM没有统一的标准每种客户端都可以自定标准；BOM编程是将浏览器窗口的各个组成部分抽象成各个对象，通过各个对象的API操作组件行为的一种编程；

2024-07-31 22:23:41 464

原创 JS常见对象

相当于第三种语法的简写。创建数组时指定元素值。

2024-07-29 16:50:00 206

原创 JSON格式

JSON的语法：var str="{'属性名':'属性值','属性名':{'属性名':'属性值'},'属性名':['值1','值1','值3']}"；JSON 就是一种字符串格式，这种格式无论是在前端还是在后端，都可以很容易地和对象之间进行转换，所以常用于前后端数据传递。字符串一般用于传递数据，一般都是用对象的属性表示数据，所以在此不研究对象的函数，以上是在前端用JSON传递数据。方法可以将一个对象转换成一个。

2024-07-29 16:39:53 263

原创 CSS的使用

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（margin），边框（border），填充（padding），和实际内容（content）。绝对定位 absolute ，通过 top le right bottom 指定元素在页面上的固定位置，定位后元素会让出原来位置，其他元素可以占用。固定定位fixed，始终在浏览器窗口固定位置，不会随着页面的上下移动而移动，元素定位后会让出原来的位置,其他元素可以占用。属性值可以有一个，也可以有多个，多个不同的标签也可以是使用相同的。

2024-07-28 10:28:54 630

原创 HTML常见标签

通过表单隐藏域设置的表单项不会显示到页面上，用户看不到，但是提交表单时会一起被提交。用来设置一些需要和表单一起提交但是不希望用户看到的数据，例如：用户id。表单标签，可以实现让用户在界面上输入各种信息并提交的一种标签，是向服务端发送数据主要。，如果属性名和属性值一样的话，可以省略属性值，只写checked。标签：表单标签，其内部用于定义可以让用户输入信息的表单项标签。标签的标签体是显示出来给用户看的，提交到服务器的是。标签：主要的表单项标签，可以用于定义表单项。属性：用于定义信息提交的服务器的地址。

2024-07-28 10:02:01 935

原创 Junit使用步骤

Test。

2024-07-26 11:33:55 218

原创数据校验-Validation

自定义校验注解//默认错误消息String message() default "不能包含空格";//分组Class<?//负载Class<?//指定多个时使用2.编写真正的校验类@Override@Override//null时不进行校验if (value!//获取默认提示信息//禁用默认提示信息//设置提示语。

2024-07-25 18:12:48 991

原创资源操作-Resources

Resource 接口是 Spring 资源访问策略的抽象，它本身并不提供任何资源访问实现，具体的资源访问由该接口的实现类完成——每个实现类代表一种资源访问策略。ResourceLoaderAware接口实现类的实例将获得一个ResourceLoader的引用，ResourceLoaderAware接口也提供了一个setResourceLoader()方法，该方法将由Spring容器负责调用，Spring容器会将一个ResourceLoader对象作为该方法的参数传入。字节数组的Resource实现类。

2024-07-24 16:32:26 940

空空如也

空空如也