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

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助开始之前 Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式阅读全文

posted @ 2024-03-06 18:28 林恒阅读(237) 评论(0) 推荐(0)

Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、Object.defineProperty 定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty 两阅读全文

posted @ 2024-03-05 21:01 林恒阅读(166) 评论(0) 推荐(1)

说说你对keep-alive的理解是什么？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、Keep-alive 是什么 keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们 keep-alive可以设阅读全文

posted @ 2024-03-04 17:56 林恒阅读(189) 评论(0) 推荐(0)

说说你对vue的mixin的理解，有什么应用场景？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、mixin是什么 Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类 Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂 Vue中的mi 阅读全文

posted @ 2024-03-02 18:07 林恒阅读(136) 评论(0) 推荐(0)

双向数据绑定是什么

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的阅读全文

posted @ 2024-03-01 19:02 林恒阅读(478) 评论(0) 推荐(0)

Vue中组件和插件有什么区别？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、组件是什么回顾以前对组件的定义：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件组件的优势降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换阅读全文

posted @ 2024-02-29 18:33 林恒阅读(130) 评论(0) 推荐(0)

vue项目本地开发完成后部署到服务器后报404是什么原因呢？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、如何部署前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可 // 阅读全文

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

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

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何阅读全文

posted @ 2024-02-27 18:38 林恒阅读(189) 评论(0) 推荐(1)

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

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或阅读全文

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

SSR解决了什么问题？有做过SSR吗？你是怎么做的？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、是什么 Server-Side Rendering 我们称其为SSR，意为服务端渲染指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程先来看看Web3个阶段的发展阅读全文

posted @ 2024-02-23 17:25 林恒阅读(190) 评论(0) 推荐(0)

Vue中的$nextTick有什么作用？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

林恒

随笔分类 - vue知识分享

公告