随笔分类 -  vue知识分享

1 2 3 4 5 ··· 7 下一页
分享vue在开发中碰到的问题及一些操作流程
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 有这样一种场景:如果你在开发过程中,发现某个npm包有Bug,应该怎么办? 第一选择当然是向原作者提issue,或者Fork该仓库代码,修改以后,提交合并请求。 但这种情况有个严重的问题,就是耗时,如果遇到严格的作者,或者不活跃的作者,时间线可 阅读全文
posted @ 2024-07-18 17:17 林恒 阅读(26) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断,在此背景下,微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲 阅读全文
posted @ 2024-07-15 17:47 林恒 阅读(34) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在家没事的时候刷抖音玩,抖音首页的视频怎么刷也刷不完,经常不知不觉的一刷就到半夜了😅不禁感叹道 "垃圾抖音,费我时间,毁我青春😅" 最终效果 在线预览:dy.ttentau.top/ Github地址:github.com/zyron 阅读全文
posted @ 2024-07-13 16:57 林恒 阅读(41) 评论(0) 推荐(1) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言: 最近接到了一个需求很有意思,类似于我们经常在逛购物平台中,选择一个物品分享给好友,然后好友复制这段文本打开相对应的平台以后,就可以弹出链接上的物品。实现过程也比较有意思,特来分享一下实现思路🎁。 一. 效果预览 当我在别的界面复制了内 阅读全文
posted @ 2024-07-04 18:14 林恒 阅读(52) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在最近接手的一个项目中,需要对整个页面加上一个水印,还需要动态修改增加背景色功能。由于使用的第三方库不支持背景色功能,故记录一下。文末会附上如何利用技术手段去除水印 第三方库:watermark-plus 主要使用步骤 npm i waterm 阅读全文
posted @ 2024-07-03 17:19 林恒 阅读(45) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 后端:密码得走密文哇! 我:base64?md5? 后端:这次不行哇,新来的测试不好糊弄呢!必须要国密sm2加密捏 我: 好吧,看我的。 我这边使用的是sm-crypto,当然也有很多优秀的库如:forge,我在业务上搭配jszip做过上传zi 阅读全文
posted @ 2024-07-01 18:25 林恒 阅读(45) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 近期产品期望在后台发布帖子或视频时,需要添加 @用户 的功能,以便用户收到通知,例如“xxx在xxx提及了您!”。然而,现有的开源库未能满足我们的需求,例如 ant-design 的 Mentions 组件: 但是不难发现跟微信飞书对比下,有两 阅读全文
posted @ 2024-06-28 18:17 林恒 阅读(27) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一,安装 npm i swiper 二,使用 swiper/vue 导出 2 个组件:Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 阅读全文
posted @ 2024-06-26 17:28 林恒 阅读(43) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 关于大屏视频监控有三种解决方案: 1.海康威视 优点:实时性强。多画面运行流畅,缺点:会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点:可配置性强 缺点:服务端大流量稳定性不确定 阅读全文
posted @ 2024-06-25 18:24 林恒 阅读(104) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台,乙方说2011年左右就开始有这个项目了(那时候有Vue了吗,思考.jpg)。十几年的项目,我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容,吐槽归吐槽 阅读全文
posted @ 2024-06-20 18:41 林恒 阅读(80) 评论(0) 推荐(1) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在后台系统中有一种常见的功能,点击按钮将整个网页全屏,再点击退出全屏。 浏览器提供了2种全屏方式,一种通过API在js中实现,另一种是按F11键进入全屏模式。 但F11进入的全屏模式优先级更高,无法通过API退出。 基本知识 元素全屏 检查可用 阅读全文
posted @ 2024-06-13 19:09 林恒 阅读(56) 评论(0) 推荐(0) 编辑
摘要:🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务,但是微软的在线服务有文件大小限制,想完整使用得花钱,一些图片文件就通过组件库antd实现,因为我们项目存在多种类型的文件,所以为了改善用户的体验,决定把文件预览单独弄一个拆出一个项 阅读全文
posted @ 2024-06-12 19:04 林恒 阅读(75) 评论(0) 推荐(0) 编辑
摘要:传统实现方式 当前文章的gif文件较大,加载的时长可能较久 这里我拿小红书的首页作为分析演示 可以看到他们的实现方式是传统做法,把每个元素通过获取尺寸,然后算出left、top的排版位置,最后在每个元素上设置偏移值,思路没什么好说的,就是算元素坐标。那么这种做法有什么缺点?请看下面这张图的操作 容器 阅读全文
posted @ 2024-06-03 19:24 林恒 阅读(61) 评论(0) 推荐(1) 编辑
摘要:一、场景复现 一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻 比如一个数 1÷3=0.33333333...... 3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...... 这个数无限循环,再大的 阅读全文
posted @ 2024-05-30 18:16 林恒 阅读(67) 评论(0) 推荐(0) 编辑
摘要:一、是什么 webpack proxy,即webpack提供的代理服务 基本行为就是接收客户端发送的请求后转发给其他服务器 其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制) 想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-server 阅读全文
posted @ 2024-05-15 18:03 林恒 阅读(56) 评论(0) 推荐(0) 编辑
摘要:一、错误类型 任何一个框架,对于错误的处理都是一种必备的能力 在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。 主要的错误来源包括: 后端接口错误 代码中本身逻辑错误 二、如何处理 后端接口错误 通过axios的interceptor实现 阅读全文
posted @ 2024-05-14 19:23 林恒 阅读(68) 评论(0) 推荐(0) 编辑
摘要:一、是什么 权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说,所有的请求发起都触发自前端路由或视图 所以我们可以从这两方面入手,对触发权限的源头进行控制,最 阅读全文
posted @ 2024-05-13 18:27 林恒 阅读(113) 评论(0) 推荐(0) 编辑
摘要:一、axios是什么 axios 是一个轻量的 HTTP客户端 基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 阅读全文
posted @ 2024-05-11 18:24 林恒 阅读(105) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、背景 在前端JSON.stringfy是我们常用的一个方法,可以将一个对象序列化。 例如将如下对象序列化 const person = { name: 'kalory', age:18} JSON.stringfy(person) / 阅读全文
posted @ 2024-05-07 18:10 林恒 阅读(101) 评论(0) 推荐(0) 编辑
摘要:一、介绍 Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大 在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码 doSomething(function(result) { doSomethingElse(result, functi 阅读全文
posted @ 2024-04-30 17:29 林恒 阅读(88) 评论(0) 推荐(1) 编辑

1 2 3 4 5 ··· 7 下一页