Dec062023
Dec012023
jquery 实现简洁实用的弹窗代码
jquery 实现简洁实用的弹窗代码，两种方法。
1. position = absolute 版，这种形式的有个缺点是弹窗会随着滚动条的滚动而滚动，因此仅做参考，不建议使用。
css 代码：
.oppoBg{width: 100%;height:100%;position:absolute;background-color: #000;top:0;left:0;opacity: 0.6;z-index:10;margin:0;}
.oppoBox{position:absolute;background-color: #fff;z-index: 11;margin:0;}
js 代码（...阅读全文
Nov242023
WEB开发者必备的7个JavaScript函数
debounce函数
防止高频调用的 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll, resize, key*等事件触发执行任务时不使用降频函数，也行你就犯了重大的错误。下面这个降频函数 debounce 能让你的代码变的高效：
这个 debounce 函数在给定的时间间隔内只允许你提供的回调函数执行一次，以此降低它的执行频率。当遇到高频触发的事件时...阅读全文
Nov122023
如何使用CSS动画增加网站交互性
在现代的网页设计中，为了吸引用户并提供更好的用户体验，交互性成为了一个重要的设计因素。CSS动画是一种简单但强大的工具，可以为网站带来生动的效果和吸引人的交互。本文将介绍如何使用CSS动画来增加网站的交互性。
1. 为什么使用CSS动画
CSS动画是通过在网页元素上应用CSS样式来实现的。相比于使用JavaScript动画，CSS动画具有以下优势：
性能更好： CSS 动画通常更轻量级，更高效，...阅读全文
Nov082023
使用Vuetify构建美观的Vue.js应用程序
Vuetify是一款基于Material Design的Vue.js组件库，它提供了丰富的预构建组件和样式，可以帮助开发者快速构建美观的Vue.js应用程序。本文将介绍如何使用Vuetify来创建一个令人印象深刻的Vue.js应用程序。
1. 安装Vuetify
首先，确保你已经安装了Vue.js。然后，在你的Vue.js项目中，通过以下命令来安装Vuetify:
npm install vuetify --save
2. 配置Vuetify
在你的Vue.js项目的main.js文件...阅读全文
Oct192023
前端微前端架构技术预研：qiankun、single-spa、Module Federation方案对比与选型指南
前端微前端架构技术预研：qiankun、single-spa、Module Federation方案对比与选型指南
引言：为什么需要微前端？
在现代企业级前端开发中，随着业务复杂度的持续增长，单体应用（Monolithic Frontend）逐渐暴露出诸多问题：
项目规模庞大，构建时间长，影响开发效率；
团队协作困难，模块耦合严重，难以并行开发；
技术栈无法灵活演进，新旧技术难以共存；
部署依赖整体发布，风险高，回...阅读全文
Oct182023
数据库连接池性能调优实战：HikariCP与Druid对比分析及优化配置指南
数据库连接池性能调优实战：HikariCP与Druid对比分析及优化配置指南
引言
在现代Java应用开发中，数据库连接池作为提升系统性能的关键组件，其重要性不言而喻。随着业务规模的增长和并发访问量的提升，合理的连接池配置直接影响到系统的响应速度、吞吐量以及资源利用率。本文将深入分析两种主流数据库连接池——HikariCP和Druid的性能特点，并提供详细的调优方案和最佳实践。
一、数据库连...阅读全文
Oct042023
Sep262023
Sep032023
如何进行前端性能监控与调优
在现代Web开发中，前端性能是一个至关重要的指标。用户对于网页加载速度的期望越来越高，任何一点性能的提升都能带来更好的用户体验和转化率。因此，进行前端性能监控与调优是每个开发者都应该关注的事情。
本文将引导您通过以下步骤进行前端性能监控与调优：
1. 设定性能目标
在开始任何性能监控与调优之前，首先需要设定明确的性能目标。这将帮助您了解应用的目标用户以及他们对性能的...阅读全文