初级见习猿工-优快云博客

原创 websocket的应用

WebSocket是一种全双工通信协议，支持服务器主动推送数据，适用于实时应用如聊天室和股票行情。它通过ws://或wss://建立持久连接，相比HTTP轮询更高效。实现包含创建连接、处理事件（open/close/message）、发送数据和关闭连接等步骤。配置参数包括URL、子协议和二进制类型等。示例展示了聊天室功能，包括消息收发和用户状态显示。WebSocket优势在于低延迟和双向通信，但需注意安全性和浏览器兼容性。

2025-08-29 17:52:47 470

原创前端vue框架实现反向代理详解

Vue2与Vue3跨域解决方案对比：通过反向代理解决浏览器同源策略限制。Vue2在vue.config.js中配置devServer.proxy，使用pathRewrite重写路径；Vue3在vite.config.js中使用server.proxy，通过rewrite函数处理路径。两者都需设置target目标和changeOrigin为true。开发环境代理生效，生产环境需Nginx配置。两者核心原理相同：前端请求开发服务器地址，由服务器转发至目标接口并返回响应，关键区别在于配置文件和路径重写方式不同。

2025-08-29 17:34:21 473

原创 ExcelJS实现导入转换HTML展示（附源码可直接使用）

本文介绍使用exceljs库实现Excel文件在线预览功能。通过Vue3+ElementUI搭建前端界面，核心功能包括：1）读取Excel文件内容；2）处理单元格样式（字体、背景色、对齐等）；3）支持基础单元格和合并单元格的混合渲染；4）将表格数据转换为HTML格式展示。文章提供了完整的代码实现方案，包括文件上传、样式处理和表格渲染等关键步骤。该方案适用于需要在线展示Excel数据的业务场景，通过npm安装exceljs库即可快速实现功能。

2025-08-29 15:46:06 541

原创如何使用 JavaScript 来判断用户设备类型？

本文介绍了三种JavaScript判断设备类型的方法：1)通过navigator.userAgent匹配用户代理字符串识别Android/iOS/Windows/Mac等系统；2)利用navigator.platform检测操作系统平台；3)使用window.innerWidth/Height通过屏幕尺寸区分移动/桌面设备。每种方法各有优劣，开发者可根据项目需求选择合适方式，也可组合使用提高判断准确性。这些技术方案为响应式网页开发提供了基础设备识别能力。

2025-08-29 11:28:50 278

原创前端实现EXCEL导入并渲染表格

本文介绍了一种前端独立实现Excel表格导入功能，使用xlsx库配合Vue+ElementUI技术栈。文章详细讲解了实现步骤：通过FileReader读取Excel文件，利用xlsx库解析数据并转换为JSON格式，然后动态生成表格表头和内容。代码包含了文件上传、数据解析、表格渲染以及搜索功能，并提供了完整的Vue组件实现。该方法无需后端支持，可直接在前端完成Excel导入和展示，且具有高度可扩展性，如支持本地存储、单元格合并等进阶功能。文中还包含了样式代码和实际效果说明，为开发者提供了一个可直接参考的方案。

2025-08-20 16:12:14 329

原创生成二维码QRCode

本文介绍了qrcode插件在前端生成二维码的实现方法。该插件支持Vue2/Vue3项目，提供canvas、DataURL图片和SVG三种生成方式，可通过npm或yarn安装。文章给出了基础使用示例代码，并详细说明了版本、容错率、颜色等配置参数，支持自定义二维码尺寸、边距、色彩等属性。该插件能快速将URL转换为二维码，适用于需要前端生成二维码的各种场景，推荐开发者尝试使用。

2025-08-18 18:00:02 678

原创 NVM安装、内网配置NVM代理

摘要：nvm（Node Version Manager）是一款管理Node.js多版本的工具，支持安装、切换和卸载不同版本Node.js。安装过程包括下载nvm安装包、验证安装、查看可用版本及切换版本。针对国内用户推荐配置淘宝镜像（node_mirror和npm_mirror）以加速下载。内网环境需设置HTTP/HTTPS代理（如nvm proxy http://代理地址），并通过安装测试验证代理生效。常用命令包括nvmlist查看版本、nvmuse切换版本、nvmuninstall卸载版本等。（149字）

2025-06-27 16:25:30 1459