随笔分类 -  vue知识分享

1 2 3 4 5 ··· 9 下一页
分享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)
摘要:解构赋值的这几个&quot;坑&quot;,毁掉了多少程序员?🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 解构赋值是 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概念很火,我也在用。今儿实习的一位兄弟来问:他想对接一个"千帆大模型",但是以前没看过,文档太多了。很麻烦。 虽然官方也有文档,不过确实,那个文档比较适合工作一段时间以后的同学看,对新手不太友好。毕竟光创建=>对接一个流程需要几个页面几 阅读全文
posted @ 2025-03-05 17:20 林恒 阅读(80) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 前端时间有一个 OCR 的需求,原本考虑调用现成的 OCR 接口,但由于只是做一个我个人使用的工具,花钱购买 OCR 接口显得有些奢侈。于是就想着找找是否有现成的库可以自己部署或直接使用,结果发现了一个可以在纯前端实现 OCR 的库——T 阅读全文
posted @ 2025-03-03 16:55 林恒 阅读(262) 评论(0) 推荐(1)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 还记得几年前我去找前端工作的时候,那时候才初入职场,有一次去面试,然后被面试官问过一个面试题,Vue中Scoped的原理是什么?幸好当时八股文面试题背的很多,我当时就说是在选择器加了一个唯一的属性实现的,那时候很慌,就怕他继续追问,在追问 阅读全文
posted @ 2025-02-24 18:04 林恒 阅读(135) 评论(0) 推荐(0)

1 2 3 4 5 ··· 9 下一页