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

Vue中的$nextTick有什么作用？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、NextTick是什么官方对其的定义在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM 什么意思呢？我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将阅读全文

posted @ 2024-02-22 17:51 林恒阅读(137) 评论(0) 推荐(0)

你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、什么是SPA SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（阅读全文

posted @ 2024-02-21 18:06 林恒阅读(165) 评论(0) 推荐(0)

记录--源码视角，Vue3为什么推荐使用ref而不是reactive

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 ref 和 reactive 是 Vue3 中实现响应式数据的核心 API。ref 用于包装基本数据类型，而 reactive 用于处理对象和数组。尽管 reactive 似乎更适合处理对象，但 Vue3 官方文档更推荐使用 ref。我阅读全文

posted @ 2024-02-20 18:30 林恒阅读(282) 评论(0) 推荐(0)

记录--vue3的宏到底是什么东西？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言从vue3开始vue引入了宏，比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setu 阅读全文

posted @ 2024-02-19 15:47 林恒阅读(151) 评论(1) 推荐(0)

记录--你还在使用websocket实现实时消息推送吗？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言在日常的开发中，我们经常能碰见服务端需要主动推送给客户端数据的业务场景，比如数据大屏的实时数据，比如消息中心的未读消息，比如聊天功能等等。本文主要介绍SSE的使用场景和如何使用SSE。服务端向客户端推送数据的实现方案有哪几种？阅读全文

posted @ 2024-02-18 17:31 林恒阅读(232) 评论(0) 推荐(1)

记录--实现一个鼠标框选的功能，要怎么实现和设计 api？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言前两年在一家做电商的公司做了一个需求：鼠标框选商品卡片，开始拖拽的时候合成一个然后改变位置，页面上有几千个所以还要结合虚拟列表。当时不知道怎么做，就在 github 上到处找现成的库，最后找到了 react-selectable-f 阅读全文

posted @ 2024-02-03 17:33 林恒阅读(72) 评论(0) 推荐(0)

记录--你的网站如何接入QQ，微信登录

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助主要实现步骤对接第三方平台，获取第三方平台的用户信息。利用该用户信息，完成本应用的注册。 qq登录接入接入前的配置 qq互联登录后，点击头像，进行开发者信息填写，等待审核。邮箱验证后，等待审核。审核通过后，然后就可以创建应用了阅读全文

posted @ 2024-01-31 18:25 林恒阅读(227) 评论(0) 推荐(1)

记录--h5端调用手机摄像头实现扫一扫功能

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、前言最近有遇到一个需求，在h5浏览器中实现扫码功能，其本质便是打开手机摄像头定时拍照，特此做一个记录。主要技术栈采用的是vue2，使用的开发工具是hbuilderX。经过测试发现部分浏览器并不支持打开摄像头，测试了果子，华子和米，阅读全文

posted @ 2024-01-26 17:46 林恒阅读(2120) 评论(0) 推荐(1)

记录--H5 实现拍照选景框效果

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景在实际项目中，遇到了需要唤起手机摄像头拍照的需求，最开始是通过<input type="file" hidden accept="image/*" capture="camera" />的方式，可以直接唤起手机相机，但是用户拍照的方阅读全文

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

记录--你敢信？比 setTimeout 还快 80 倍的定时器

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助起因很多人都知道，setTimeout是有最小延迟时间的，根据MDN 文档 setTimeout：实际延时比设定值更久的原因：最小延迟时间中所说：在浏览器中，setTimeout()/setInterval() 的每调用一次定时器的最阅读全文

posted @ 2024-01-24 18:26 林恒阅读(159) 评论(0) 推荐(1)

记录--Vue中的$attrs你真的会用吗？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助先来看一个业务需求：项目经常会遇到产品经理要求你做某组件一样的功能，还要在它的基础上增加东西。如何只用少量代码高效的二次封装组件呢？例如我要做一个element-ui的input组件进行封装，以下是封装要求：对el-input组件增阅读全文

posted @ 2024-01-23 20:13 林恒阅读(598) 评论(0) 推荐(0)

记录--npm, npx, cnpm, yarn, pnpm梭哈

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题，简化了开发流程，提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系，减少了潜在的错误和冲突，并提供了更好的开发体验。常用的依赖管理在 JavaS 阅读全文

posted @ 2024-01-22 17:56 林恒阅读(166) 评论(0) 推荐(0)

记录--移动端 H5 Tab 如何滚动居中

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见，不过 Tab 在移动端比 PC 端更复杂。为什么呢？移动端设备屏幕较窄，一般仅能展示 4 ~ 7 个 Item。考虑到用户体验，UI 往往要求程序员实现一个阅读全文

posted @ 2024-01-20 18:17 林恒阅读(199) 评论(0) 推荐(0)

记录--为什么 export 导出一个字面量会报错，而使用 export default 就不会报错？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助核心其实总的来说就是 export 导出的是变量的句柄（或者说符号绑定、近似于 C 语言里面的指针，C++里面的变量别名），而 export default 导出的是变量的值。需要注意的是：模块里面的内容只能在模块内部修改，模块外部只阅读全文

posted @ 2024-01-17 18:33 林恒阅读(110) 评论(0) 推荐(0)

记录--不做码农而做 DJ 😎

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 😎Coding 一定很累吧，快来跟我一起 Djing ！！！😎 我的思路是通过监听键盘按下事件，在用户按下对应键时，找到相应的按键元素和音频元素，通过添加和移除 CSS 类实现按键效果，并播放关联的音频文件。同时，通过事件监听器确保在阅读全文

posted @ 2024-01-12 18:14 林恒阅读(73) 评论(0) 推荐(0)

记录--vue3函数式弹窗

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简阅读全文

posted @ 2024-01-11 19:00 林恒阅读(278) 评论(0) 推荐(0)

记录--H5 视频兼容性处理总结

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助概述最近在负责公司官网的开发，在 H5 播放视频时，遇到很多兼容问题，所以总结下在 H5 播放时，遇到的兼容性问题，并封装一个 Video 的组件，便于在 H5 使用。测试先来测试一下在不同的浏览器，video 有什么兼容性的问题，阅读全文

posted @ 2024-01-09 19:05 林恒阅读(374) 评论(0) 推荐(0)

记录--按钮防连点终极解决方案

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助引言在日常前端开发中，我们经常会面对一个让人头疼的问题：按钮被用户点击了两次以上，导致出现重复提交表单或者发送重复的请求。这个问题常见而且恼人。为了解决这个问题，我们需要一个又简单又实用的方法，可以在不搞乱原有代码的情况下，有效地防止按阅读全文

posted @ 2024-01-08 18:33 林恒阅读(537) 评论(0) 推荐(1)

记录--页面使用 scale 缩放实践

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. 阅读全文

posted @ 2024-01-06 18:35 林恒阅读(164) 评论(0) 推荐(0)

记录--经常被cue大文件上传，忍不住试一下

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助大文件上传主要步骤：获取文件对象，切分文件根据文件切片，计算文件唯一hash值上传文件切片，服务端保存起来合并文件切片，前端发送合并请求，服务端将文件切片合并为原始文件秒传，对于已经存在的分片，可以前端发个请求获取已经上传的文件阅读全文

posted @ 2023-12-29 18:36 林恒阅读(128) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告