想做职场小白吗? 我来教您.......

叫做开始标签，

css的浮动就是使元素脱离文档流，使其按照指定的方向(左或右)移动，直到它的外边缘碰到包含它的父边框或其它的浮动元素为止，总之就是它让出的位置空间会被其它的元素所侵占这就是浮动。css层叠样式表能够对网页中标签元素位置的排版进行像素级别的精确控制，支持几乎所有的字体和字号样式，拥有对网页对象和模型的样式编辑的能力，简单的说就是用来美化网页的。缺点：内嵌式定义的样式只能被本网页文件中的标签元素使用，而不能被其它html网页文件中的标签元素使用，因此内嵌式的样式复用还不够很好。语法：.class属性值{}

Java Script是由网景公司的Live Script发展而来的一种运行在客户端浏览器上的脚本语言，可以实现网页如文本内容、数据动态变化和动画特效等即浏览器与用户交互的这种体验。

JS是弱类型的语言，在声明变量时不需要指定数据类型，变量的数据类型在给其赋值时确定；如：var a=20;== 如果两端的操作数的数据类型不一致会将两端的数据都转化为number类型后在进行比较。除零值为Infinity，不管操作数是整数还是小数除的结果值都和数学计算的值一样。例如转化： ‘123’---->123、true--->1、 false--->0。=== 两端的操作数数据类型不一致直接返回false，数据类型相同才会进行比较。在人工计算复合运算符的值时，只需将操作数中间的等号去掉，在求结果。

3、调用方法时实参和形参可以在数量上不一致，在被调用方法内部可以使用arguments数组名来获取调用时传递的实参有哪些。1、没有访问修饰符，没有返回值类型、若函数有值要返回则直接return即可。1、if表达式值非空字符串判断为true，如"hello!case 表达式1: 语句;case 表达式2：语句;case 表达式3：语句;default: 语句;while(表达式){switch(表达式){3、if表达式值为非零number数值判断为true。2、if表达式值为非null对象判断为true。

var perStr='{"属性名":"属性值","属性名":"属性值","属性名":{},"属性名":["","",""],"属性名":[{},{},{}]}'3、创建数组并初始化：new Array("one","two",2) ,可简写: var 数组名=[元素,...]9、数组.splice(start,deleteCount,[添加的元素,...])---删除或删除添加原数组元素。1、数组1.concat(数组2)---返回数组1和数组2合并后的新数组。

事件就是行为动作。在HTML中事件可以是浏览器的行为，也可以是用户的行为。当这些行为发生时，可以自动调用JS中对应的函数来对这些行为做出处理，所谓的事件驱动就是行为触发函数中代码的运行这一特点。

当我们使用浏览器打开一个网页窗口时，此窗口会有一系列看得见和看不见的东西组成。比如：地址栏、浏览网页历史的前进和后退、网页主体内容、通过F12打开的浏览器控制台以及浏览器要存储数据的位置等组件构成。JS为了操作用户打开的浏览器页面窗口等各个部分于是将其窗口的各个组件抽象成一个的对象、并将用户打开的窗口也抽象成一个对象，然后将抽象的各组件对象封装在window对象内作为window对象的属性；这样开发者就可以通过使用window对象中封装的方法API和其属性对象中的方法API来控制浏览器的属性和行为。

一、什么是DOM编程开发人员写好的网页文件在生产环境中是需要部署在Web服务器上的。用户通过在浏览器上输入URL地址来请求获取企业Web服务器上已经部署好的html文件，企业Web服务器收到用户的请求后会把用户请求的html文档发给用户电脑上的浏览器。浏览器收到html文档后会将其文件内容加载到用户电脑本地的内存中，并以document对象变量的形式来实时解析同步document对象所指内存中的html文档内容。

String.replace(匹配模式,替换值)-----将字符串中满足匹配模式的子串替换为指定值，并以新字符串的形式返回。(正则表达式)：表示将正则表达式匹配到的结果作为一组，后面可以使用\num形式来引用组中匹配到的结果值。JS默认为非贪婪模式即只要匹配到了目标字符串就立即结束匹配，此修饰符表示满足正则规则的字符串都能匹配上。{min,max} ：前一个字符必须匹配min~max次即最少匹配min次，最多匹配max次且不能为负数。{m,}: 前一个字符至少匹配m次,直到不满足匹配规则结束。

