vite打包配置(静态资源合并打包/清除log/gzip压缩/ENV配置等)
vue3+vite项目的 vite打包配置,包含静态资源拆分打包\超大静态资源拆分\静态资源压缩\去除console和debugger\旧版chorme和ie兼容\ENV配置等内容,持续更新中
记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 常规且有效 的首屏优化建议目标： 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理1、路由懒加载SPA 项目，一个路由对应一个页面，如果不做处理，项目打包
C++——WebServer服务器项目
项目场景：C++——WebServer服务器编程项目搭建（1）配置虚拟机，下载XShell、Xftp以及windows版本的VScode；（2）安装SSH：sudo apt install openssh-server（3）在XShell中配置会话以连接到虚拟机，VScode中配置远程SSH；（4）
IDEA2022版本创建maven web项目（两种方式）最全图文教学
idea构建web项目的超级详细教程，一步一步来，完全没问题！
Vue3父子组件通讯一目了然
这篇文章为大家介绍了我们Vue3中的父子组件通讯，你是否学会了呢，小伙伴一定记的尝试哦，大家都知道我们出了父子组件通讯之外呢，还是有很多兄弟组件，爷孙组件通讯，那下篇文章中我们将为大家介绍跨级组件通讯！
前端直接生成GIF动态图实践
本文重点介绍了一款前端基于Javascript的gif.js生成插件，分析了它的源码结构，最后通过一个实例进行了案例讲解，帮您快速的了解和掌握这个组件。
chatgpt这么火？前端如何实现类似chatgpt的对话页面
自从去年11月份chatgpt出圈之后，他的热度就居高不减，也出现了很多人借助接口开发的国内版本，那么本篇博客就从前端的角度来看看前端如何实现类似chatgpt的对话功能！
vue使用axios发送post请求携带json body参数，后端使用@RequestBody进行接收
最近在做自己项目中，做一个非常简单的新增用户场景，但是使用原生axios发送post请求的时候，还是踩了不少坑的。唉，说多了都是泪，小小一个新增业务，在自己前后端一起开发的时候，硬是搞了好久。下面就把问题总结分享下，防止后人再踩坑。首先先看下我的接口定义吧。其实就是一个很简单的新增，参数也不复杂。
HTML中的表格和表单（含有示例代码）
表格表格的基本构成标签 table标签：表格标签 caption标签：表格标题tr标签：表格中的行 th标签:表格的表头 td标签：表格单元格表格的基本结构 <table>定义表格 <caption>表格标题</caption> <tr>定义表行
SpringBoot+Vue实现简单用户管理平台第一篇（后端接口设计）
前言开发环境开发工具就不多介绍啦，就IDEA做后端，VSCode做前端，用其他的也都可以技术本次后端用到的技术呢： 主要就两个，SpringBoot + MyBatisPlus前端的技术用到的技术： Vue，结合脚手架以及element ui框架开发前端表设计既然是用户管理嘛，肯定有用户表，我们先来
微信小程序获取用户openid
微信小程序openid的几种获取方式
uni-app打开外部链接方式汇总(h5&app)
uni-app打开外部链接方式汇总(h5&app)
【Promise】一文带你了解promise并解决回调地狱
且该promise对象的状态为pending，then方法为一个同步操作，then中的函数参数为异步操作。在该操作中，如果promise对象的状态不改变则不会执行then方法中的函数。总结：promise的状态用来判断then方法执行成功或是失败的函数，promise的结果则是作为实参传递给then
CSS快速入门
在学习文本颜色之前，我们需要先弄清楚我们计算机是如何显示颜色的，我们显示器由很多像素组成，每个像素视为一个点，然后我们使用R(red)，G(green)，B(blue)三原色混合来标识颜色，简称RGB。R,G,B三个分量分别使用一个字节表示，表示范围：0 - 255/00 - FF，数值越大表示该成
【蓝桥杯Web】第十四届蓝桥杯（Web 应用开发）模拟赛 2 期 | 精品题解
第十四届蓝桥杯Web应用开发模拟赛第 2 期 正式开始了，博主也是第一时间为大家带来了题解！这篇题解包含了大学组和职业院校组的所有内容。因为自己在做题时忘记保存代码了，所以写这篇题解时我不得不又重新做了一遍，看在博主这么肝的份上，大佬们给个一键三连加关注吧！🤗
Vue3获取DOM、操作组件
凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其他框架的巨大优势，有兴趣的伙
WebSocket的心跳机制和断线重连
心跳机制的实现，在客户端连接成功的回调中即开启心跳。心跳处理函数内部使用定时器延时触发向服务端发送消息的方法，待服务器将消息返回证明是连线成功状态下，继续调用心跳检测方法。如果客户端给服务端发送心跳消息，在定义的超时时间后客户端没有收到回复，则说明和服务端断线了,此时会触发到客户端连接关闭的回调函数
JavaScript DOM API的使用
JavaScript主要由ECMAScriptDOMBOM这三部分组成;我们要知道要完成一个程序, 光有语法是远远不够的, 对于JS来说, 除JS语法(ES)外, 还需要掌握一些WebAPI, 这些API是浏览器给JS代码提供的功能, 即DOM和BOM;DOM是页面文档对象模型, 可以对页面中的元素
【vue2小知识】实现directive自定义指令的封装与全局注册
在vue2中将我们的自定义指令directive统一管理并批量全局注册与使用
CSS页面布局（超详解）
浮动的框可以向左或向右移动，直到其外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档普通流中，所以文档普通流中的块元素表现得就像浮动框不存在一样。HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用的空间，这个模型称为盒子模型。
