高德地图-物流路线
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
有些时候我们的项目只使用原生一些内容是无法实现一些功能的,所以今天我带来了一个大家都熟悉的,也是生活中常见的一个功能,也就是大家在网购的时候,下单成功后就可以看到自己的订单,当然也可以查看物流信息,那么物流信息中有一个部分就是地图部分,这部分可以让用户看 ...
vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段
vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段。正常的表单场景是一个控件一个字段,那么配置起来非常任意,一个字段对应一个校验规则。当时某些复杂场景就不一样了,比如用户控件,有id/code/role等。比如范围日期选择,一个控件是对应2个字段的,开始日期和结束日期。这个时候就可以使用 rule 规则中 f ...
vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能
vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能;树结构默认是平级粘贴,可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴,需要注意树结构只支持 tree-config.transform 模式
https://vxetable.cn
可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴
<template>
<div>
...
基于PDF.js的安全PDF预览组件实现:从虚拟滚动到水印渲染
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
基于PDF.js的安全PDF预览组件实现:从虚拟滚动到水印渲染
本文将详细介绍如何基于Mozilla PDF.js实现一个功能完善、安全可靠的PDF预览组件,重点讲解虚拟滚动、双模式渲染、水印实现等核心技术。
前言
在Web应用中实现PDF预览功能是常见需求,尤其是在线教育、文档管理等场 ...
[vue3入门]HTML Learn Data Day 7
学习真的是一件很累的事情,更何况有这么多杂七杂八的事情
唉唉,莎了我吧
原文章地址:https://www.cnblogs.com/Reisentyan/p/19656869
Vue3 构建
Vue3 每一次构建新项目时,都会从 npm 上拉取模板。
在 VS Code 中按:
CTRL + ~
打开终端,然后输入:
npm create vite@latest vue -- --template vue-ts
解释一下这条命 ...
🔥 手把手教你实现前端邮件预览功能
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
你是否曾经想过,在浏览器中直接点击一个邮件附件,就能预览完整的邮件内容——包括发件人、收件人、抄送、正文甚至内嵌图片?
今天,我们要揭秘一个基于 Vue 3 和 Vant UI 的邮件预览上传组件,它不仅能上传 .eml 格式的邮件文件,还能在弹窗中完整渲染邮件内容,甚至支持附 ...
关于地图渲染加20w数据展示和地图动画怎么做
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
项目背景
公司需要将全年设备安装量通过旗帜的形式展示在全国地图上,实现数据可视化大屏。主要技术挑战:
数据量大:全年设备安装数据约20万条
实时更新:通过WebSocket实时接收数据
动画效果:需要展示数据逐条添加的动态效果
性能要求:需要保持60fps的流畅动画
一、初 ...
滴滴开源!一套轻量安全的问卷调研系统!
大家好,我是 Java陈序员。
之前给大家介绍了两款开源的问卷调查系统。
太卷了!这个考试系统不愧是“卷王”!
填鸭表单!开箱即用的开源问卷调查系统!
今天,再给大家安利一套轻量安全的问卷调研系统,由滴滴开源!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目 ...
微信H5 页面定位权限处理
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
适用场景:微信浏览器打开的 H5 页面,使用 common-bridge 调用定位。
现象: h5 通过微信打开,无论是ios还是安卓首次会弹出定位功能的授权,若用户选择不授权,定位授权的弹窗就后续没办法再弹出。
看了官方社区目前也没有给出解决方案
解决方案:如果用户 ...
前端大文件上传的另一种提速思路
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最近在重构项目里的大文件上传模块,本想着按常规方案实现:File API 切片、计算 Hash、封装一个带并发限制(通常习惯性设为 6)的请求池,最后调个 Merge 接口收尾。
这套方案可以说是前端圈处理大文件的标配了。但看着 Network 面板里稳步推进的进度条,我突然意识到一个经 ...
多租户系统框架的界面分析设计
在一个多租户系统下,包含有平台超级管理员、以及租户管理员,其他自定义租户角色等不同的角色身份,我们根据它们不同的身份,让他们各司其职,在系统中构建不同的数据维护、防护层级,从而能够让整个系统有效的运作起来,而不会造成破坏。
1、系统角色的用例分析
我们根据不同的角色身份来绘制它们的用例,对我们理解整个 ...
Three.js实现更真实的3D地球🌍动态昼夜交替
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
这一切始于一个偶然的发现。前几天笔者在应用商店闲逛时,被一款3D动态壁纸深深吸引——那颗在手机屏幕上缓缓旋转的地球,光影随着时间自然流转,从阳光灿烂的白昼到星光点点的黑夜,过渡得如此丝滑而真实。那一刻,我被这种将宇宙微观化的美感震撼了。
作为一名前端开发 ...
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
在使用 vxe-table 表格组件时,组件默认自动生成的行主键为字符串类型,但后端接口通常要求主键为数值(number)类型,直接提交会因数据类型不匹配导致接口报错。
有两种最优解决方案,支持局部配置和全局统一配置,彻底解决类型不兼容问题。
核心解决 ...
uni.request 二次封装分享
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
基于uni.request api进行二次封装
核心功能
响应内容格式和请求参数格式类型定义
请求拦截器与响应拦截器配置
设置请求头和params参数处理
加载提示与自定义提示文本
错误统一处理
接口缓存
取消请求功能
失败自动重试机制
并发请求控制
核心代码
// 响应内容 ...
前端 PDF 导出:从文件流下载到自动分页
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
在工作中,我们经常会遇到需要生成 PDF 的业务,比如合同、报告等。
前后端合作
对于前端来说,最省事的就是后端生成 PDF 文件,前端根据返回的 URL 地址进行下载。
URL 下载
如果后端直接返回一个可访问的 URL 地址,我们可以通过以下几种方式进行下载:
1. 使用 window.o ...
Vue<前端页面版本检测>
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
为什么需要版本检测
1. 解决浏览器缓存问题
静态资源缓存:浏览器会缓存 JS、CSS 等静态资源,用户可能继续使用旧版本
用户体验影响:用户无法及时获取新功能,导致功能缺失或操作异常
2. 保障功能一致性
功能同步:确保所有用户都能使用最新的功能和修复
数据一致性:避 ...
快速构建!一款兼具设计美学与高效开发的后台系统模版!
大家好,我是 Java陈序员。
做后台管理系统,最怕什么?怕从零搭框架、配路由、写表格、调样式...一周过去,真正的业务代码一行没写。更怕界面简陋、交互生硬,客户看了直摇头。
今天,给大家介绍一款开源的后台系统模板,兼具设计美学与高效开发!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200 ...
老板:能不能别手动复制路由了?我:写个脚本自动扫描
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
起因
周五快下班,老板过来看权限配置页面。
"这个每次都要手动输路径?"
"对,现在是这样。"我打开给他看:
角色:运营专员
路由路径:[手动输入] /user/list
组件路径:[手动输入] @/views/user/List.vue
"上次运营配错了,/user/list 写成 /user/lists,页面打不开找了 ...
vue3这些常见指令你封装了吗
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
vue3这些常见指令你封装了吗
👉指令搭建
vue3之中会有一些常见的指令操作,接下来我们就写一下,之前我们写了权限按钮,其实是类似的
指令的最主要文件如下,我们主要是主模块之中使用,其他的模块之中分割写好方法即可
指令主要文件
src%utils\directive\index.ts
import typ ...
uni-app使用瓦片实现离线地图的两种方案
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最近接到一个安卓App的活儿,虽然功能上不算复杂,但因为原本没怎么做过安卓端,所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~
uni-app实现离线地图主要用 leafletjs 实现,但是因为在安卓端运行,存在渲染问题,所以还要用上 renderjs。
实现方案一:web-view
因 ...