一、XML是什么一、XML是什么XML即可扩展的标记语言，由标记语言可知其基本语法和HTML一样都是由标签构成的文件。所谓可扩展就是在XML文件中，在没有约束的情况下，用户可以写任意的标签元素、系统都不会提示报错。通常XML格式的文件主要作为配置文件来使用。二、常见配置文件类型。

说明：Tomcat运行时会自动构建项目，然后在将其部署到Tomcat上，只不过在此过程中IDEA并不是直接就将构建好的项目放在Tomcat家目录webapps文件夹下，而是会自动在系统当前用户的家目录路径下生成一个简化的Tomcat目录结构副本，然后将部署的项目以虚拟目录设置浏览器访问路径上下文的方式配置在Tomcat副本配置目录中。注意：IDEA控制台使用的GBK字符编码，Tomcat配置文件中设置的日志输出字符编码为utf-8，因此在Tomcat启动时控制台输出的日志会出现乱码。

ServletA收到请求后回应客户端一个响应状态码为302、响应头location="目标资源访问路径"的响应报文------->客户端收到ServletA的响应报文后根据其报文中的location属性值向目标资源发送请求------>目标资源服务器如Tomcat收到请求后又产生新的一对request和response对象并将其交给ServletB处理请求------>ServletB处理客户端请求并发送响应报文给客户端。它是由Tomcat收到用户浏览器的请求报文转化而来，里面封装了请求报文的所有信息。

用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。简单来说MVC就是一种项目代码存放位置的规范。2.数据库访问包（dao/mapper）------专门存放对数据库不同表格创建、读取、更新、删除（CURD）方法封装的一些类。1.实体类包（pojo/entity/bean）------专门存放和数据库对应的实体类和一些vo对象。3.服务包（service）-------专门存放对数据进行业务逻辑预运算的一些类。

每个Session对象都有一个对应的JSessionID，服务端会根据用户请求报文Cookie中携带的JSessionID找到之前的为此客户端创建的seesion对象记事本，从而可以获取之前于客户端交互而记录下来的一些信息。这样服务端就可以根据session对象中记录的用户的信息来做相应的逻辑处理并做出响应。服务端收到用户的请求报文后，根据cookie请求头中保存的会话ID来查找Tomcat服务中对应的session对象，并根据session对象中记录的客户端信息对其用户的请求做相应的处理。

一些可用于存储数据和传递数据的对象被称为域对象，根据传递数据范围的不同，我们称之为不同的域，不同的域对象代表不同的域，共享数据的范围也不同。@声明：“山月润无声”博主知识水平有限，以上文章如有不妥之处，欢迎广大IT爱好者指正，小弟定当虚心受教！web项目中，我们一定要熟练使用的域对象分别是：请求域、会话域、应用域。三、域对象使用相关API。

过滤器应用在服务器上类似于防火墙，用户的请求和响应报文在转化为HttpServletRequest和HttpServletResponse对象后，都会先经过过滤器（实现filter接口的Java类）进行处理，由过滤器来决定是否放行用户的请求到项目的目标资源，服务端用户请求的响应报文HttpServletResponse对象也需要先经过过滤器后，才能转化为响应报文响应给客户端。④销毁过滤器---->服务关闭------>调用一次destory方法（1次）同包下，过滤器类名的字典顺序即为过滤器链的执行顺序。

JavaWeb中的监听器类似于Java图形编程中的监视器，当程序触发了某个事件后，监听器就会捕捉到此事件并调用自身中针对此事件的特定方法来进行处理。JavaWeb中的监听器主要对三大域对象的创建及初始化、销毁和域中属性的增加、修改、删除事件进行监听，其本身就是一个实现了特定监听接口的Java类。3、HttpSessionBindingListener监听的是会话绑定事件、HttpSessionActivationListener监听的是会话的钝化(会话对象序列化)和活化（会话对象反序列化）事件。

Ajax是采用异步的方式客户端与服务端进行交互的，客户端与服务端之间相互独立，客户端只需要将请求发送给服务端就可以了，服务端只需要对用户的请求做出处理后响应给客户端即可，在此服务端处理用户发送过来的请求期间、客户端无需进行等待、可以进行其它的操作。Ajax其实就是使用JS代码，当用户在浏览器上进行了某个动作事件后，就会触发JS代码的执行，由JS代码在浏览器背后向服务端发送请求并将服务端响应的信息通过DOM或BOM编程显示在客户端的dom树中、渲染到用户当前所在标签页上或者决定是否跳转页面。

前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。说白了就是将曾经同在一个工程中的前端和后端代码各自独立起来分别作为一个工程来开发维护，实现前后端开发分离、部署分离。前端工程化实现的技术栈有很多，我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现。二、前端工程化使用的技术栈。一、什么是前端工程化?

