vue项目中使用websocket和EventSource/es本文介绍Vue项目中WebSocket和EventSource的使用。首先解析WebSocket特性并封装通用Hook，实现自动重连与心跳机制；随后演示原生EventSource及基于polyfill的SSE封装，支持自定义请求头。内容涵盖核心代码示例，助力前端实时通信功能落地。JavaScript· 2023年11月30日· 778J
实现input框粘贴图片，图片上传本文介绍在Vue3中实现输入框粘贴上传图片的功能。通过监听paste事件获取剪贴板中的图片文件，使用FormData和Axios将图片上传至服务器，并将返回的图片URL同步到输入框中，同时支持手动输入文本内容的处理与上传状态反馈。JavaScript· 2022年9月26日· 720J
网页适配 iPhoneX，就是这么简单本文详解 iPhone X 刘海屏适配方案。通过设置 viewport-fit=cover 启用安全区域，利用 CSS 预定义变量及 env/constant 函数处理边界间距。结合 @supports 特性查询与媒体查询实现版本兼容，提供 SCSS 混入代码，帮助开发者快速解决全屏适配问题。Css· 2022年11月3日· 894C
Clipboard复制插件本文介绍使用 clipboard.js 实现网页文本复制功能。涵盖原生引入及 Vue 集成方式，演示通过 data 属性、动态配置 target 和 text 等用法，并提供成功与失败回调处理。此外，针对 CSS 用户选择限制及 iOS 点击样式问题给出了解决方案。JavaScript插件· 2022年7月17日· 969J
App中内嵌H5页面实现通信本文详解App与H5混合开发中的通信方案，涵盖Android的JavaScriptInterface与URL Scheme拦截，以及iOS的WKScriptMessageHandler机制。提供跨平台通用Bridge封装代码、安全加固建议及VConsole等调试技巧，助力高效实现双向数据交互。Vue3· 2025年6月12日· 839V
Echarts组件简单封装本文介绍Echarts在Vue中的封装实践。首先提供基于Options API的基础组件示例，随后展示Vue 3组合式API版本。该版本采用按需引入策略以优化性能，并通过监听配置项变化实现图表动态更新与响应式适配，旨在简化图表复用流程。JavaScript插件· 2022年11月23日· 675J
html2canvas海报生成本文介绍在Vue中使用html2canvas生成海报的方法。通过安装依赖并配置useCORS解决跨域问题，利用devicePixelRatio提升清晰度。关键技巧包括重置滚动条、自定义Canvas尺寸及避免背景图导致模糊，最终将DOM转换为高清图片展示。JavaScript· 2022年5月31日· 1424J
