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

摘要：

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

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

Webpack 是如何工作的？

摘要：

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

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

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

摘要：

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

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

高德地图-物流路线

摘要：

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

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

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

摘要：

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

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

书架效果的实现

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

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

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

Vue 中的 deep、v-deep 和 >>> 有什么区别？什么时候该用？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 “你用 Element Plus 写了个按钮，想改下 hover 颜色，结果死活不生效！最后查了半天，发现得加个 :deep() 才行” 其实，这是 Vue 中一个非常常见的坑：样式作用域冲突。那为什么用 UI 库时，加上 :deep()、:: 阅读全文

posted @ 2026-02-03 11:03 林恒阅读(120) 评论(0) 推荐(0)

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

摘要：

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

posted @ 2026-01-31 17:55 林恒阅读(219) 评论(0) 推荐(0)

甲方嫌弃，项目首页加载太慢

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 有一天，甲方打开一个后台管理的项目，说有点卡，不太满意，项目经理叫我优化，重新打包一下。从输入地址到展示首屏，最佳时间在 3秒内，否则，甲方挂脸，咱就有可能有被裁的风险，understand? 废话不多说，先来看一下怎么个优化法吧。优阅读全文

posted @ 2026-01-28 14:49 林恒阅读(119) 评论(0) 推荐(0)

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

摘要：

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

posted @ 2026-01-26 09:45 林恒阅读(78) 评论(0) 推荐(0)

async/await 到底要不要加 try catch？我来给你整明白！

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言现在写异步代码，基本上就是 Promise 和 async/await 两种写法。虽然这俩都能干同样的活，但 async/await 写起来更像同步代码，读起来更顺眼，所以很多人都说它是"异步编程的终极方案"。不过有个问题挺让人纠结的：阅读全文

posted @ 2026-01-24 10:38 林恒阅读(137) 评论(0) 推荐(0)

前端拖拽，看似简单，其实处处是坑

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 拖拽功能是前端开发里最常见的交互之一：从百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。很多人会觉得——拖拽不就是 mousedown + mousemove + mouseup 吗？三行代码就能搞定！但当你真正落地到阅读全文

posted @ 2026-01-22 09:54 林恒阅读(202) 评论(0) 推荐(0)

用户 Token 到底该存哪？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。这个回答不能说错，但远称不上好答案。一个好答案，至少要说清三件事：有哪些常见存储方式，它们的优缺点是什么为什么大部分团队会从 localStorag 阅读全文

posted @ 2026-01-18 17:43 林恒阅读(164) 评论(0) 推荐(0)

这 10 个 Vue3 性能优化技巧很实用，但很多项目都没用上

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 今天来分享 10 个 Vue3 的性能优化技巧。核心原则：减少不必要的响应式追踪避免无谓的 DOM 操作按需加载资源咱也不要为了优化而优化！小项目用默认写法完全没问题，优化应在性能瓶颈出现后进行。这些技巧不难，但都非常关键。看完你阅读全文

posted @ 2026-01-17 12:57 林恒阅读(209) 评论(0) 推荐(1)

前端 HTML 转 PDF

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前端 HTML 转 PDF 的工具函数，核心作用是：把网页中指定 ID 的 DOM 元素（比如表格、报表、表单等），通过 html2canvas 和 jspdf 两个库转换成 PDF 文件并下载到本地。简单说：它能让用户 “一键下载” 网页上阅读全文

posted @ 2026-01-16 17:40 林恒阅读(178) 评论(0) 推荐(0)

拒绝 rem 计算！Vue3 大屏适配，我是这样做的

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。拿到设计稿的那一刻，我的内心是拒绝的... 🤯 大家都知道，做大屏适配最烦的就是还原设计稿坐标。以前我尝试过各种方案： rem / vw: 每一个 px 都要转阅读全文

posted @ 2026-01-13 09:49 林恒阅读(190) 评论(0) 推荐(1)

Vue开发三年，我才发现依赖注入的TypeScript正确打开方式

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 你是不是也遇到过这样的场景？在Vue项目里，为了跨组件传递数据，你用provide和inject写了一套祖孙通信逻辑。代码跑起来没问题，但TypeScript编辑器总给你画红线，要么是“类型any警告”，要么就是“属性不存在”的错误提示。你阅读全文

posted @ 2026-01-12 09:37 林恒阅读(104) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告