这里的rename就是导入的default属性的别名，而default属性代表的又是模块文件中默认导出的成员，因此，对rename的操作就是对模块中默认导出的成员进行操作。ES6支持JS代码的模块化即将一些经常使用的变量、方法和类等单独放到一个JS文件中作为一个模块，其它JS代码需要时只需把模块文件中的成员导入即可，有点类似于C语言中的。1、'对象.属性名'，如果该对象有此属性则访问或修改的是此属性，若对象中实际没有此属性字段则访问或修改时调用的是该属性同名的get或set方法。` //模版字符串。

Node.js是通过修改谷歌浏览器V8引擎代码的基础上开发而来的一款软件。此软件可以安装到windows、linux、mac等多种操作系统上，用于执行.js文件代码。总之，Node.js是用于执行.js代码的一款软件。1、去node.js官网https://nodejs.org/en下载window版安装包。5、编写个.js文件，然后cmd打开命令提示符窗口使用“node 文件名.js”来运行。3、点击下载好的node.js安装包开始安装。二、Node.js安装教程。一、Node.js概述。

使用它可以从网络中央仓库下载前端项目所需的前端框架到本地仓库目录或将其下载好的框架单独放在一个前端项目中；其次NPM也可以对前端项目进行管理如: 项目初始化、项目依赖管理、使项目在研发模式下运行、编译项目等。注意: npm初始化项目后产生的package.json文件在什么位置，npm后续的命令就需要与其在同一个目录下执行。3、将NPM使用的网络中央仓库源地址改为国内阿里的镜像仓库源地址，从而提高框架的下载速度。4、设置NPM的本地全局仓库目录即从网络仓库下载的框架预存放到本地的路径位置。

而使用计算属性系统只需要在首次使用时调用执行一次逻辑代码来获取计算后的值并缓存起来，下此在使用时若JS中要统计的数据源没有发生任何变化，则系统会直接使用上次缓存计算出的结果数值而不会每次使用一次计算属性都要执行一次逻辑代码，进而节省系统的开销。相较于标签的声明式路由，编程式路由通过使用useRouter函数获取的路由实例，从而实现的编程式路由更加灵活，可以根据用户操作或输入的信息不同实现组件页面的动态切换效果。

SFC单文件组件，就是将一个网页拆分为多个*.vue格式的组件所构成的网页，每个*.vue组件里面由style、script和template标签构成，分别用于存放传统的css、js和html代码。这样其它的.html文件在使用script标签引入main.js文件后，实际上就会自动将css样式放在.html文件的head标签中作为样式导入。响应式数据：当变量的值发生变化时，vue框架会自动将变量最新的值更新到DOM树中，从而浏览器显示变量最新的值。三、Vite+Vue3项目目录结构。

若axios发送的是一个错误、异常的请求，请求拦截器方法2执行处理后，会直接响应给axios请求方法一个失败的Promise对象。后端服务器在处理正常的请求后，响应报文在返回给axios发送请求的调用函数之前会先经过响应拦截器，如果后端响应的是正常的报文则由响应拦截器的方法1处理响应报文后，将其返回给axios请求方法；axios是代替原生的ajax实现前后端数据交互的一套新解决方案，而axios使用的是promise相关的语法，而Promise主要是解决函数回调的问题。

pinia可以将多个组件需要共享使用的数据单独在一个.js文件中定义，然后将其数据对象导出，这样其它组件导入该数据对象之后就可以共享此由pinia定义的数据对象且此数据对象默认是响应类型的数据。"person.$patch({username:'关山月',age:100,hobbies:['唱','跳','rapper','干饭哈!//定义pinia共享数据的修改方法（也可以使用箭头函数，但访问数据时需要传入state作为形参）//创建pinia实例供应用使用，使各组件文件都能获取pinia共享的数据。

Element-plus组件库是由饿了么团队基于Vue3框架编写的前端UI设计组件库。通俗点讲就是将用户页面设计所需的按钮、表格、导航栏等前端代码编写生成的组件元素都封装好了、用户在进行前端UI设计时只需将Element-pluse组件库中相应的组件代码复制粘贴到基于vue3的项目前端工程中即可使用这些已经写好的组件元素，从而极大的提高了用户前端的UI设计开发效率和页面的美化。3、在.vue文件中使用element-plus组件库官网提供的组件元素代码(复制粘贴)一、Element-plus组件库概述。