vue知识分享 - 随笔分类 - 林恒

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在工作中，我们经常会遇到需要生成 PDF 的业务，比如合同、报告等。前后端合作对于前端来说，最省事的就是后端生成 PDF 文件，前端根据返回的 URL 地址进行下载。 URL 下载如果后端直接返回一个可访问的 URL 地址，我们可以通过以阅读全文

posted @ 2026-04-16 13:46 林恒阅读(23) 评论(0) 推荐(0)

先免费试用下Claude code安装使用（教程）

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 2026年了，如果还不会使用一款AI编程工具，未来将会越来越难行。今天我们先来使用一个终端编程比较火的工具：Claude code 一、安装 1、nodejs安装如果你本地没有node环境，是需要先安装node的，node版本至少要18.0 阅读全文

posted @ 2026-04-14 14:38 林恒阅读(79) 评论(0) 推荐(0)

Vue<前端页面版本检测>

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 为什么需要版本检测 1. 解决浏览器缓存问题静态资源缓存：浏览器会缓存 JS、CSS 等静态资源，用户可能继续使用旧版本用户体验影响：用户无法及时获取新功能，导致功能缺失或操作异常 2. 保障功能一致性功能同步：确保所有用户都能使用最新的阅读全文

posted @ 2026-04-10 10:19 林恒阅读(21) 评论(0) 推荐(0)

老板：能不能别手动复制路由了？我：写个脚本自动扫描

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 起因周五快下班，老板过来看权限配置页面。 "这个每次都要手动输路径？" "对，现在是这样。"我打开给他看：角色：运营专员路由路径：[手动输入] /user/list 组件路径：[手动输入] @/views/user/List.vue "上阅读全文

posted @ 2026-04-08 12:59 林恒阅读(18) 评论(0) 推荐(0)

vue3这些常见指令你封装了吗

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 vue3这些常见指令你封装了吗 👉指令搭建 vue3之中会有一些常见的指令操作，接下来我们就写一下,之前我们写了权限按钮，其实是类似的指令的最主要文件如下，我们主要是主模块之中使用，其他的模块之中分割写好方法即可指令主要文件 src\ut 阅读全文

posted @ 2026-04-07 10:45 林恒阅读(26) 评论(0) 推荐(0)

uni-app使用瓦片实现离线地图的两种方案

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最近接到一个安卓App的活儿，虽然功能上不算复杂，但因为原本没怎么做过安卓端，所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现，但是因为在安卓端运行，存在渲染问题，所以还要用上阅读全文

posted @ 2026-04-01 12:26 林恒阅读(33) 评论(0) 推荐(0)

前端发版后页面白屏？一套解决用户停留旧页面问题的完整方案

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 场景在单页面应用（SPA）项目中，有一个问题非常常见，但又经常被低估：系统明明已经发布了新版本，部分用户却依然停留在旧页面中继续操作。大多数时候，这种状态并不会立刻出问题，所以团队往往不太在意。但一旦用户继续进行路由跳转、访问懒加载页面，或阅读全文

posted @ 2026-03-27 16:03 林恒阅读(34) 评论(0) 推荐(0)

关于地图渲染加20w数据展示和地图动画怎么做

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前端性能优化实战：ECharts地图渲染12万+数据动态动画方案本文记录了在实际项目中，使用ECharts地图组件渲染12万+设备安装数据的性能优化实战经验，包含完整的技术方案和代码实现。项目背景公司需要将全年设备安装量通过旗帜的形式展示阅读全文

posted @ 2026-03-26 15:49 林恒阅读(24) 评论(0) 推荐(0)

字体与打印：前端开发最常见的三个“为什么”

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 ”浏览器屏幕上看的好好的，为什么打印出来就变了？” 这句话几乎每个做过打印需求的前端开发者都说过。字体被替换、字号失控、图标变方框，这些问题看似玄学，背后却有清晰的技术原因。本文将从打印需求中常遇到的三个问题来解释其背后的原理和对应的解决方法。阅读全文

posted @ 2026-03-19 14:09 林恒阅读(59) 评论(0) 推荐(0)

🔥 手把手教你实现前端邮件预览功能

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 你是否曾经想过，在浏览器中直接点击一个邮件附件，就能预览完整的邮件内容——包括发件人、收件人、抄送、正文甚至内嵌图片？今天，我们要揭秘一个基于 Vue 3 和 Vant UI 的邮件预览上传组件，它不仅能上传 .eml 格式的邮件文件，还能在阅读全文

