随笔分类 -  vue知识分享

上一页 1 2 3 4 5 6 ··· 10 下一页
分享vue在开发中碰到的问题及一些操作流程
摘要:记录---纯前端实现分享短链接🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 背景 线上的一个项目因为嵌套路由过深,客户觉得复制分享的链接地址太长,所以需要增加一个分享短链接的功能。 方案 在网上搜索短链接跳转的方法大部分都是使用node服务实现的。 虽然实现并不复杂,但是考虑到多维护一个服务就多一份加班的可能性。我还是 阅读全文
posted @ 2025-04-11 16:50 林恒 阅读(206) 评论(0) 推荐(0)
摘要:记录---模仿 SU7 网页特效 实现3D旋转地球🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 随着小米 SU7 的发布,不少网友发现了一个小米su7的展示网页,那是相当的酷炫: 当你体验一遍后,会看到各种炫酷的效果 包括隧道穿梭、波浪动画等,并且还有些细节也值得注意,如地面的反射效果。 原网页:gamemcu.com/su7/ 那么这个 阅读全文
posted @ 2025-04-02 16:53 林恒 阅读(346) 评论(0) 推荐(1)
摘要:记录---vue播放海康视频.首屏加载多个窗口🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 最近vue接入海康监控画面,需要首屏展示9个窗口,于是就去下载官方demo,经过两天半的努力,也是成功完成! **首先:下载开发包open.hikvision.com/download/5c… 我用的是3.3 然后里面自带demo文件,先安装这 阅读全文
posted @ 2025-03-25 17:22 林恒 阅读(537) 评论(0) 推荐(2)
摘要:记录---前端国际化终极方案——全自动翻译国际化🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 最新国际化插件 更强大的国际化插件: 支持有道翻译,谷歌翻译及自定义翻译器。 支持所有编译成js的前端框架。 支持webpack,vite以及rollup。 链接:前端全场景国际化插件 auto-i18n-translation-plugins 阅读全文
posted @ 2025-03-18 16:58 林恒 阅读(665) 评论(0) 推荐(0)
摘要:记录---如何强制用户看完广告?🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 场景 web端有这样一种场景,广告方投放了一些广告,并要求用户停留在当前页面一定时间(例如看完一段30秒的广告)才能收到活动奖励。 用户可能会打开广告后切到其他tab页或者最小化当前页面,去做自己的事情,如何强制用户停留在当前页面,看完广告? 阅读全文
posted @ 2025-03-14 17:05 林恒 阅读(176) 评论(0) 推荐(1)
摘要:记录---前端实现水印功能🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前段时间突然接到一个需求,项目中要实现特定水印功能,不同的用户查看时展示用户特有的水印,这样可以在资源外流的时候追究到责任人。 查找搜集了很多方法,有通过CSS伪元素添加水印的、还可以使用CSS重复背景图片、还有使用svg的,最后综合考虑了下, 阅读全文
posted @ 2025-03-10 17:10 林恒 阅读(189) 评论(0) 推荐(1)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 概念解释 通过数据接口,简化功能开发。天气数据从哪里来?如果是自己采集,不光要写后端代码,最难的是维护啊,所以必须《天气预报》此类APP特别适合 前后端分离的,以下用一个简单的例子快速打通前后端的调用前端使用HTML页面,通过JS的Fetch发 阅读全文
posted @ 2025-03-07 16:56 林恒 阅读(316) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 最近AI概念很火,我也在用。今儿实习的一位兄弟来问:他想对接一个"千帆大模型",但是以前没看过,文档太多了。很麻烦。 虽然官方也有文档,不过确实,那个文档比较适合工作一段时间以后的同学看,对新手不太友好。毕竟光创建=>对接一个流程需要几个页面几 阅读全文
posted @ 2025-03-05 17:20 林恒 阅读(132) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 前端时间有一个 OCR 的需求,原本考虑调用现成的 OCR 接口,但由于只是做一个我个人使用的工具,花钱购买 OCR 接口显得有些奢侈。于是就想着找找是否有现成的库可以自己部署或直接使用,结果发现了一个可以在纯前端实现 OCR 的库——T 阅读全文
posted @ 2025-03-03 16:55 林恒 阅读(554) 评论(0) 推荐(1)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 还记得几年前我去找前端工作的时候,那时候才初入职场,有一次去面试,然后被面试官问过一个面试题,Vue中Scoped的原理是什么?幸好当时八股文面试题背的很多,我当时就说是在选择器加了一个唯一的属性实现的,那时候很慌,就怕他继续追问,在追问 阅读全文
posted @ 2025-02-24 18:04 林恒 阅读(221) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在同学们使用某些网站的新版本页面的时候,经常会出现一个类似于新手引导一样的效果,来帮助同学们更好的熟悉新版本页面的功能和使用,这篇文章主要给大家介绍了关于如何利用Vue+intro.js实现页面新手引导流程功能的相关资料,需要的朋友可以参考下 阅读全文
posted @ 2025-02-19 19:14 林恒 阅读(763) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 前端项目经常碰到更新部署了,但是更新过的功能并没有及时的展示,还需要刷新一下页面,才能看到最新的内容。如果是远程给客户进行的部署,还要口头告知客户需要刷新,体验不友好。 技术涉及 vue、webpack、js等。 问题思考 想要解决整个问 阅读全文
posted @ 2025-02-13 15:57 林恒 阅读(223) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一、DeepSeek私有化本地部署【Windows】 1、安装Ollama 2、配置环境变量 3、下载模型 4、使用示例 a、直接访问 b、chatbox网页访问 Chatbox AI官网:办公学习的AI好助手,全平台AI客户端,官方免费下载 阅读全文
posted @ 2025-02-06 17:22 林恒 阅读(690) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 vue3封装一个基础甘特图 只支持简单展示功能 代码通俗易懂 效果图: 主要计算 计算出整体的日期范围 根据每项开始时间和结束时间计算出每一项所占的长度 // 基础甘特图封装 import { ref } from 'vue' import d 阅读全文
posted @ 2025-01-13 17:46 林恒 阅读(598) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 获取一个高度会变的元素的高度 这里获取高度只是为了用遮罩层覆盖住可编辑的内容! script 代码: let bigBoxHeight = ref(0); // 获取到元素 let bigBox = document.querySelector 阅读全文
posted @ 2024-12-30 19:48 林恒 阅读(174) 评论(0) 推荐(1)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Document Picture-in-Picture 介绍 今天,我来介绍一个非常酷的前端功能:文档画中画 (Document Picture-in-Picture, 本文简称 PiP)。你有没有想过,网页上的任何内容能悬浮在桌面上?😏 � 阅读全文
posted @ 2024-12-02 19:35 林恒 阅读(577) 评论(0) 推荐(3)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 老板:新的需求不是上线了嘛,怎么用户看到的还是老的页面呀 窝囊废:让用户刷新一下页面,或者清一下缓存 老板:那我得告诉用户,刷新一下页面,或者清一下缓存,才能看到新的页面呀,感觉用户体验不好啊,不能直接刷新页面嘛? 窝囊废:可以解决(OS 阅读全文
posted @ 2024-11-29 18:11 林恒 阅读(366) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 不FQ也能使用的地图还有Mapbox 安装 npm install --save axios npm install --save mapbox-gl npm install --save @mapbox/mapbox-gl-direction 阅读全文
posted @ 2024-11-26 17:58 林恒 阅读(272) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Axios.CancelToken axios对象有一个属性叫CancelToken,该属性提供了中断已经发出去的请求的方式。具体使用方式有两种: 方式一:执行器模式 <script src="https://cdn.jsdelivr.net/ 阅读全文
posted @ 2024-11-22 17:39 林恒 阅读(234) 评论(0) 推荐(0)
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在计算机的世界中,有各种各样的文件,文件类型千奇百怪,作为一名前端开发工程师,我们如何来实现这些文件的在线预览呢?在这篇文章,我们已经实现了前端如何实现压缩包解析?,但是也仅仅是能够查看压缩包中的内容,并不能真实的去进行线上预览,这节就是在文件 阅读全文
posted @ 2024-11-21 17:03 林恒 阅读(896) 评论(0) 推荐(1)

上一页 1 2 3 4 5 6 ··· 10 下一页