随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 众所周知,vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,比如:<button @click="msg = 'Hello Vue3'">
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 本文用于记录在React课程中学习时,课程中留下的一个关于async/await原理的思考题(默认读者熟悉Promise) 思考题 这个思考题就是:请将以下async/await代码,换一种方式实现,保证异步等待功能和输出顺序: functio
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 可能有人觉得,这个组件很简单,没什么技术含量,其实确实也啥技术含量。但是,我是想借这个组件,来表达一种封装的思想在里面,希望可以帮助到一些朋友。 简单的描述下这个组件的功能: 用户可以点击下面颜色比较绚丽的上传按钮,选择本地图片进行上传,也可以
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 引言 众所周知,进度条是程序员大大模拟的程序运行进度,一般会在某些数值卡住不动,引起99%悬案。但是背后的原理你真的清楚吗,其实进度条真的是匀速运动的! 先来看看效果 接下来开始实现 创建一个矩形,然后折叠起来,完成! 创建一个容器,用于宽度限
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 有这样一种场景:如果你在开发过程中,发现某个npm包有Bug,应该怎么办? 第一选择当然是向原作者提issue,或者Fork该仓库代码,修改以后,提交合并请求。 但这种情况有个严重的问题,就是耗时,如果遇到严格的作者,或者不活跃的作者,时间线可
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断,在此背景下,微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在家没事的时候刷抖音玩,抖音首页的视频怎么刷也刷不完,经常不知不觉的一刷就到半夜了😅不禁感叹道 "垃圾抖音,费我时间,毁我青春😅" 最终效果 在线预览:dy.ttentau.top/ Github地址:github.com/zyron
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言: 最近接到了一个需求很有意思,类似于我们经常在逛购物平台中,选择一个物品分享给好友,然后好友复制这段文本打开相对应的平台以后,就可以弹出链接上的物品。实现过程也比较有意思,特来分享一下实现思路🎁。 一. 效果预览 当我在别的界面复制了内
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在最近接手的一个项目中,需要对整个页面加上一个水印,还需要动态修改增加背景色功能。由于使用的第三方库不支持背景色功能,故记录一下。文末会附上如何利用技术手段去除水印 第三方库:watermark-plus 主要使用步骤 npm i waterm
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 后端:密码得走密文哇! 我:base64?md5? 后端:这次不行哇,新来的测试不好糊弄呢!必须要国密sm2加密捏 我: 好吧,看我的。 我这边使用的是sm-crypto,当然也有很多优秀的库如:forge,我在业务上搭配jszip做过上传zi
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 近期产品期望在后台发布帖子或视频时,需要添加 @用户 的功能,以便用户收到通知,例如“xxx在xxx提及了您!”。然而,现有的开源库未能满足我们的需求,例如 ant-design 的 Mentions 组件: 但是不难发现跟微信飞书对比下,有两
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一,安装 npm i swiper 二,使用 swiper/vue 导出 2 个组件:Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 关于大屏视频监控有三种解决方案: 1.海康威视 优点:实时性强。多画面运行流畅,缺点:会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点:可配置性强 缺点:服务端大流量稳定性不确定
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台,乙方说2011年左右就开始有这个项目了(那时候有Vue了吗,思考.jpg)。十几年的项目,我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容,吐槽归吐槽
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在后台系统中有一种常见的功能,点击按钮将整个网页全屏,再点击退出全屏。 浏览器提供了2种全屏方式,一种通过API在js中实现,另一种是按F11键进入全屏模式。 但F11进入的全屏模式优先级更高,无法通过API退出。 基本知识 元素全屏 检查可用
阅读全文
摘要:🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务,但是微软的在线服务有文件大小限制,想完整使用得花钱,一些图片文件就通过组件库antd实现,因为我们项目存在多种类型的文件,所以为了改善用户的体验,决定把文件预览单独弄一个拆出一个项
阅读全文
摘要:传统实现方式 当前文章的gif文件较大,加载的时长可能较久 这里我拿小红书的首页作为分析演示 可以看到他们的实现方式是传统做法,把每个元素通过获取尺寸,然后算出left、top的排版位置,最后在每个元素上设置偏移值,思路没什么好说的,就是算元素坐标。那么这种做法有什么缺点?请看下面这张图的操作 容器
阅读全文
摘要:一、场景复现 一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻 比如一个数 1÷3=0.33333333...... 3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...... 这个数无限循环,再大的
阅读全文
摘要:一、是什么 webpack proxy,即webpack提供的代理服务 基本行为就是接收客户端发送的请求后转发给其他服务器 其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制) 想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-server
阅读全文
摘要:一、错误类型 任何一个框架,对于错误的处理都是一种必备的能力 在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。 主要的错误来源包括: 后端接口错误 代码中本身逻辑错误 二、如何处理 后端接口错误 通过axios的interceptor实现
阅读全文