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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

从0到1打造一个 WebRTC 应用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

posted @ 2024-06-28 18:17 林恒阅读(34) 评论(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 林恒阅读(49) 评论(0) 推荐(0) 编辑

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

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

posted @ 2024-06-25 18:24 林恒阅读(119) 评论(0) 推荐(0) 编辑

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

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

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

记录--Vue 网页全屏

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。但F11进入的全屏模式优先级更高，无法通过API退出。基本知识元素全屏检查可用阅读全文

posted @ 2024-06-13 19:09 林恒阅读(57) 评论(0) 推荐(0) 编辑

记录--前端实现文件预览(word、excel、pdf、ppt、xmind、音视频、图片、文本) 国际化

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用户的体验，决定把文件预览单独弄一个拆出一个项阅读全文

posted @ 2024-06-12 19:04 林恒阅读(79) 评论(0) 推荐(0) 编辑

记录：瀑布流最佳实现方案

摘要：传统实现方式当前文章的gif文件较大，加载的时长可能较久这里我拿小红书的首页作为分析演示可以看到他们的实现方式是传统做法，把每个元素通过获取尺寸，然后算出left、top的排版位置，最后在每个元素上设置偏移值，思路没什么好说的，就是算元素坐标。那么这种做法有什么缺点？请看下面这张图的操作容器阅读全文

posted @ 2024-06-03 19:24 林恒阅读(66) 评论(0) 推荐(1) 编辑

说说 Javascript 数字精度丢失的问题，如何解决？

摘要：一、场景复现一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻比如一个数 1÷3=0.33333333...... 3会一直无限循环，数学可以表示，但是计算机要存储，方便下次取出来再使用，但0.333333...... 这个数无限循环，再大的阅读全文

posted @ 2024-05-30 18:16 林恒阅读(71) 评论(0) 推荐(0) 编辑

说说webpack proxy工作原理？为什么能解决跨域?

摘要：一、是什么 webpack proxy，即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）想要实现代理首先需要一个中间服务器，webpack中提供服务器的工具为webpack-dev-server 阅读全文

posted @ 2024-05-15 18:03 林恒阅读(60) 评论(0) 推荐(0) 编辑

你是怎么处理vue项目中的错误的？

摘要：一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现阅读全文

posted @ 2024-05-14 19:23 林恒阅读(69) 评论(0) 推荐(0) 编辑

林恒

随笔分类 - vue知识分享

公告