前端不端钱-CSDN博客

原创前端：HTTP 请求能传多大数据？

本文探讨了前端HTTP请求传输数据的限制问题。从HTTP请求组成（请求行、请求头、请求体）入手，分析了实际限制来源：浏览器对URL长度的限制（GET请求约8KB）、服务器配置（如Nginx默认1MB）、网络中间层等。对比了GET和POST请求的传输能力，指出POST更适合大数据传输但需注意服务器配置。通过真实案例说明如何调整后端设置（如Express的JSON limit）以适应不同数据量需求。建议大数据传输时采用压缩、分片或文件上传方案，并提前与后端确认服务配置。文章提供了Nginx和Express的具体

2025-08-13 08:48:36 1576

原创前端开发者必备：地图坐标系完全解析与转换指南

前端地图开发中常遇到定位偏差问题，主要源于GPS使用的WGS84坐标系与中国地图服务采用的GCJ02/BD09加密坐标系差异。本文解析了三种坐标系的特性：WGS84是国际标准，GCJ02（火星坐标系）加入国家加密，BD09则在此基础上叠加百度特有偏移。为解决转换问题，推荐使用coordtransform等成熟库实现坐标互转，并提供了核心算法示例。开发者需根据数据来源选择正确转换方式，避免因坐标系混淆导致的定位误差（通常偏差100-300米）。文章还比较了前后端转换的适用场景，为地图集成提供了实用解决方案。

2025-07-23 21:34:09 1085

原创 Vue实现一个“液态玻璃”效果登录卡片

使用Vue实现具有现代感的"液态玻璃"效果登录卡片。通过多层叠加技术（模糊层、色调层、高光层）和SVG滤镜模拟玻璃质感，配合3D动态倾斜交互效果，使卡片随鼠标移动产生灵动的视觉反馈。文章详细解析了实现步骤，包括结构搭建、SVG滤镜应用、CSS分层设计以及JS交互逻辑，并提供了完整代码示例和优化建议。这种高端UI效果结合了视觉美感和交互体验，适合应用在需要提升质感的登录界面等场景。

2025-06-16 08:50:17 1017

原创 vue-quill-editor富文本编辑器：自定义图片/视频上传以及监听图片粘贴自动上传

vue-quill-editor富文本编辑器：自定义图片/视频上传以及监听图片粘贴自动上传。基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。

2024-12-17 20:52:23 1726

原创 element-UI封装某一具体日期和时间范围选择器

代码实现参考原文章：https://blog.csdn.net/weixin_43493113/article/details/131080084?项目开发遇到了需要选择某一个日期的某一个时间段，例如：上门取件时间之类的，某一时间段，所以封装一个时间选择组件。

2024-09-30 23:18:56 733 1

原创 ElementUI的table组件实现多级树形结构的双向全选、半选和取消功能

实现内容思路大致与参考博文一致，在原文基础上修改为不需要手动设置parentId,自动格式化生成，以及简化层级判断等各个函数的代码逻辑，优化代码效率，实现效果还算不错，仍然有一些问题，通过table组件的事件去获取当前选中数组时，会多次触发。使用建议是提取一个公共的mixin来导入到需要的表格组件使用。有更好的解决方案希望大家在评论区留言指正。

2024-06-23 19:45:10 2931 6

原创 vue子组件修改props报错： [Vue warn]: ’Avoid mutating a prop directly since the value will be …‘解决方法

Vue 的数据绑定机制遵循单向数据流的原则，这意味着数据的流动是单向的，从父组件流向子组件。vue.runtime.esm.js：4448 [Vue 警告]：避免直接改变 prop，因为每当父组件重新渲染时，该值都会被覆盖。：在 Vue 组件中，父组件可以通过 props 将数据传递给子组件。子组件不能直接修改通过 props 接收到的 props 数据，但可以将 props 数据复制到自己的 data 中，然后进行修改。）将数据变化通知给父组件。事件给父组件，去修改父组件的值i，从而不会打破单向数据流。

2024-06-22 13:12:48 7186

原创 HTML的转义字符和XML的实体字符

HTML 和 XML 中的转义字符和实体字符非常重要，用于在标记语言中表示特定的字符，这些字符在直接书写时可能会导致解析错误或与语法相冲突。会被认为是标签的开始，而不是普通字符。：在嵌入代码或数据时，如在 HTML 中嵌入 JavaScript 代码片段，使用转义字符可以避免因特殊字符引起的语法冲突。：使用实体字符可以提高代码的可读性和可维护性，实体字符使得代码更加清晰易读，特别是在查看源代码时，可以明确这些符号的意图。HTML 中的转义字符主要用于表示那些在 HTML 语法中具有特殊含义的字符，如。

2024-06-19 00:04:59 862

原创 el-table展开行主副表正反选联动

以上就是最终实现的方法，代码还有不少可以优化的地方，可以更精简的判断选中，以及更简单的操作表格的选中等，以及选中主表，子表自动展开这个操作是否合理，以及子表全部取消选中，主表状态的切换，目前也只是很粗暴的操作类名去改变样式，思路是大概没问题，实现还有可以优化，有精力的伙伴们可以去优化，可以在评论提醒我去学习，没精力去优化，着急解决问题，把效果做出来的伙伴们，直接复制去用应该也能解决问题。操作到子表，进行选中。主表的选中有一个注意的点，也是参考的几个文章都有的bug，就是当子表没展开时，获取子表的。

2024-06-15 16:26:31 1580 2

前端不端钱的博客