自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(122)
  • 收藏
  • 关注

原创 el-tabs与table样式冲突导致高度失效问题解决(vue2+elementui)

正常的el-table能根据父容器自动计算剩余高度,并会在列表中判断自适应去放出滚动条。而el-tabs本身就是自适应el-tab-pane内容的高度来进行自适应调节,这样就会导致el-table计算不了当前剩余的高度,所以当el-tabs里面包含el-table时,el-table的高度就没法成功根据剩余高度来计算。

2025-04-30 14:02:43 544

原创 vue2改变el-message字体、图标尺寸样式(vue2,element-ui)

其中上述内容的**.el-message**是控制图标大小的,的字体太小了,展示起来看不清,所以需求就是把。

2025-04-14 14:52:15 257

原创 Nginx及前端部署全流程:初始化配置到生产环境部署(附Nginx常用命令)

目标:在xshell中部署前端包。第一步:下载nginx第二步:前端打包与创建具体文件夹路径第三步:配置nginx.nginx.conf文件第四步:配置nginx.service文件。第五步:启动nginx常用nginx命令在文末。

2025-03-22 19:16:20 1133

原创 《高性能JavaScript》读书笔记(全)

字符串和正则表达式也会影响代码的性能,如果遇到字符串拼接时,可以用模板字符串来进行拼接,而非普通字符串拼接。例如,当一个父元素包含多个子元素,且每个子元素都需要绑定点击事件时,可以将事件处理程序绑定到父元素,通过事件对象的 target 属性判断具体触发事件的子元素。通过将事件处理程序绑定到父元素,可以统一处理多个子元素的事件。这章节主要讲解的是如何写出更优质的代码,如何有一个更好的代码规范,保持代码风格的一致性。:脚本加载完成后立即执行,执行顺序与加载顺序无关,因此可能会出现脚本执行顺序不一致的情况。

2025-02-17 14:30:13 698

原创 前端取Content-Disposition中的filename字段与解码(vue)

这个需求其实是根据导出文件来的,导出文件后,后端将文件名存储到请求头中的headers里了,那么前端需要从headers里的Content-Disposition里面取到并解码。

2024-12-25 16:57:45 978

原创 Node脚本实现批量打包Vue项目(child_process子进程、window)

前几天用pnpm+workspace实现了monorepo,也就是单仓库多个项目,并且互相之间可能存在一定的联系。所以就存在一个打包的问题,也就是说,我想在打包某个特定子项目时,其他项目也执行build的命令。主要用到的是node的child_process子进程,话不多说,下面开始讲解,最后放出源代码。

2024-10-09 17:21:00 1255

原创 monorepo基础搭建教程(从0到1 pnpm+monorepo+vue)

有个项目要引入一个第三方库,但是第三方库下载下来的npm包不能满足完整需求。所以想用monorepo的方式来引入这个第三方库,并且可以修改第三方库的内容。基于此,学习了monorepo的相关基础知识,本文主要讲解monorepo如何从0到1搭建。

2024-09-19 16:48:04 1612 1

原创 Vue动态表头数据

本文主要解决场景:表头不固定、从后端数据中拿取表头并渲染到页面中。

2024-08-27 09:08:32 842

原创 高德地图+Vue3基础地图从0到1实现

本文主要讲解如何利用高德地图api与vue3实现对世界地图的可视化显示。

2024-07-15 23:15:57 487

原创 Vue中v-for和v-if优先级(2、3)

因为这种风格上的差异,所以尽量不要在一个子节点同时使用v-for和v-if。

2024-07-09 13:31:12 378

原创 微信小程序手写文件解决日期少一天且格式无法切割问题

在小程序中无法实现对日期的切割,并且可能会出现日期少一天的问题,这个问题可以由后端进行解决,也可以前端,这里用了前端新建一个wxs转换文件进行解决。

2024-04-24 16:43:04 482

原创 React Flow浏览器默认事件失效问题解决

React Flow可以使用滑轮来实现对于该部分区域的放大和缩小,并且自动拦截浏览器默认的滑轮和滑轮+按键组合事件,如:**Ctrl+鼠标滑轮**事件。那么这就导致在非该区域的地方使用了浏览器默认的滑轮事件且改变了原有页面的大小时,在回到React Flow区域当中,并不能够还原,本文主要针对的是,在不影响当前Flow的功能外,实现对浏览器**Ctrl+鼠标滑轮**事件的解除拦截效果。

2024-04-17 16:15:51 688

原创 服务器如何检查端口是否被占用并杀死进程

如果有进程占用端口导致无法端口无法被杀死,可以强制关闭进程。lsof -i :端口号。kill <进程PID>

