vue知识分享 - 随笔分类(第2页) - 林恒

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

Webpack 是如何工作的？

摘要：

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

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

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

摘要：

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

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

高德地图-物流路线

摘要：

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

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

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

摘要：

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

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

书架效果的实现

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 1. 对齐目标前端想实现一个类似的书架放置书籍的效果，目标如下： 2. 思路梳理我们使用的技术栈：vue 实现这样的一个效果，我们需要知道以下信息：每行可以放置多少书本？放下所有的书本需要多少行? 需要什么样的数据结构? 我们现在一个个阅读全文

posted @ 2026-02-09 17:21 林恒阅读(70) 评论(0) 推荐(0)

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

摘要：

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

posted @ 2026-02-08 11:09 林恒阅读(58) 评论(0) 推荐(0)

面试官：如何解决按钮重复点击？这个问题挂了80%的人！

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。 "你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。 "这个简单，使用防抖就可以了。"他很快回答。然而，当我继续追问细节时，他却陷入了沉思阅读全文

posted @ 2026-02-06 11:05 林恒阅读(100) 评论(0) 推荐(0)

这 5 个冷门的 HTML 标签，能让你少写 100 行 JS

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 大家好!😁。 Code Review 的时候，我最怕看到什么？不是复杂的算法，也不是什么正则。而是明明一个 HTML 标签就能搞定的事，有人非要写几百行 JS + CSS 去重新发明轮子。前几天，我看到一个新同学为了写一个折叠面板（Ac 阅读全文

posted @ 2026-02-05 12:30 林恒阅读(105) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告