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

记录---前端实现签字效果+合同展示

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 获取一个高度会变的元素的高度这里获取高度只是为了用遮罩层覆盖住可编辑的内容！ script 代码： let bigBoxHeight = ref(0); // 获取到元素 let bigBox = document.querySelector 阅读全文

posted @ 2024-12-30 19:48 林恒阅读(74) 评论(0) 推荐(0) 编辑

记录---前端实现画中画超简单，让网页飞出浏览器

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 Document Picture-in-Picture 介绍今天，我来介绍一个非常酷的前端功能：文档画中画 (Document Picture-in-Picture, 本文简称 PiP)。你有没有想过，网页上的任何内容能悬浮在桌面上？😏 � 阅读全文

posted @ 2024-12-02 19:35 林恒阅读(146) 评论(0) 推荐(2) 编辑

记录---前端如何优雅通知用户刷新页面？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言老板：新的需求不是上线了嘛，怎么用户看到的还是老的页面呀窝囊废：让用户刷新一下页面，或者清一下缓存老板：那我得告诉用户，刷新一下页面，或者清一下缓存，才能看到新的页面呀，感觉用户体验不好啊，不能直接刷新页面嘛？窝囊废：可以解决（OS 阅读全文

posted @ 2024-11-29 18:11 林恒阅读(124) 评论(0) 推荐(0) 编辑

Mapbox 轻松规划起始点轨迹

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 不FQ也能使用的地图还有Mapbox 安装 npm install --save axios npm install --save mapbox-gl npm install --save @mapbox/mapbox-gl-direction 阅读全文

posted @ 2024-11-26 17:58 林恒阅读(46) 评论(0) 推荐(0) 编辑

记录---前端中断请求的方式与原理

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 Axios.CancelToken axios对象有一个属性叫CancelToken，该属性提供了中断已经发出去的请求的方式。具体使用方式有两种：方式一：执行器模式 <script src="https://cdn.jsdelivr.net/ 阅读全文

posted @ 2024-11-22 17:39 林恒阅读(78) 评论(0) 推荐(0) 编辑

记录---前端如何实现文件的在线预览？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？在这篇文章，我们已经实现了前端如何实现压缩包解析？，但是也仅仅是能够查看压缩包中的内容，并不能真实的去进行线上预览，这节就是在文件阅读全文

posted @ 2024-11-21 17:03 林恒阅读(162) 评论(0) 推荐(1) 编辑

记录---nextTick用过吗？讲一讲实现思路吧

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 源码实现思路（面试高分回答） 📖 面试官问我 Vue 的 nextTick 原理是怎么实现的，我这样回答：在调用 this.$nextTick(cb) 之前：存在一个 callbacks 数组，用于存放所有的 cb 回调函数。存在一个阅读全文

posted @ 2024-11-16 16:54 林恒阅读(97) 评论(0) 推荐(0) 编辑

记录--微前端qiankun接入vue2&vue3项目

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 官方文档接入vue2项目和vue3项目对应路由模式分别是hash和history 主应用主应用是基于vue3开发的一个门户网站，仅有登录以及门户列表。基于路由配置方式通过将微应用关联到一些 url 规则的方式，实现当浏览器 url 发阅读全文

posted @ 2024-11-15 17:20 林恒阅读(147) 评论(0) 推荐(1) 编辑

记录--nginx（前端必会-项目部署-精简通用篇）

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言最近在公司部署项目时遇上了一点关于nginx的问题，于是就想着写一篇关于nginx的文章... 主要给小白朋友分享，nginx是什么，nginx有什么用，最后到nginx的实际应用，项目部署。 nginx 公司项目刚刚上线，用户量少访问量阅读全文

posted @ 2024-11-14 18:41 林恒阅读(197) 评论(0) 推荐(0) 编辑

记录---前端Vue使用ffmpeg压缩视频再上传

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 保姆级操作步骤，从我实际运行中的项目中摘取的所有相关代码展示如下： 1.Vue项目中安装插件ffmpeg 1.1 插件版本依赖配置两个插件的版本 "@ffmpeg/core": "^0.10.0", "@ffmpeg/ffmpeg": "^0 阅读全文

posted @ 2024-11-12 15:16 林恒阅读(411) 评论(0) 推荐(0) 编辑

