vue知识分享 - 随笔分类(第3页) - 林恒

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

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

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

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

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

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

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

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

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

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

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

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

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

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

posted @ 2024-09-18 17:17 林恒阅读(1789) 评论(1) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

从0到1打造一个 WebRTC 应用

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

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

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

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

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

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

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

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

前端如何优雅的添加水印及去除水印

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在最近接手的一个项目中，需要对整个页面加上一个水印，还需要动态修改增加背景色功能。由于使用的第三方库不支持背景色功能，故记录一下。文末会附上如何利用技术手段去除水印第三方库：watermark-plus 主要使用步骤 npm i waterm 阅读全文

posted @ 2024-07-03 17:19 林恒阅读(570) 评论(0) 推荐(0)

前端如何用密文跟后端互通？原来那么简单！

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 后端：密码得走密文哇！我：base64？md5？后端:这次不行哇，新来的测试不好糊弄呢！必须要国密sm2加密捏我: 好吧，看我的。我这边使用的是sm-crypto，当然也有很多优秀的库如：forge,我在业务上搭配jszip做过上传zi 阅读全文

posted @ 2024-07-01 18:25 林恒阅读(441) 评论(0) 推荐(0)

记录---实现一个支持@的输入框

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 近期产品期望在后台发布帖子或视频时，需要添加 @用户的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求，例如 ant-design 的 Mentions 组件：但是不难发现跟微信飞书对比下，有两阅读全文

posted @ 2024-06-28 18:17 林恒阅读(249) 评论(0) 推荐(0)

记录--vue3中使用Swiper组件

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 一，安装 npm i swiper 二，使用 swiper/vue 导出 2 个组件：Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 阅读全文

posted @ 2024-06-26 17:28 林恒阅读(1303) 评论(0) 推荐(0)

vue如何实时展示海康威视摄像头多画面？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 关于大屏视频监控有三种解决方案： 1.海康威视优点：实时性强。多画面运行流畅，缺点：会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点：可配置性强缺点：服务端大流量稳定性不确定阅读全文

posted @ 2024-06-25 18:24 林恒阅读(2323) 评论(2) 推荐(2)

记录--单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 需求背景从第三方采购的vue2 + ElementUI实现的云管平台，乙方说2011年左右就开始有这个项目了（那时候有Vue了吗，思考.jpg）。十几年的项目，我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容，吐槽归吐槽阅读全文

posted @ 2024-06-20 18:41 林恒阅读(307) 评论(0) 推荐(1)

林恒

随笔分类 - vue知识分享

公告