在 vue3 中优雅的使用 jsx/tsx本文详解 Vue3 中使用 JSX/TSX 的核心技巧。涵盖插件配置、插值、样式绑定、条件与列表渲染、事件处理及 v-model 用法,并深入讲解插槽的定义与调用方式,帮助开发者在 Vue3 项目中更灵活地构建组件。Vue3· 2023年4月19日· 1487V
项目性能优化本文系统梳理了前端性能优化的关键实践,涵盖DNS预解析、静态资源CDN加速及多级缓存策略。通过HTTP/2多路复用、Gzip压缩、路由与组件懒加载降低首屏耗时。此外,结合第三方库按需引入、图片懒加载及防抖节流等手段,全方位提升页面加载速度与运行效率。开发环境· 2022年9月1日· 798开
NProgress加载进度条本文介绍NProgress库在Vue项目中的集成与应用。涵盖通过npm安装及基础引入,详细演示了如何在Axios请求拦截器、Vue Router路由守卫及首屏加载场景中调用start和done方法,并提供了Nuxt 3环境下的具体配置示例,帮助开发者实现流畅的页面加载进度反馈。JavaScript插件· 2022年7月15日· 781J
Math.js解决前端精度JS浮点数运算常出现精度丢失,如0.1+0.2不等于0.3。本文介绍使用Math.js库解决此问题,涵盖CDN引入及npm安装方式,并提供基于bignumber封装加减乘除工具函数的示例,帮助开发者在前端实现高精度数值计算。JavaScript插件· 2022年6月30日· 1051J
Video.js 视频播放器本文介绍如何在 Vue 项目中集成 Video.js 播放器。涵盖通过 pnpm 安装、基于 Composition API 的初始化代码及样式配置,并解决 Chrome 浏览器因 H.264 编码差异导致的 MP4 播放兼容性问题,提供转码解决方案。Vue3· 2022年10月21日· 889V
Compressor.js前端图片压缩本文介绍如何在Vue3项目中集成Compressor.js实现前端图片压缩。通过npm安装依赖后,监听文件选择事件,配置压缩质量参数,将处理后的图片转换为FormData并通过Axios上传至服务器,同时包含错误处理逻辑,帮助开发者快速落地图片上传优化方案。JavaScript插件· 2022年8月1日· 1092J
Redis入门到精通本文介绍在 NestJS 项目中集成 Redis 的实践。通过封装 ioredis 工具类实现连接管理与数据存取,并结合 TypeORM 演示了缓存穿透时的回源逻辑及更新后的缓存失效策略,帮助开发者快速掌握 Redis 在业务场景中的基础应用。Node· 2022年10月5日· 673N