![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
其他
文章平均质量分 89
邹荣乐
拥有多年开发经验的前端工程师,曾经参与过多个大型项目的开发,积累了丰富的项目经验。希望能结交更多志同道合的朋友。
展开
-
Web实时通信的学习之旅:轮询、WebSocket、SSE的区别以及优缺点
WebSocket比SSE功能更加强大,WebSocket是在服务端和客户端建立的双向实时数据通道,而SSE只支持服务端想客户端的单向通讯浏览器对WebSocket的支持也更加广泛,IE、Edge几乎不支持SSEWebSocket有一套独立的标准协议,在使用过程中必须按照标准协议来,而SSE使用的是Http协议,只需要更改Context-Type为"text/event-stream;charset=utf-8"即可,这里需要特殊注意的一点,必须是utf-8。原创 2024-06-26 09:19:56 · 1917 阅读 · 0 评论 -
Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示
服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE)。SSE(Server-Sent Events)是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。它基于 HTTP 协议,利用了其长连接特性,在客户端与服务器之间建立一条持久化连接,并通过这条连接实现服务器向客户端的实时数据推送。原创 2024-06-25 09:04:25 · 2549 阅读 · 2 评论 -
Web实时通信的学习之旅:WebSocket入门指南及示例演示
WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制,即WebSocket 协议可以跨域通信WebSocket 协议是有状态的,是前后端交互的长连接,即建立连接后可以保持连接状态,通信时可以省略部分状态信息WebSocket 协议可以发送文本,同时也可以发送二进制数据WebSocket 是一种强大的网络通信协议,它允许服务器和客户端之间进行实时、双向通信。原创 2024-06-24 09:18:51 · 2134 阅读 · 0 评论 -
深入解析ESLint配置:从入门到精通的全方位指南,精细调优你的代码质量保障工具
ESLint是一个主流的JavaScript Lint工具,用于监测JavaScript代码质量,可以帮助开发者提升编码能力。它可以很容易地统一开发者的编程风格,同时也可以通过配置文件来自定义规则。在前端开发中,ESLint可以帮助我们检查代码中的潜在问题,提高代码的可读性和可维护性。原创 2024-06-20 08:57:02 · 3556 阅读 · 1 评论 -
qiankun框架中基于actions机制实现主应用与子应用间的双向通信
配置子应用的全局状态Actions,子应用中的全局状态必须要跟主应用中的全局状态变量属性名相同,比如主应用中全局状态变量为{token: “main”},则子应用中也需要保证在setGloabalState时也需要设定相同的变量名。我们从上图可以看出,我们可以先注册 观察者 到观察者池中,然后通过修改 globalState 可以触发所有的观察者函数,从而达到组件间通信的效果。本示例介绍的是子应用中通过路由守卫,把当前的路由面包屑名称传到主应用中,主应用展示面包屑功能。这里也可以监听主应用的参数。原创 2024-04-19 09:07:39 · 1456 阅读 · 0 评论 -
自己动手封装axios通用方法并上传至私有npm仓库:详细步骤与实现指南
确定工具库的需求和功能:在开始构建工具库之前,你需要明确你的工具库需要包含哪些方法及工具,以及这些工具或方法应该具备哪些功能。配置npm源:在你的本地开发环境中,将npm的源配置为你的私有仓库地址。注意:如果你的npm仓库是私有的,你可能需要在package.json中添加一个publishConfig字段来指定你的私有仓库地址。编写文档和示例:为你的工具方法编写清晰的文档和示例,这有助于其他开发者理解和使用你的工具库。文档和示例:持续更新和维护你的文档和示例,以帮助其他开发者更好地理解和使用你的工具库。原创 2024-04-21 17:00:25 · 1925 阅读 · 0 评论 -
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键
使用代码风格检查工具:使用诸如 ESLint 等代码风格检查工具,可以规范代码的书写风格,提高代码的一致性和可读性。使用类型和错误检查工具:使用诸如 TypeScript、Flow 等类型检查工具和 ESLint 等错误检查工具,可以避免编码时出现类型和语法错误,用来提高代码质量和可维护性。进行代码复审和 code review:通过与团队成员进行代码复审和 code review,可以发现代码中存在的问题,提高代码的可读性和扩展性。单元测试和集成测试:通过编写单元测试和集成测试,可以检查代码是否符合原创 2024-07-01 09:11:20 · 1494 阅读 · 0 评论 -
一款基于分布式文件存储的数据库MongoDB的介绍及基本使用教程
MongoDB是一款基于分布式文件存储的数据库,由C++语言编写,旨在为WEB应用提供可扩展的高性能数据存储解决方案。它介于关系数据库和非关系数据库之间,支持的数据结构非常松散,类似json的bson格式,因此可以存储比较复杂的数据类型。MongoDB最大的特点是它支持的查询语言非常强大,其语法有点类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引。原创 2024-04-11 14:09:37 · 2696 阅读 · 0 评论 -
深入解析前端构建利器:webpack核心概念与基本功能全览
Webpack是一个前端构建工具,它主要用于将用户所写的所有代码,包括js、css、图片等所有格式的文件,打包成一个或多个bundle,供浏览器使用。它支持所有类型文件的打包,并具有分析、压缩和打包代码等功能。Webpack可以将项目中所有的依赖项,例如库、框架、资源文件等都作为模块来处理。原创 2023-06-14 17:04:49 · 124 阅读 · 0 评论 -
前端基于XLSX实现数据导出到Excel表格,以及提示“文件已经被损坏,无法打开”的解决方法
在这种方法中,前端发起一个请求到后端,后端生成Excel文件并返回给前端,前端再将文件下载到本地。注意,excel流文件一定要在请求的时候加上响应类型字段,也就是:responseType: 'blob’或者,responseType: ‘arraybuffer’ ,否则下载出来的excel文件就会损坏,就会打不开。具体操作:打开excel文件,点击页面上方的左侧“文件”,然后点击“更多”里面的“选项”;再点击“受保护的视图”,取消选择右侧面板里面的勾选,最后点击“确定”。去掉右侧的选项,点击确定。原创 2024-02-27 14:05:18 · 5396 阅读 · 0 评论 -
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
随着互联网的发展,Web应用程序越来越普及,但是Web安全问题也随之增加。前端开发者作为Web应用程序的构建者之一,需要了解和掌握Web安全的基本知识和解决方案。本文将介绍前端开发者必须知道的Web安全问题和防范措施。原创 2024-02-23 16:29:06 · 1843 阅读 · 0 评论 -
前端开发者必备:HTTP状态码含义与用途解析,常见错误码产生原因及解决策略
首先,HTTP 301状态码表示永久重定向,这意味着服务器将请求重定向到新的URL,并且这个重定向是永久的,即客户端的后续请求都会被重定向到新的URL。而HTTP 302状态码表示临时重定向,这意味着服务器将请求重定向到新的URL,但这个重定向是临时的,即客户端的后续请求可能不会被重定向到新的URL。HTTP 302状态码表示临时重定向,当一个客户端发起请求后,服务器返回302状态码,表示请求成功,但需要客户端进行重定向,即需要将请求重定向到另一个URL上去。如果URL不存在,需要修改客户端的请求URL。原创 2024-03-05 14:13:20 · 2025 阅读 · 0 评论 -
Nginx常用基本配置总结:从入门到实战的全方位指南
Nginx 是开源的轻量级 Web 服务器、反向代理服务器,以及负载均衡器和 HTTP 缓存器。其特点是高并发,高性能和低内存。Nginx 专为性能优化而开发,性能是其最重要的考量,实现上非常注重效率,能经受高负载的考验,最大能支持 50000 个并发连接数。Nginx 还支持热部署,它的使用特别容易,几乎可以做到 7x24 小时不间断运行。原创 2023-11-17 16:10:50 · 437 阅读 · 0 评论 -
git报错The project you were looking for could not be found 解决方式
The project you were looking for could not be found。你的账号没有项目的权限,你可以在浏览器输入你的项目地址,如果可以进入,则说明有权限;若不能进入,说明你没有该项目的权限。原创 2023-10-19 09:23:21 · 4594 阅读 · 0 评论