webpack和vite的区别，为什么vite启动速度比webpack快？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 一.webpack和vite的区别 1.构建速度不同 Webpack: Webpack的构建速度相对较慢，尤其在大型项目中，因为它需要分析整个依赖图，进行多次文件扫描和转译。 Vite: Vite以开发模式下的极速构建著称。它利用ES模块的特性阅读全文

posted @ 2024-09-18 17:17 林恒阅读(507) 评论(0) 推荐(0) 编辑

axios中的那些天才代码！看完我实力大涨！

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 axios的两种调用方式经常调接口的同学一定非常熟悉aixos下面的两种使用方式： axios(config) // 配置式请求 axios({ method: 'post', url: '/user/12345', }); axios.po 阅读全文

posted @ 2024-07-29 17:30 林恒阅读(215) 评论(0) 推荐(0) 编辑

记录--终于搞懂了！原来vue3中template使用ref无需.value是因为这个

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：<button @click="msg = 'Hello Vue3'"> 阅读全文

posted @ 2024-07-27 17:15 林恒阅读(193) 评论(0) 推荐(0) 编辑

限时10分钟，你会怎么实现这段async/await代码？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 本文用于记录在React课程中学习时，课程中留下的一个关于async/await原理的思考题（默认读者熟悉Promise）思考题这个思考题就是：请将以下async/await代码，换一种方式实现，保证异步等待功能和输出顺序： functio 阅读全文

posted @ 2024-07-26 17:53 林恒阅读(79) 评论(0) 推荐(0) 编辑

分享一个看起来很酷的图片上传组件

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 可能有人觉得，这个组件很简单，没什么技术含量，其实确实也啥技术含量。但是，我是想借这个组件，来表达一种封装的思想在里面，希望可以帮助到一些朋友。简单的描述下这个组件的功能：用户可以点击下面颜色比较绚丽的上传按钮，选择本地图片进行上传，也可以阅读全文

posted @ 2024-07-25 17:23 林恒阅读(167) 评论(0) 推荐(0) 编辑

记录--进度条真的是匀速的，不信你看

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 引言众所周知，进度条是程序员大大模拟的程序运行进度，一般会在某些数值卡住不动，引起99%悬案。但是背后的原理你真的清楚吗，其实进度条真的是匀速运动的！先来看看效果接下来开始实现创建一个矩形，然后折叠起来，完成！创建一个容器，用于宽度限阅读全文

posted @ 2024-07-22 18:13 林恒阅读(81) 评论(0) 推荐(1) 编辑

记录--如何修改第三方npm包？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 有这样一种场景：如果你在开发过程中，发现某个npm包有Bug，应该怎么办？第一选择当然是向原作者提issue，或者Fork该仓库代码，修改以后，提交合并请求。但这种情况有个严重的问题，就是耗时，如果遇到严格的作者，或者不活跃的作者，时间线可阅读全文

posted @ 2024-07-18 17:17 林恒阅读(253) 评论(0) 推荐(0) 编辑

从0到1打造一个 WebRTC 应用

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断，在此背景下，微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲阅读全文

posted @ 2024-07-15 17:47 林恒阅读(127) 评论(0) 推荐(0) 编辑

记录---实现抖音 “视频无限滑动“效果

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言在家没事的时候刷抖音玩，抖音首页的视频怎么刷也刷不完，经常不知不觉的一刷就到半夜了😅不禁感叹道＂垃圾抖音，费我时间，毁我青春😅＂最终效果在线预览：dy.ttentau.top/ Github地址：github.com/zyron 阅读全文

posted @ 2024-07-13 16:57 林恒阅读(148) 评论(0) 推荐(1) 编辑

记录--淘宝、京东复制好友链接弹出商品详情是如何实现的

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言：最近接到了一个需求很有意思，类似于我们经常在逛购物平台中，选择一个物品分享给好友，然后好友复制这段文本打开相对应的平台以后，就可以弹出链接上的物品。实现过程也比较有意思，特来分享一下实现思路🎁。一. 效果预览当我在别的界面复制了内阅读全文

posted @ 2024-07-04 18:14 林恒阅读(131) 评论(0) 推荐(0) 编辑

林恒

随笔分类 - vue知识分享

公告