JS-前端埋点神器 navigator.sendBeacon 全指南
写在开头 点赞 + 收藏 学会 前言 在前端开发中,埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时,向服务器发送最后一条统计数据(比如用户停留时长、页面跳出率)。 但这看似简单的需求,在实现时却危机四伏:请求发不出去?页面跳转卡顿?今天我们就来聊聊这个 ...
AI 驱动!一款开源可自部署的个人卡片式笔记工具!
blinko —— 一款开源、可自部署的个人 AI 卡片式笔记工具,不仅完美支持 Markdown, 而且集成了 AI 驱动的智能搜索,让你轻松管理碎片化思维,构建完全属于自己的私有知识库。 ...
Vue<前端页面版本检测>
写在开头 点赞 + 收藏 学会 为什么需要版本检测 1. 解决浏览器缓存问题 静态资源缓存:浏览器会缓存 JS、CSS 等静态资源,用户可能继续使用旧版本 用户体验影响:用户无法及时获取新功能,导致功能缺失或操作异常 2. 保障功能一致性 功能同步:确保所有用户都能使用最新的 ...
快速构建!一款兼具设计美学与高效开发的后台系统模版!
art-design-pro —— 一款基于 ElementPlus 设计,专注于用户体验和快速开发的开源后台管理解决方案,提供美观、实用的前端界面,帮助你轻松构建高质量的后台系统。 ...
为什么禁止我请求别的网站的接口?——跨域与CORS
写在开头 点赞 + 收藏 学会 你有没有遇到过这种情况:在自己的网页上想请求别人的API,结果浏览器直接报错:Access-Control-Allow-Origin' header is missing。为什么浏览器要阻止你?服务器不响应不就完了吗? 今天,用小区门禁的故事, ...
老板:能不能别手动复制路由了?我:写个脚本自动扫描
写在开头 点赞 + 收藏 学会 起因 周五快下班,老板过来看权限配置页面。 "这个每次都要手动输路径?" "对,现在是这样。"我打开给他看: 角色:运营专员 路由路径:[手动输入] /user/list 组件路径:[手动输入] @/views/user/List.vue "上 ...
vue3这些常见指令你封装了吗
写在开头 点赞 + 收藏 学会 vue3这些常见指令你封装了吗 指令搭建 vue3之中会有一些常见的指令操作,接下来我们就写一下,之前我们写了权限按钮,其实是类似的 指令的最主要文件如下,我们主要是主模块之中使用,其他的模块之中分割写好方法即可 指令主要文件 src\ut ...
React 技术深度探讨
聊React之前,先说个事实:它不是最年轻的框架,也不是概念最创新的那个。但它赢了。 赢在生态,赢在社区,赢在"一旦用顺了就很难换"的惯性。本文不吹不黑,客观聊聊React的核心逻辑、实际现状,以及值不值得继续押注。 一、核心概念:理解React的设计哲学 Virtual DOM:快是表象,稳才是本 ...
前端大屏适配方案:rem、vw/vh、scale 到底选哪个?
写在开头 点赞 + 收藏 学会 上周帮朋友救火一个数据大屏项目,甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案,结果两边各留了一大片黑边,甲方当场黑脸。 这事儿让我决定把大屏适配这个"老生常 ...
跨全平台!一款免费开源的电子书阅读器!
Readest —— 一款免费开源的 EPUB 和 PDF 电子书阅读器,支持在 macOS、Windows、Linux、Android、iOS 和 Web 上享受高亮标注、笔记、分屏阅读等功能。 ...
uni-app使用瓦片实现离线地图的两种方案
写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿,虽然功能上不算复杂,但因为原本没怎么做过安卓端,所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现,但是因为在安卓端运行,存在渲染问题,所以还要用上 ...
为什么全国人民都能秒开同一个视频?
写在开头 点赞 + 收藏 学会 为什么你在北京打开一个视频,加载只要1秒?你的朋友在新疆,打开同一个视频,也是1秒?服务器难道全国各地都放了? 今天,用**"快递"**的故事,来讲讲CDN的原理。 没有CDN时,网络请求是怎么跑的? 你在北京,想从上海寄一箱苹果。 没有CDN ...
Vue 表格组件 vxe-table 灵活导出指定数据的 CSV 文件的用法
在实际业务开发中,表格数据导出是高频需求。大多数场景下,我们导出的是表格当前展示的数据,但有时业务需要导出特定的数据集(如:筛选后的结果、选中的数据、或后端返回的原始数据)。本文将基于 vxe-table 组件,介绍如何通过 exportData 方法实现指定数据导出,并提供多种实用场景的解决方案。 ...
Vue 甘特图组件 vxe-gantt 如何精准定位到行、列与任务视图
Vue 甘特图组件 vxe-gantt 如何精准定位到行、列与任务视图 在项目管理系统中,甘特图是展示任务时间线的重要工具。当项目数据量庞大时,手动滚动查找特定任务或日期列会非常低效。vxe-gantt 组件提供了 scrollToRow、scrollToColumn 和 scrollToTaskV ...
0.1加0.2为什么不等于0.3
写在开头 点赞 + 收藏 学会 0.1 + 0.2 为什么不等于 0.3?答不上来的都挂了 这个问题你可能在面试、线上 Bug、甚至随手写 Demo 的时候都见过: console.log(0.1 + 0.2 0.3); // false 很多人第一反应是“浮点数精度问题”, ...
效率工具推荐!一款开源免费的代办管理工具!
super-productivity —— 一款高级待办事项应用,具备时间盒和时间跟踪功能,支持从日历、Jira、GitHub 等导入任务。 ...
Vue3 + Vite项目实战:从零搭建企业级前端架构
前言 Vue3已经正式发布,成为前端开发的主流框架。结合Vite构建工具,开发体验大幅提升。本文从零搭建一个企业级Vue3项目,包含路由、状态管理、API封装、权限控制等核心模块。 一、环境准备 # Node.js >= 16 node -v # 创建项目 npm create vite@lates ...
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
写在开头 点赞 + 收藏 学会 场景 在单页面应用(SPA)项目中,有一个问题非常常见,但又经常被低估:系统明明已经发布了新版本,部分用户却依然停留在旧页面中继续操作。 大多数时候,这种状态并不会立刻出问题,所以团队往往不太在意。但一旦用户继续进行路由跳转、访问懒加载页面,或 ...
vue甘特图vxe-gantt实现点击任务条弹出编辑表单
基于 vxe-gantt 实现任务条点击编辑表单 在项目管理中,甘特图是展示任务进度的核心组件。本文将介绍如何使用 vxe-gantt 组件实现点击任务条弹出编辑表单的功能,支持对任务的名称、时间、进度、负责人、图片附件等信息进行编辑。 效果 点击甘特图中的任意任务条,系统会弹出模态框,展示当前任务 ...


