阿里图标动态化导入本文介绍在Vue项目中动态加载阿里图标库的方法。通过接口获取CDN地址并解析字体ID,动态插入脚本加载资源。随后封装BaseIcon组件,兼容svg-和icon-前缀,自动匹配对应渲染逻辑,实现图标按需加载与统一调用。Vue3· 2025年8月6日· 497V
浏览器存储的封装本文对比了 Cookie、SessionStorage 和 LocalStorage 的特性差异,并提供了三者的封装代码。通过自定义工具函数,实现了数据的存取、删除及清空操作,其中 LocalStorage 封装支持设置过期时间,解决了原生 API 无法自动清理过期数据的问题,便于前端开发者统一管理和复用浏览器存储逻辑。JavaScript· 2022年6月30日· 470J
v-html使用img点击实现放大效果本文介绍在Vue中使用v-html渲染富文本时,通过正则提取图片地址并监听点击事件,结合Element UI的ElImageViewer组件实现图片点击放大预览功能。代码包含图片列表解析、下标定位及滚动锁定处理,解决了动态HTML中图片交互的常见需求。Vue2 生态· 2023年1月10日· 1630V
Nginx的跨域配置本文分享了一段能解决绝大多数跨域问题的Nginx配置代码。通过设置Access-Control-Allow-Origin及相关请求头,并针对OPTIONS预检请求返回200状态码,配合反向代理指令实现前后端分离场景下的跨域访问,简洁高效,适合快速排查和修复常见的跨域错误。开发环境· 2022年6月1日· 746开
vue项目中使用websocket和EventSource/es本文介绍Vue项目中WebSocket和EventSource的使用。首先解析WebSocket特性并封装通用Hook,实现自动重连与心跳机制;随后演示原生EventSource及基于polyfill的SSE封装,支持自定义请求头。内容涵盖核心代码示例,助力前端实时通信功能落地。JavaScript· 2023年11月30日· 772J
一文掌握JavaScript事件循环机制(event loop)本文详解JavaScript单线程模型下的事件循环机制,厘清同步、宏任务与微任务的执行优先级。通过多组代码示例剖析Event Loop运行流程,重点解析async/await底层原理及阻塞行为,帮助开发者准确预测代码输出顺序,深入理解异步编程核心逻辑。JavaScript· 2023年2月8日· 537J
Webpack 中的 loader 与 plugin本文详解 Webpack 中 Loader 与 Plugin 的核心区别及实现原理。Loader 负责模块源码转换,强调链式处理;Plugin 基于钩子机制扩展构建能力。文中通过替换文本和注入内容的示例,演示了如何编写自定义 Loader 和 Plugin,帮助开发者深入理解 Webpack 的横向广度与纵向深度。构建工具· 2022年7月16日· 872构