- 博客(55)
- 收藏
- 关注
RSS订阅原创 day02-员工管理、分类管理
注意：由于开发阶段前端和后端是并行开发的，后端完成某个功能后，此时前端对应的功能可能还没有开发完成， 导致无法进行前后端联调测试。注意：当前端提交的数据和实体类中对应的属性差别比较大时，后端测试主要以接口文档测试为主。建议使用DTO来封装数据。
2024-08-31 23:21:02
264
原创 day01-项目概述、环境搭建
注意：- Nginx目录必须放在没有中文的目录中才能正常运行- 当前Nginx的配置文件中已经配置了反向代理，通过此配置可以将前端请求转发到后端服务使用Swagger你只需要按照它的规范去定义接口及接口相关的信息，就可以做到生成接口文档，以及在线接口调试页面。官网：https://swagger.io/Knife4j 是为Java MVC框架集成Swagger生成Api文档的增强解决方案。
2024-08-31 21:56:53
667
原创 Vue 核心技术与实战day06
history路由(常用) 例如: http://localhost:8080/home (以后上线需要服务器端支持)keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。hash路由(默认) 例如: http://localhost:8080/#/home。to="/my" 可以匹配 /my /my/a /my/b ....在组件切换过程中 把切换出去的组件保留在内存中，防止重复渲染DOM，① include ： 组件名数组，只有匹配的组件会被缓存。
2024-07-20 15:56:41
1010
1
原创 Vue 核心技术与实战day05
需求：实现一个 color 指令 - 传入不同的颜色, 给标签设置文字颜色。1. 组件内需要定制的结构部分，改用<slot></slot>占位。通过插槽完成了内容的定制，传什么显示什么, 但是如果不传，则是空白。准备一个 loading 类，通过伪元素定位，设置宽高，实现蒙层。需求：封装一个 v-loading 指令，实现加载中的效果。需求：一个组件内有多处结构，需要外部传入标签，进行定制。② 配置导航，配置路由出口(路径匹配的组件显示的位置)说明：Vue 官方的一个路由插件，是一个第三方包。
2024-07-19 10:12:19
627
原创 Vue 核心技术与实战day03
1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。作用：导入App.vue，基于App.vue创建结构渲染index.html。Vue生命周期：一个Vue实例从 创建 到 销毁 的整个过程。App.vue 文件（单文件组件）的三个组成部分。① 创建 .vue 文件 (三个组成部分)① 创建 .vue 文件 (三个组成部分)Vue CLI 是 Vue 官方提供的一个。
2024-07-16 08:59:46
580
原创 Vue 核心技术与实战day02
指令修饰符通过"."指明一些指令后缀，不同后缀封装了不同的处理操作→简化代码① 按键修饰符→ 键盘回车监听②v-model修饰符→去除首尾空格→转数字③ 事件修饰符事件名.stop →阻止冒泡事件名.prevent →阻止默认行为v-bind 对于样式控制的增强为了方便开发者进行样式控制， Vue 扩展了v-bind的语法，可以针对class 类名和style 行内样式进行控制。操作class语法:class = "对象/数组"
2024-07-14 11:46:55
580
原创 Webpack
什么是Webpack？静态模块：指的是编写代码过程中的，htmlcssjs，图片等固定内容的文件打包：把静态模块内容，压缩，整合，转译等（前端工程化）把转成css代码把ES6+降级成ES5支持多种模块标准语法问题：为何不学vite？因为：很多项目还是基于Webpack构建，并为Vue，React 脚手架使用做铺垫！
2024-07-10 09:34:45
921
原创 Node.js 入门
作用：使用 Node.js 编写服务器端程序编写数据接口，提供网页资源浏览功能等等前端工程化：为后续学习 Vue 和 React 等框架做铺垫前端工程化：开发项目直到上线，过程中集成的所有工具和技术Node.js 是前端工程化的基础（因为 Node.js 可以主动读取前端代码内容）
2024-07-04 21:01:20
1185
原创 黑马头条-数据管理平台
1. 在 utils/auth.js 中判断无 token 令牌字符串，则强制跳转到登录页（手动修改地址栏测试）2. 在登录成功后，保存 token 令牌字符串到本地，再跳转到首页（手动修改地址栏测试）作用：提取公共前缀地址，配置后 axios 请求时都会 baseURL + url。axios 响应拦截器：响应回到 then/catch 之前，触发的。2. axios 响应拦截器，什么时候触发成功/失败的回调函数？axios 请求拦截器：发起请求之前，触发的配置函数，对。
2024-07-02 15:21:17
688
原创 AJAX进阶-day4
注意：await必须用在async修饰的函数内（await会阻止"异步函数内"代码继续执行，原地等待结果）原因：JavaScript 单线程（某一刻只能执行一行代码），为了让耗时代码不阻塞其他代码运行，设计了。定义：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里回调函数的执行机制，就叫事件循环。概念： 在 async 函数内，使用 await 关键字取代 then 函数，和收集异步任务，在调用栈空闲时，反复调用任务队列里回调函数执行机制。，不阻塞代码继续执行（不必原地等待），在。
2024-06-27 12:49:03
933
原创 AJAX 原理-day3
关系：axios 内部采用 XMLHttpRequest 对象与服务器交互。需求：使用 Promise 管理 XHR 获取省份列表，并展示到页面上。待定（pending） ：初始状态，既没有被兑现，也没有被拒绝。概念：一个Promise对象，必然处于以下几种状态之一。已兑现（fulfilled） ：意味着，操作成功完成。语法：http://xxxx.com/xxx/xxx。已拒绝（rejected） ：意味着，操作失败。使用Promise + XHR 获取省份列表。2. Promise 状态有什么用？
2024-06-20 11:13:04
456
原创 AJAX 综合案例-day2
addForm.reset() 把表单里面的数据清空。1. 引入 bootstrap.css 和 bootstrap.js。1. 通过属性控制，弹框显示或隐藏。功能：不离开当前页面，显示单独内容，供用户操作。控制，弹框显示或隐藏。e.target.file可以拿到文件对象。Bootstrap 弹框。Bootstrap 弹框。
2024-06-20 11:12:40
266
原创 AJAX 入门-day1
2. 使用serialize函数，快速收集表单元素的值。* 建议name属性的值，最好和接口文档参数名一致。注意：axios 在运行时把参数名和值，会拼接到 url。需求：请求目标资源地址，拿到省份列表数据，显示到页面。* 表单元素设置name属性，值会作为。HTTP 协议：规定了浏览器发送及服务器返回内容的。HTTP 协议：规定了浏览器发送及服务器返回内容的。* - false：不获取空值。* 参数1：要获取哪个表单的数据。场景：再次注册相同的账号，会遇到报错信息。
2024-06-18 13:57:20
1023
原创 JavaScript 高级第四天
2. 下次打开页面， onloadeddata 事件触发，就可以从本地存储取出时间，让视频从取出的时间播放，如果没有就默认为0s。在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window。1. 箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是一样的。也就是 2029年才能买房…比如，我 2020年开始计算，连续交5年，也就是到2024年可以买房了，包含2020年。
2024-06-16 15:45:20
637
原创 JavaScript 进阶第三天
基于原型对象的继承使得不同构造函数的原型对象关联在一起，并且这种关联的关系是一种链状的结构，我们将原型对象的链状结构关系称为原型链。2 同样的将变量和函数组合到了一起并能通过 this 实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。继承是面向对象编程的另一个特征，通过继承进一步提升代码封装的程度，JavaScript 中大多是借助原型对象实现继承的特性。，之所以我们对象可以使用构造函数prototype原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。
2024-06-15 17:42:14
841
原创 JavaScript 进阶第二天
2. 如果没有起始值， 则累计值以数组的第一个数组元素作为起始值开始累计。学习三个常用静态方法（静态方法就是只有构造函数Object可以调用的）其实字符串、数值、布尔、等基本类型也都有专门的构造函数，这些我们称为。1. 如果有起始值，则以起始值为准开始累计， 累计值 = 起始值。2. 为构造函数传入参数，动态创建结构相同但值不同的对象。3. 执行构造函数代码，修改this，添加新的属性。4. 构造函数内部的 return 返回的值无效，Object 是内置的构造函数，用于创建普通对象。
2024-06-14 21:09:23
1044
原创 JavaScript 高级第一天
JS初学者经常花很多时间才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，ES6 引入了块级作用域， 用let 或者 const声明变量，让代码写法更加规范和人性化。在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window，因此。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。1. 赋值运算符 = 左侧的 [] 用于批量声明变量，右侧数组的单元值将被赋值给左侧的变量。
2024-06-13 22:51:32
632
原创 Web APIs 第五天
Window对象BOMBOM(Browser Object Model ) 浏览器对象模型1 window对象是一个全局对象，也可以说是JavaScript中的顶级对象2 像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。3 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法4 window对象下的属性和方法调用的时候可以省略window定时器-延时函数。
2024-06-08 14:39:47
678
原创 Web APIs 第三天
页面加载事件有哪两个？如何添加？Øload 事件Ø 监听整个页面资源给window加ØØ 给document加Ø 无需等待样式表、图像等完全加载1 DOMContentLoaded范围比load小，加载速度比load块2 用了这两个事件，script标签就可以写在上面，不用写在body的结束标签处，当然，也可以写在下面元素滚动事件滚动条在滚动的时候持续触发的事件为什么要学？Ø 很多网页需要检测用户把页面滚动到某个区域后做一些处理， 比如固定导航栏，比如返回顶部。
2024-06-05 22:37:14
939
原创 Web APIs 第二天
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等语法：事件监听三要素：Ø。
2024-06-03 18:03:50
836
原创 Web APIs 第一天
标签选择body， 因为body是唯一的标签，可以直接写 document.body.style。但是对于引用数据类型，const声明的变量，里面存的不是 值，不是值，不是值，是 地址。Ø 如果基本数据类型的值或者引用类型的地址发生变化的时候，需要用let。Ø 有了变量先给const，如果发现它后面是要被修改的，再改为let。const 声明的值不能更改，而且const声明变量的时候需要里面进行初始化。例：document.write()有了变量先给const，如果发现它后面是要被修改的，再改为let。
2024-06-02 16:19:18
948
原创 JavaScript 基础第五天
引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等。，因此叫做引用数据类型 ，通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等。2、堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中。属性：信息或叫特征（名词）。属性就是依附在对象上的变量（外面是变量，对象内是属性）
2024-06-01 17:59:50
574
原创 JavaScript 基础第四天
我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参。说明：这个默认值只会在缺少实参参数传递时 才会被执行，所以有参数会优先执行传递过来的实参, 否则默认为undefined。Ø 如果实参过多 那么多余的实参会被忽略 (函数内部有一个arguments,里面装着所有的实参)函数的功能代码都要写在函数体当中。函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不。双击某个单词（单词可以是变量，函数），相同的单词会处于。
2024-05-31 22:54:07
687
原创 js冒泡排序
2 它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重 复地进行直到没有再需要交换，也就是说该数列已经排序完成。4 比如数组 [2,3,1,4,5] 经过排序成为了 [1,2,3,4,5] 或者 [5,4,3,2,1]3 这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。1 冒泡排序是一种简单的排序算法。数组. sort() 方法可以排序。
2024-05-27 13:25:27
155
1
原创 JavaScript 基础第三天
while(true) 来构造“无限”循环，需要使用break退出循环。一般用于排除或者跳过某一个选项的时候, 可以使用continue。一般用于结果已经得到, 后续的循环不需要的时候可以使用。构造“无限”循环，同样需要使用break退出循环。当如果明确了循环的次数的时候推荐使用for循环。当不明确循环的次数的时候推荐使用while循环。数组：(Array)是一种可以按顺序保存数据的。一个循环里再套一个循环，一般用在for循环里。continue 退出本次循环，它是最常使用的循环形式。
2024-05-26 23:27:24
246
原创 JavaScript 基础第二天
众多的 JavaScript 的运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符。Ø 如果第一位一样再比较第二位，以此类推。3. 后面 i++ 后置自增会使用相对较多,并且都是单独使用。Ø 比较的少，了解即可。比如进行10次操作，用它来计算进行了多少次了。Ø 从左往右依次比较。Ø 所以开发中，如果进行准确的比较我们。使用这些运算符可以在对变量赋值时进行快速操作。字符串比较，是比较的字符对应的ASCII码。Ø 作用：让变量的值。Ø 作用：让变量的值。赋值运算符：对变量进行赋值的运算符。
2024-05-25 23:59:44
308
原创 JavaScript 基础第一天
关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。2. 外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。
2024-05-25 19:06:35
614
原创 移动 Web 第五天
1. 下载：Bootstrap V5中文文档 → 进入中文文档 → 下载 →。2. Bootstrap 5 中，栅格系统划分了多少个响应区间？的，如屏幕设备、打印设备等，其中手机、电脑、平板都属于屏幕设备。屏幕宽度大于等于 1200px, 网页背景色是skyblue。Bootstrap 是由 Twitter 公司开发维护的。按钮尺寸：btn-lg / btn-sm。table-striped：隔行变色。Bootstrap – 栅格系统。Bootstrap – 全局样式。Bootstrap – 字体图标。
2024-05-21 22:01:59
565
原创 移动 Web 第四天
px 单位数值 / ( 1/100 视口高度 )px 单位数值 / ( 1/100 视口宽度 )思考：开发中，能不能vw和vh混用呢？的vw尺寸 （1/100视口宽度）的vh尺寸 （1/100视口高度）（1/100 视口宽度）2. vw单位的尺寸 =（1/100 视口高度）(视口宽度) → 确定。(视口高度) → 确定。2. vh单位的尺寸。全面屏视口高度尺寸大。，如果混用可能会导致。
2024-05-20 11:25:22
145
原创 移动 Web 第二天
空间转换空间：是从坐标轴角度定义的X 、Y 和 Z三条坐标轴构成了一个立体空间，Z 轴位置与视线方向相同。空间转换也叫3D转换属性：transform空间转换 – 平移属性3个数都要写才起效果transform(x, y, z);取值（正负均可）像素单位数值百分比（参照盒子自身尺寸计算结果）提示默认情况下，Z 轴平移没有效果视距作用：指定了观察者与Z=0平面的距离，为元素添加透视效果透视效果：近大远小、近实远虚属性：添加给父级。
2024-05-19 00:25:41
783
原创 移动 Web 第一天
先写旋转，则后面的转换效果的轴向以旋转后的轴向为准，会影响转换结果。思考: 改变元素的width或height属性能实现吗？⚫ 通常，只为 scale() 设置。以第一种转换方式坐标轴为准转换形态。平面转换 transform。旋转会改变网页元素的坐标轴向。（位移、旋转、缩放、倾斜）translate() 只写。平面转换 – 改变转换原点。水平原点位置 垂直原点位置。，表示 X 轴和 Y 轴。默认情况下，转换原点是。平面转换 – 多重转换。
2024-05-17 23:57:58
648
原创 CSS 第七天第八天小兔鲜儿以及经验总结
文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片。SEO、Favicon、小兔鲜儿。样式，例如：头部、底部。：各个网页相同模块的。
2024-05-12 00:32:15
82
原创 CSS 第六天
效果：图片img的底下有空白，转块级不按基线对齐，空白就消失了。图标库 → 进入图标库 → 选图标，加入购物车 → 购物车，因为浏览器把行内块、行内标签当做文字处理，默认按基线对齐。拓展：很少单独使用相对定位，一般是与其他定位方式配合使用。的图标上传到 iconfont 图标库，生成字体。：字体图标基本样式（字体名，字体大小等等）：灵活地修改样式，例如：尺寸、颜色等。：体积小、渲染快、降低服务器请求次数。矢量图，打开 → 提交 → 系统审核。的所有属性，都产生过渡效果）默认效果：按照标签书写顺序，
2024-05-11 19:25:35
797
原创 CSS 第五天学成在线
* ::placeholder 选中就是 placeholder 属性文字样式*/标签结构：通栏 > 版心 > logo + 导航 + 搜索 + 用户。标签结构：.search > input + a / button。/* 父级是flex布局，子级变弹性盒子：加宽高生效 */标签结构：.user > a > img + span。：基础公共样式，例如：清除默认样式、设置网页基本样式。布局思路：先整体再局部，从外到内，从上到下，从左到右。标签结构：h1 > a > 网站名称（搜索关键字）
2024-05-06 23:19:22
824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人