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

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

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

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

从0到1打造一个 WebRTC 应用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

记录--Vue 网页全屏

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

摘要：一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手，对触发权限的源头进行控制，最阅读全文

posted @ 2024-05-13 18:27 林恒阅读(249) 评论(0) 推荐(0)

Vue项目中有封装过axios吗？主要是封装哪方面的？

摘要：一、axios是什么 axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。自Vue2.0起，尤大宣布取消对 vue-resource 的官方推荐，转而推荐 axios。现在阅读全文

posted @ 2024-05-11 18:24 林恒阅读(190) 评论(0) 推荐(0)

如何判断一个js对象是否存在循环引用

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、背景在前端JSON.stringfy是我们常用的一个方法，可以将一个对象序列化。例如将如下对象序列化 const person = { name: 'kalory', age:18} JSON.stringfy(person) / 阅读全文

posted @ 2024-05-07 18:10 林恒阅读(245) 评论(0) 推荐(0)

你是怎么理解ES6中 Promise的？使用场景？

摘要：一、介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码 doSomething(function(result) { doSomethingElse(result, functi 阅读全文

posted @ 2024-04-30 17:29 林恒阅读(168) 评论(0) 推荐(1)

林恒

随笔分类 - vue知识分享

公告