aa35434的博客

前端工程化一、前端工程化开篇1.1 什么是前端工程化前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。1.2 前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6 VUE3中大量使用ES6语法Nodejs 前端项目运行

第三节 前后端分离开发1、介绍开发模式前后端混合开发：传统开发模式前后端分离开发：当前最为主流的开发模式页面原型+需求案例：分析出接口文档离线开发文档示例：2、YAPI在线接口文档管理平台：介绍：YApi 是高效、易用、功能强大的 api 管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务地址： http://yapi.smart-xwork.cn/2个功能：API接口管理Mock服务：通过YAPI平台模拟真实接口，生成接口的模拟测试数据，

乱码问题产生的根本原因是什么数据的编码和解码使用的不是同一个字符集计算机无论存储什么样的数据最终到磁盘上都是1010这样的二进制数据，我们人看懂得是字符，把字符存储到磁盘中就需要把字符转化为1010二进制数据，那么如何转化呢？想要转化肯定需要一个关系对照表，即字符集编码表。这个时候你使用utf-8进行编码，将这个汉字转化为1010存储到计算机中，之后在解码的时候通过GBK来找1010对应的汉字，此时就会出现乱码。使用了不支持某个语言文字的字符集。

使用原生的JavaScript程序执行Ajax极其繁琐，所以一定要使用框架来完成。而Axios就是目前最流行的前端Ajax框架。Axios官网使用Axios和使用Vue一样，导入对应的*.js文件即可。官方提供的script标签引入方式为：

Vue.js官网网址Vue (读音 /vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。总结Vue是一套前端框架，免除原生JavaScript（js）中的DOM操作，简化书写。基于MVVM(Model-View-ViewModel)思想，实现数据的。

16-JSON、AJAX、i18n讲师：王振国今日任务1、什么是 JSON?JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。json 是一种轻量级的数据交换格式。轻量级指的是跟 xm

1、Filter 什么是过滤器1、Filter 过滤器它是 JavaWeb 的三大组件之一。三大组件分别是：Servlet 程序、Listener 监听器、Filter 过滤器2、Filter 过滤器它是 JavaEE 的规范。也就是接口3、Filter 过滤器它的作用是：拦截请求，过滤响应。拦截请求常见的应用场景有：1、权限检查2、日记操作3、事务管理……等等2、Filter 的初体验要求：在你的 web 工程下，有一个 admin 目录。这个 admin 目录下的所有资源（html

01-Cookie 和 Session讲师：王振国今日任务1、Cookie 饼干a)什么是 Cookie?1、Cookie 翻译过来是饼干的意思。2、Cookie 是服务器通知客户端保存键值对的一种技术。3、客户端有了 Cookie 后，每次请求都发送给服务器。4、每个 Cookie 的大小不能超过 4kbb)如何创建 CookieServlet 程序中的代码：c)服务器如何获取 Cookie服务器获取客户端的 Cookie 只需要一行代码：req.getCookies():Cook

0 文件的上传和下载概述文件的上传和下载，是非常常见的功能。很多的系统中，或者软件中都经常使用文件的上传和下载。比如：QQ 头像，就使用了上传。邮箱中也有附件的上传和下载功能。OA 系统中审批有附件材料的上传。1. 文件的上传介绍（重点）要有一个 form 标签，method=post 请求form 标签的 encType 属性值必须为 multipart/form-data 值在 form 标签中使用 input type=file 添加上传的文件编写服务器代码（暂时使用Servle

1. EL 表达式1.1 什么是 EL 表达式，EL 表达式的作用?EL 表达式的全称是：Expression Language。是表达式语言。EL 表达式的什么作用：EL 表达式主要是代替 jsp 页面中的表达式脚本在 jsp 页面中进行数据的输出。因为 EL 表达式在输出数据的时候，要比 jsp 的表达式脚本要简洁很多。测试：a.jsp:<%-- Created by IntelliJ IDEA. User: Administrator Date: 2020/2/4

1. 什么是 jsp，它有什么用?jsp 的全称是 java server pages。Java 的服务器页面。jsp 的主要作用是代替 Servlet 程序回传 html 页面的数据。因为 Servlet 程序回传 html 页面数据是一件非常繁锁的事情。开发成本和维护成本都极高。测试：Servlet 回传 html 页面数据：说明：创建一个动态web工程，并修改tomact服务器的实例名字，并修改工程路径。web.xml:<?xml version="1.0" enc

1. Servlet 技术1.1 什么是 Servlet1、Servlet 是 JavaEE 规范之一。规范就是接口2、Servlet 就 JavaWeb 三大组件之一。三大组件分别是：Servlet 程序、Filter 过滤器、Listener 监听器。3、Servlet 是运行在服务器上的一个 java 小程序，它可以接收客户端发送过来的请求，并响应数据给客户端。1.2 手动实现 Servlet 程序步骤：编写一个类去实现 Servlet 接口实现 service 方法，处理请求，并

1. JavaWeb 的概念1.1 什么是 JavaWebJavaWeb 是指，所有通过 Java 语言编写可以通过浏览器访问的程序的总称，叫 JavaWeb。JavaWeb 是基于请求和响应来开发的。1.2 什么是请求请求是指客户端给服务器发送数据，叫请求 Request。1.3 什么是响应响应是指服务器给客户端回传数据，叫响应 Response。1.4 请求和响应的关系请求和响应是成对出现的，有请求就有响应。2. Web 资源的分类注意：这里的web资源指的是不仅仅是java写的

1.XML 简介1.1 什么是 xml？xml 是可扩展的标记性语言。可扩展：指的是里面的标签可以是自己定义的。1.2 xml 的作用？xml 的主要作用有：1、用来保存数据，而且这些数据具有自我描述性2、它还可以做为项目或者模块的配置文件3、还可以做为网络传输数据的格式（现在 JSON 为主）。2. xml 语法文档声明。元素（标签）xml 属性xml 注释文本区域（CDATA 区）2.1 文档声明我们先创建一个简单 XML 文件，用来描述图书信息。1）创建一个 xm

1、jQuery 介绍什么是 jQuery ?jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。jQuery 核心思想！！！它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。jQuery 流行程度jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 个访问最多的网站中，有超过 55%在使用jQuery。jQuery 好处！！！

1.JavaScript 语言1、JavaScript 介绍Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。JS 是 Netscape 网景公司的产品，最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。JS 是弱类型，Java 是强类型。弱类型：类型可变强类型：定义变量的时候类型就已经确定，并且不可改变。特点：交互性（它可以做的就是信息的动态交互）安全性（不允许

1、B/S 软件的结构JavaSE C/S Client Server B/S Browser Server2、前端的开发流程3、网页的组成部分页面由三部分内容组成！分别是内容（结构）、表现、行为。内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS 技术实现行为，指的是页面中元素与输入设备交互的响应。一般使用javascript 技术实现。4、HT