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

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言：判断是不是微信内，是微信内就用jsApi支付(屏蔽支付宝)，不是微信内就用H5支付此实例为vue2实例，需要vue3的宝子可以自行转换，流程上没啥区别 var ua = window.navigator.userAgent.toLowe 阅读全文

posted @ 2025-09-26 15:18 林恒阅读(39) 评论(0) 推荐(0)

记录---vue3项目实战打印、导出PDF

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 一维护模板 1 打印模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id" class="label-ite 阅读全文

posted @ 2025-09-19 17:09 林恒阅读(141) 评论(0) 推荐(0)

记录---Vue3对接UE，通过MQTT完成通讯

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 概述一个基于Vue3的实时视频流显示系统，主要用于连接和显示Unreal Engine (UE) 服务器的实时渲染内容。该页面集成了PixelStreaming技术和MQTT通信协议，提供了完整的视频流控制和交互功能。主要功能实时视频流显阅读全文

posted @ 2025-09-17 19:13 林恒阅读(53) 评论(0) 推荐(0)

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

摘要：

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

posted @ 2025-09-15 16:55 林恒阅读(136) 评论(0) 推荐(0)

记录---vue3打印解决方案：Vue-Plugin-HiPrint

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 Vue-Plugin-HiPrint 是一个Vue.js的插件，旨在提供一个简单而强大的打印解决方案。通过 Vue-Plugin-HiPrint，您可以轻松地在Vue.js应用程序中实现高度定制的打印功能。但是本文只简单介绍 Vue-Plugi 阅读全文

posted @ 2025-08-26 17:48 林恒阅读(604) 评论(0) 推荐(0)

记录---vue3项目实战打印、导出PDF

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 vue3项目实战打印、导出PDF 一维护模板 1 打印模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id 阅读全文

posted @ 2025-08-20 17:25 林恒阅读(155) 评论(0) 推荐(0)

记录---自动生成前端路由最佳实践

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 自动生成前端路由最佳实践概述本文档介绍如何使用 vite 和 vite-plugin-pages 在前端项目中自动生成前端路由，通过文件系统结构自动映射为路由配置，减少手动维护路由的工作量。安装必要依赖首先需要安装用于自动生成路由的插件阅读全文

posted @ 2025-08-18 17:25 林恒阅读(103) 评论(0) 推荐(1)

记录---为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。结果实际开发中你可能经历过以下崩溃三连：设置了 position: sticky; 阅读全文

posted @ 2025-08-14 16:46 林恒阅读(291) 评论(0) 推荐(0)

记录---高效前端开发：使用 unplugin-auto-import 实现依赖自动导入

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 unplugin-auto-import：为 Vite、Webpack、Rollup 设计的按需自动导入 API 的强大工具 🔍 开发痛点分析在日常前端开发中，我们经常遇到以下困扰：重复导入常用模块 - 如 dayjs、lodash 等工阅读全文

posted @ 2025-08-12 16:50 林恒阅读(186) 评论(0) 推荐(0)

记录---在Vue项目中启用HTTPS本地开发

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 现代前端开发中，启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器，使用mkcert工具生成可信证书，解决跨域问题并模拟真实生产环境。为什么需要HTTPS本地开发？使用浏览器新特性（如地理位置API）阅读全文

posted @ 2025-07-05 17:19 林恒阅读(308) 评论(0) 推荐(1)

前端实现数字验证码

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 该代码的主要功能是生成一个图形验证码，并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成，背景和文字颜色随机生成，且文字有一定的旋转角度，增加了识别的难度。核心逻辑： useImageVerify：这是一个Vue 3的Co 阅读全文

posted @ 2025-06-05 18:37 林恒阅读(174) 评论(1) 推荐(2)

记录---xx.d.ts文件有什么用，为什么不引入都能生效？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 背景简介在前端项目开发中，我们常常会遇到这样一种情况：项目中引入了某个第三方库，但它没有提供内置的 TypeScript 类型声明。此时，如果你在 TypeScript 项目中直接使用这个库，编译器就会报错。也许你很聪明，知道在项目中的sh 阅读全文

posted @ 2025-05-30 17:26 林恒阅读(244) 评论(0) 推荐(0)

B站首页的 Banner 这么好看，我让你直接用到你的项目！

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 写在前面我最开始是用 Angular 去实现了B站的 Banner ，那时候还没有人做这东西，可以看到下面那一长串 Bannet 图片的第一个图是好几年以前的了。然后随着逐步完善，在这几年偶尔也看到有人发过这东西的实现方法。但我为什么要写这阅读全文

posted @ 2025-05-28 16:34 林恒阅读(173) 评论(0) 推荐(0)

解构赋值的这几个"坑"，毁掉了多少程序员？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 解构赋值是 JavaScript 中最受欢迎的特性之一，它让数据提取变得简洁优雅。但看似简单的语法糖下，隐藏着十个高频「陷阱」。本文结合代码示例与原理分析，带你逐一避坑！一、解构未定义对象：空值引发的致命错误 ❌ 典型错误 javascrip 阅读全文

posted @ 2025-05-26 18:01 林恒阅读(211) 评论(0) 推荐(0)

优化用户体验：拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 需求首先列举一下需要拦截的行为，接下来我们逐个实现。浏览器前进后退标签页刷新和关闭路由跳转 1、拦截浏览器前进后退这里的实现是核心，涉及到大量 History API 的理解，如果不太了解可以先看一下这两个文章：拦截浏览器后退方法附阅读全文

posted @ 2025-05-22 16:23 林恒阅读(408) 评论(1) 推荐(1)

记录---前端图像五兄弟：网络 URL、Base64、Blob、ArrayBuffer、本地路径，全整明白！

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 你有没有在写前端的时候，突然迷糊了：为啥这张图片能直接 src="https://xxx.jpg" 就能展示？为啥有时候图片是乱七八糟的一串 Base64？有的还整出来个 Blob，看不懂但好像很高级？有时还来个 ArrayBuffer 阅读全文

posted @ 2025-05-19 17:21 林恒阅读(312) 评论(0) 推荐(0)

记录---前端动态导入（import.meta.glob）

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 以下详细介绍 import.meta.glob 的使用： 1. 参数详解 import.meta.glob( pattern, // 匹配模式：字符串或字符串数组 { eager?: boolean, // 是否同步导入 import?: st 阅读全文

posted @ 2025-05-16 17:17 林恒阅读(846) 评论(0) 推荐(1)

记录---前端怎么自动检测代码更新？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： “我已经发布新版本了，怎么用户还看到旧界面？” “为啥修复的 bug 还在？” 原因阅读全文

posted @ 2025-05-13 17:23 林恒阅读(207) 评论(0) 推荐(0)

记录---五分钟带你学会，同一个域名下，部署多个项目

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 需求描述在某些情况下，同一个域名下，要布置多个子项目比如公司没钱，资源紧张，域名少，域名临时没有申请下来，不够用等或者主项目下，要有其他子项目的时候这个时候，我们需要把子项目给做相应的修改同时，nginx做对应的修改，才能实现文章标题阅读全文

posted @ 2025-05-08 18:11 林恒阅读(319) 评论(0) 推荐(1)

记录---告别龟速删除！前端老司机教你秒删node_modules的黑科技

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 引言：每个前端的痛——node_modules删除噩梦 “npm install一时爽，删包火葬场。”这几乎是所有Node.js开发者都经历过的痛。尤其是当项目依赖复杂时，动辄几百MB甚至几个G的node_modules文件夹，手动删除时转圈圈阅读全文

posted @ 2025-04-15 18:32 林恒阅读(468) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告