随笔分类 -  vue知识分享

分享vue在开发中碰到的问题及一些操作流程
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在日常的开发中,我们经常能碰见服务端需要主动推送给客户端数据的业务场景,比如数据大屏的实时数据,比如消息中心的未读消息,比如聊天功能等等。 本文主要介绍SSE的使用场景和如何使用SSE。 服务端向客户端推送数据的实现方案有哪几种? 阅读全文
posted @ 2024-02-18 17:31 林恒 阅读(195) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前两年在一家做电商的公司做了一个需求:鼠标框选商品卡片,开始拖拽的时候合成一个然后改变位置,页面上有几千个所以还要结合虚拟列表。当时不知道怎么做,就在 github 上到处找现成的库,最后找到了 react-selectable-f 阅读全文
posted @ 2024-02-03 17:33 林恒 阅读(52) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 主要实现步骤 对接第三方平台,获取第三方平台的用户信息。 利用该用户信息,完成本应用的注册。 qq登录接入 接入前的配置 qq互联 登录后,点击头像,进行开发者信息填写,等待审核。 邮箱验证后,等待审核。 审核通过后,然后就可以创建应用了 阅读全文
posted @ 2024-01-31 18:25 林恒 阅读(177) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、前言 最近有遇到一个需求,在h5浏览器中实现扫码功能,其本质便是打开手机摄像头定时拍照,特此做一个记录。主要技术栈采用的是vue2,使用的开发工具是hbuilderX。 经过测试发现部分浏览器并不支持打开摄像头,测试了果子,华子和米, 阅读全文
posted @ 2024-01-26 17:46 林恒 阅读(1451) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 在实际项目中,遇到了需要唤起手机摄像头拍照的需求,最开始是通过<input type="file" hidden accept="image/*" capture="camera" />的方式,可以直接唤起手机相机,但是用户拍照的方 阅读全文
posted @ 2024-01-25 18:36 林恒 阅读(391) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 起因 很多人都知道,setTimeout是有最小延迟时间的,根据MDN 文档 setTimeout:实际延时比设定值更久的原因:最小延迟时间中所说: 在浏览器中,setTimeout()/setInterval() 的每调用一次定时器的最 阅读全文
posted @ 2024-01-24 18:26 林恒 阅读(147) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 先来看一个业务需求: 项目经常会遇到产品经理要求你做某组件一样的功能,还要在它的基础上增加东西。如何只用少量代码高效的二次封装组件呢? 例如我要做一个element-ui的input组件进行封装,以下是封装要求: 对el-input组件增 阅读全文
posted @ 2024-01-23 20:13 林恒 阅读(442) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题,简化了开发流程,提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系,减少了潜在的错误和冲突,并提供了更好的开发体验。 常用的依赖管理 在 JavaS 阅读全文
posted @ 2024-01-22 17:56 林恒 阅读(115) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见,不过 Tab 在移动端 比 PC 端更复杂。为什么呢?移动端设备屏幕较窄,一般仅能展示 4 ~ 7 个 Item。考虑到用户体验,UI 往往要求程序员实现一个 阅读全文
posted @ 2024-01-20 18:17 林恒 阅读(191) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 核心 其实总的来说就是 export 导出的是变量的句柄(或者说符号绑定、近似于 C 语言里面的指针,C++里面的变量别名),而 export default 导出的是变量的值。 需要注意的是:模块里面的内容只能在模块内部修改,模块外部只 阅读全文
posted @ 2024-01-17 18:33 林恒 阅读(94) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 😎Coding 一定很累吧,快来跟我一起 Djing !!!😎 我的思路是通过监听键盘按下事件,在用户按下对应键时,找到相应的按键元素和音频元素,通过添加和移除 CSS 类实现按键效果,并播放关联的音频文件。同时,通过事件监听器确保在 阅读全文
posted @ 2024-01-12 18:14 林恒 阅读(69) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简 阅读全文
posted @ 2024-01-11 19:00 林恒 阅读(225) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 概述 最近在负责公司官网的开发,在 H5 播放视频时,遇到很多兼容问题,所以总结下在 H5 播放时,遇到的兼容性问题,并封装一个 Video 的组件,便于在 H5 使用。 测试 先来测试一下在不同的浏览器,video 有什么兼容性的问题, 阅读全文
posted @ 2024-01-09 19:05 林恒 阅读(272) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 引言 在日常前端开发中,我们经常会面对一个让人头疼的问题:按钮被用户点击了两次以上,导致出现重复提交表单或者发送重复的请求。这个问题常见而且恼人。为了解决这个问题,我们需要一个又简单又实用的方法,可以在不搞乱原有代码的情况下,有效地防止按 阅读全文
posted @ 2024-01-08 18:33 林恒 阅读(462) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近接到一个任务,需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. 阅读全文
posted @ 2024-01-06 18:35 林恒 阅读(128) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 大文件上传主要步骤: 获取文件对象,切分文件 根据文件切片,计算文件唯一hash值 上传文件切片,服务端保存起来 合并文件切片,前端发送合并请求,服务端将文件切片合并为原始文件 秒传,对于已经存在的分片,可以前端发个请求获取已经上传的文件 阅读全文
posted @ 2023-12-29 18:36 林恒 阅读(120) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 工程化最开始就是package.json开始的,很多人学了很多年也没搞清楚这个为什么这么神奇,其实有些字段是在特定场景才有效的,那每个属性的适用场景和作用是什么,又牵扯很多知识点,今天先解读一些常见的属性,关注我,后期在遇到特定场景也会再 阅读全文
posted @ 2023-12-26 19:18 林恒 阅读(347) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码,还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干,决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解,花了一天的时间完美解决,现在整理出来。 1.分析验证码 阅读全文
posted @ 2023-12-23 18:25 林恒 阅读(233) 评论(1) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统,在后台进行内容编辑,在官网更新展示内容。 关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。 阅读全文
posted @ 2023-12-22 18:27 林恒 阅读(505) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp 阅读全文
posted @ 2023-12-21 19:05 林恒 阅读(172) 评论(0) 推荐(0) 编辑