2024-03-21 15:29:53 599

原创 SpringBoot日期提交报错400(This application has no explicit mapping for /error, so you are seeing this as )

以上就是报错400,原因就是在于没有给日期的入参和出参进行规范化。那么我们首先打开实体类,对日期的入参和出参添加规范。在上述代码中我们可以看到两个注解,其中注解是对入参进行规范化,而注解是对出参进行规范化,除此之外,我们还需要在最后就能实现我们想要的效果了。而不会报400的错误。这里我想要的格式是而还有别的格式,比如等也可以根据需要进行对应的调整。

2024-02-29 15:17:46 574

原创 Missing or invalid credentials.(Git push报错解决方案)

本文主要讲解git push后报错的解决方案。

2024-01-30 14:58:09 3949 1

原创 Vue3+Ts实现路由守卫

博主本期主要讲解的是Vue3如何实现特定路由的路由守卫。那么好,本期正式开始。

2024-01-23 18:21:14 1375

原创 JavaScript红宝书第九章:代理与反射

本文主要讲解代理与反射,那么好,本文正式开始。捕获器是代理的重要概念之一,它作用是可以在设置捕获的某个路径中进行程序处理。实现捕获。举例:比如我们想要让目标对象输出时候输出1.get(){return 1;//target 1代理就是对数据的劫持,并且劫持的过程中加一些操作,反射,就是对象方法的复制API。可以从头到尾复刻对象的某个API方法。以上就是,全部内容。

2023-12-22 15:46:49 2036 11

原创 详解重排重绘

本文主要讲解在页面加载成功后可能因为页面中DOM元素样式或布局被修改从而引发的重排重绘进行一个讲解,那么好,本文正式开始.

2023-11-25 23:22:26 2112 16

原创 前端路由hash和history的六大区别

本文主要讲解hash和history路由的区别,那么好本文正式开始。

2023-11-25 22:26:11 835

原创 JSONP解决跨域问题

全称为Cross-Origin Resource Sharing,简单来说请求的客户端和服务端的端口、域名、协议中的任意一个有不一样的地方在URL的展示中,那么就会出现这个跨域问题。它产生的原因是因为浏览器实现了一种同源策略,同源策略是为了保护信息安全而设立的安全机制,它限制了一个源从另一个源获取或发送数据资源进行交互操作,为了防止恶意网站窃取用户信息。

2023-11-25 22:02:45 898

原创 原生JS实现计算器(内含源码)

这里最大的亮点就在于,我在JS中只用了一个键盘事件和一个鼠标事件,就绑定了计算器的数字和符号,那么好文本正式开始。

2023-11-25 21:37:27 714

原创 JS事件代理(事件委托)

本文详细讲解JavaScript中关于事件代理技术相关的内容以及源码实例的讲解。那么好,本文正式开始事件代理作为JavaScript中一种常用的技术,它主要价值是在于允许将子元素的事件处理程序绑定在父元素中,比如表格中的每一条数据对应表格就是子对父,而当我们想通过一个事件来绑定旗下所有条数据时,我们就可以通过调用table表格来实现这个功能,从而简化代码并且提高性能。

2023-11-25 20:37:39 1113

原创 详解Js数据类型种类以及判断数据类型的四种方法

包装对象是指针对原始值创建的临时对象,在进行操作时会自动转换为对应的原始值。例如,通过包装对象可以访问原始值的属性和方法。如:Number、String、Boolean都是包装对象。

2023-11-25 15:31:22 1114

原创 深拷贝与浅拷贝(原理+手撕的几种方法)

在处理循环引用,需要有处理无限递归的逻辑,否则会报错。对象中的所有属性必须是可以序列化的,如正则表达式、函数、是指复制对象的引用,本质上它俩共享了同一个内存空间,是完全复刻了原对象的引用内容,并且新开辟了。序列化是指将一个对象转换成字符串或字节流。第三方库也可以解决。多层就是{a:{b:1}}。,用于存储这些引用。

2023-11-25 15:24:57 566

原创 JS手写instanceof(内含源码与详解)

本文主要讲解JavaScript如何手写一个简易的instanceof,从而实现数据类型判断

2023-11-25 14:11:07 962

原创 项目启动出现白屏问题需要刷新后才能显示解决方案

为什么页面会出现加载过慢问题?可能原因有以下两种: 1. js脚本加载时间过长 2. 资源过多加载延迟,在初次渲染时无法加载成功

2023-11-25 13:47:13 1419

原创 CSS新特性(2-2)

本文继续讲解CSS3其他的新特性,想看之前新特性点击这里,那么好本文正式开始。

2023-11-25 13:23:48 1223

原创 CSS3新特性(2-1)

本文主要讲解CSS3有哪些新的特性和内容,那么好,本文正式开始

2023-11-24 23:19:14 541 3

原创 HTML5新特性

本文主要讲解HTML5中新增了哪些内容。

2023-11-24 22:55:29 540

原创 ES6新特性

本文主要讲解ES6到底有哪些新特性,那么好,本文正式开始。

2023-11-24 15:51:09 985 3

原创 JavaScript实现动态背景颜色

本文主要讲解JavaScript如何实现动态背景颜色,可以根据颜色选择器选择的颜色而实时更新到背景中

2023-11-24 15:00:38 1551 2

原创 力扣:判断回文串(JavaScript)

用四种解法:包括for、while、push和递归四种解法判断字符串是否为回文串

2023-11-24 14:17:24 627

原创 仿ChatGPT对话前端页面(内含源码)

本文主要讲解如何做出类似ChatGPT的前端页面。具体我们的效果图是长这样,其中除了时间是动态的之外,其他都是假数据。接下来让我们从布局和样式的角度分析,如何做出来这样的页面,同时文末有全部源码,需要自取。

2023-11-23 17:48:02 8867 6

原创 管道在Vue和Angular中的作用及React的替代方案

本文主要讲解管道在Vue和Angular中有哪些作用、React对于管道概念的替代方案是什么、Vue和Angular管道的区别。

2023-11-23 14:39:28 1390 5

原创 详解Vue中的computed和watch

一次计算多个属性时可以用computed,监听一个属性或处理异步或逻辑较难业务可以用watch。

2023-11-23 11:34:29 819 2

原创 如何加速JavaScript 代码运行速度

本文主要通过五个方面来讲解如何使Js代码得到性能优化,从而实现加快Js代码运行速度的作用。那么好,本文正式开始。

2023-11-22 17:44:01 445 3

原创 CSS实现三角形

本文讲解三种实现三角形的方式,并且配有图文以及代码解说。那么好,本文正式开始。

2023-11-22 12:40:29 532 3

原创 JS计算代码执行时间三大方法

如果你想看到自己写的某段Js代码到底执行了多久,想要判断或者获取它们的执行时间,那么可以通过以下三种方法进行获取zhixing和调用,那么好,本文正式开始。

2023-11-22 08:16:08 4271 4

原创 HTML5生成二维码

本文主要讲解如何通过原生HTML、CSS、Js中的qrcodejs二维码生成库,实现一个输入URL按下回车后输出URL。文章底部有全部源码,需要可以自取。

2023-11-21 11:24:34 7895 27

原创 详解JavaScript中的作用域种类、作用与作用域链

本文主要讲解JavaScript中作用域包括:什么是作用域,作用域种类、作用域作用以及作用域链的代码文字讲解。

2023-11-21 09:53:34 99 2

基于springboot框架的学生信息管理系统(课程设计)

编译器:idea,mysql springboot+html+mybatis 主要实现了管理员登陆注册、学生管理、学院管理、公寓管理、个人信息管理等。 数据库实现了多表主外键连接,一共四个表,分别为管理员表,学生表,公寓表,学院表。 后端主要实现了18个接口的实现和使用,其中包括增删改查、模糊查询等。 前端主要使用html+css+js+ajax来实现接口调用和显示页面。

2023-04-23

springboot+html+ajax+mybatis学生管理页面全栈

springboot+html+ajax+mybatis增删改查 适合初学者使用

2023-04-20

springboot、uniapp+前后端交互+失物招领+Java课设

主要是利用Springboot技术和uniapp技术来实现简单的失物招领的操作,其中实现的主要是页面显示,通过调用接口来实现数据的增删改查、模糊查询等操作,其中后端用到的是mybatis、lombok、mysql、maven等,数据的管理用mybatis,数据的存储用到mysql,省略get、set方法用lombok、pom配置用maven,uniapp前端主要用到的是v-model双向数据绑定、uni-request请求方式进行接口调用,uni.showModal实现弹窗效果等。这个代码稍微修改一下可以成为一个简易的课设项目。里面包含前后端文件以及数据库脚本。 编译器:Hbuilder、idea、mysql 运行器:微信开发者工具

2023-04-17

uniapp+springboot实现增删改查

编译器:hbuilder, idea,mysql 数据交互实现方式:uni.request 主要是用sprinboot进行单表的增删改查,然后通过前端调用增删改查的接口来实现我们想要数据显示以及更新增加和删除的操作 用到的前台运行编译器是微信开发者工具

2023-04-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除