posted @ 2026-03-17 16:13 林恒阅读(45) 评论(0) 推荐(0)

不是有video标签吗？为什么还需要视频播放器？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 这是一个非常好的问题！确实，HTML5 提供了原生的 <video> 标签，理论上可以直接播放视频，但为什么在实际项目中我们常常还会使用 Video.js、Plyr、hls.js 等“视频播放器”库呢？原因如下：一、原生 <video> 的局阅读全文

posted @ 2026-03-13 17:06 林恒阅读(53) 评论(0) 推荐(0)

告别满屏 v-if：用一个自定义指令搞定 Vue 前端权限控制

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在企业级应用开发中，权限控制是一个绑不开的话题。前端权限控制虽然不能替代后端校验，但能极大提升用户体验——让用户只看到自己能操作的内容，避免无效点击和困惑。本文将分享一个 Vue 2 自定义指令的设计思路，实现了声明式的权限控制方案。设计目阅读全文

posted @ 2026-03-12 16:56 林恒阅读(56) 评论(0) 推荐(0)

用好了 defineProps 才叫会用 Vue3，90% 的写法都错了

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 props: {} 拿出来“提前声明”，并没有真阅读全文

posted @ 2026-03-11 10:50 林恒阅读(43) 评论(0) 推荐(0)

关于地图渲染加20w数据展示和地图动画怎么做

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 项目背景公司需要将全年设备安装量通过旗帜的形式展示在全国地图上，实现数据可视化大屏。主要技术挑战：数据量大：全年设备安装数据约20万条实时更新：通过WebSocket实时接收数据动画效果：需要展示数据逐条添加的动态效果性能要求：需要保阅读全文

posted @ 2026-03-09 15:57 林恒阅读(44) 评论(0) 推荐(0)

Vue 表单避坑：为什么 v-model 绑定对象属性会偷偷修改父组件数据？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 场景引入在 Vue 项目里，表单组件几乎无处不在。为了提高复用性，我们常常会把一堆输入框封装成一个“大表单组件”，然后通过 v-model 直接绑定一个对象给外部组件：  <script setup> impo 阅读全文

posted @ 2026-03-07 12:56 林恒阅读(32) 评论(0) 推荐(0)

Vue 3 组件通信的 4 种正确姿势

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 上个月，我们重构一个老项目，发现一个“祖传组件”：父组件传 props 给子组件子组件再传给孙子孙子改了个状态，通过 $emit 一层层往上抛中间任意一层改名，整条链就断了…… 同事苦笑：“这哪是组件通信，这是传话游戏。” 其实，Vue 阅读全文

posted @ 2026-03-04 14:46 林恒阅读(74) 评论(0) 推荐(0)

Webpack 是如何工作的？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 这是一个极简版的 Webpack 打包原理演示。为了让你一眼看懂，我去掉了所有复杂的缓存检查、异步加载和辅助函数，只保留最核心的 “模块注册表” 和 “require 函数” 。 🎯 核心逻辑：Webpack 是如何工作的？ Webpack 阅读全文

posted @ 2026-02-26 14:00 林恒阅读(22) 评论(0) 推荐(0)

HTML5 自定义属性 data-*：别再把数据塞进 class 里了！

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言：由于“无处安放”而引发的混乱在 HTML5 普及之前，前端开发者为了在 DOM 元素上绑定一些数据（比如用户 ID、商品价格、状态码），可谓是八仙过海，各显神通：隐藏域流派：到处塞 <input type="hidden" value 阅读全文

posted @ 2026-02-24 13:38 林恒阅读(79) 评论(0) 推荐(0)

高德地图-物流路线

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 有些时候我们的项目只使用原生一些内容是无法实现一些功能的，所以今天我带来了一个大家都熟悉的，也是生活中常见的一个功能，也就是大家在网购的时候，下单成功后就可以看到自己的订单，当然也可以查看物流信息，那么物流信息中有一个部分就是地图部分，这部分可阅读全文

posted @ 2026-02-11 14:53 林恒阅读(79) 评论(0) 推荐(0)

基于PDF.js的安全PDF预览组件实现：从虚拟滚动到水印渲染

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 基于PDF.js的安全PDF预览组件实现：从虚拟滚动到水印渲染本文将详细介绍如何基于Mozilla PDF.js实现一个功能完善、安全可靠的PDF预览组件，重点讲解虚拟滚动、双模式渲染、水印实现等核心技术。前言在Web应用中实现PDF预览阅读全文

posted @ 2026-02-10 11:52 林恒阅读(156) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告