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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

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

摘要：

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

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

记录---纯前端实现分享短链接

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 背景线上的一个项目因为嵌套路由过深，客户觉得复制分享的链接地址太长，所以需要增加一个分享短链接的功能。方案在网上搜索短链接跳转的方法大部分都是使用node服务实现的。虽然实现并不复杂，但是考虑到多维护一个服务就多一份加班的可能性。我还是阅读全文

posted @ 2025-04-11 16:50 林恒阅读(127) 评论(0) 推荐(0)

记录---模仿 SU7 网页特效实现3D旋转地球

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 随着小米 SU7 的发布，不少网友发现了一个小米su7的展示网页，那是相当的酷炫：当你体验一遍后，会看到各种炫酷的效果包括隧道穿梭、波浪动画等，并且还有些细节也值得注意，如地面的反射效果。原网页：gamemcu.com/su7/ 那么这个阅读全文

posted @ 2025-04-02 16:53 林恒阅读(219) 评论(0) 推荐(1)

记录---vue播放海康视频.首屏加载多个窗口

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最近vue接入海康监控画面,需要首屏展示9个窗口,于是就去下载官方demo,经过两天半的努力,也是成功完成! **首先:下载开发包open.hikvision.com/download/5c… 我用的是3.3 然后里面自带demo文件,先安装这阅读全文

posted @ 2025-03-25 17:22 林恒阅读(221) 评论(0) 推荐(2)

记录---前端国际化终极方案——全自动翻译国际化

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最新国际化插件更强大的国际化插件：支持有道翻译，谷歌翻译及自定义翻译器。支持所有编译成js的前端框架。支持webpack，vite以及rollup。链接：前端全场景国际化插件 auto-i18n-translation-plugins 阅读全文

posted @ 2025-03-18 16:58 林恒阅读(331) 评论(0) 推荐(0)

记录---如何强制用户看完广告？

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 场景 web端有这样一种场景，广告方投放了一些广告，并要求用户停留在当前页面一定时间（例如看完一段30秒的广告）才能收到活动奖励。用户可能会打开广告后切到其他tab页或者最小化当前页面，去做自己的事情，如何强制用户停留在当前页面，看完广告？阅读全文

posted @ 2025-03-14 17:05 林恒阅读(86) 评论(0) 推荐(0)

记录---前端实现水印功能

摘要：

🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前段时间突然接到一个需求，项目中要实现特定水印功能，不同的用户查看时展示用户特有的水印，这样可以在资源外流的时候追究到责任人。查找搜集了很多方法，有通过CSS伪元素添加水印的、还可以使用CSS重复背景图片、还有使用svg的，最后综合考虑了下，阅读全文

posted @ 2025-03-10 17:10 林恒阅读(113) 评论(0) 推荐(1)

记录---一个网页打造自己的天气预报

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 概念解释通过数据接口，简化功能开发。天气数据从哪里来？如果是自己采集，不光要写后端代码，最难的是维护啊，所以必须《天气预报》此类APP特别适合前后端分离的，以下用一个简单的例子快速打通前后端的调用前端使用HTML页面，通过JS的Fetch发阅读全文

posted @ 2025-03-07 16:56 林恒阅读(206) 评论(0) 推荐(0)

记录---看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最近AI概念很火，我也在用。今儿实习的一位兄弟来问：他想对接一个"千帆大模型"，但是以前没看过，文档太多了。很麻烦。虽然官方也有文档，不过确实，那个文档比较适合工作一段时间以后的同学看，对新手不太友好。毕竟光创建=>对接一个流程需要几个页面几阅读全文

posted @ 2025-03-05 17:20 林恒阅读(80) 评论(0) 推荐(0)

记录---纯前端也能实现 OCR？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言前端时间有一个 OCR 的需求，原本考虑调用现成的 OCR 接口，但由于只是做一个我个人使用的工具，花钱购买 OCR 接口显得有些奢侈。于是就想着找找是否有现成的库可以自己部署或直接使用，结果发现了一个可以在纯前端实现 OCR 的库——T 阅读全文

posted @ 2025-03-03 16:55 林恒阅读(262) 评论(0) 推荐(1)

记录---Vue的scoped原理是什么？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言还记得几年前我去找前端工作的时候，那时候才初入职场，有一次去面试，然后被面试官问过一个面试题，Vue中Scoped的原理是什么？幸好当时八股文面试题背的很多，我当时就说是在选择器加了一个唯一的属性实现的，那时候很慌，就怕他继续追问，在追问阅读全文

posted @ 2025-02-24 18:04 林恒阅读(135) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告