vue3源码解析

前端系列-9 Vue3生命周期和computed和watch

背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止前端文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。
Ewen Seong·2024-09-06 03:36

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quicks
LB_bei·2024-09-06 01:24

uni+vue3请求响应拦截器(js/ts)

一、uni+vue3+js请求响应拦截器新建utils文件夹，下面新建request.jsletbaseUrl='http://域名:端口'exportdefault{request(options){
web_Bennu·2024-09-06 00:16

Vue3封装的请求拦截

importaxiosfrom"axios";constinstance=axios.create({baseURL:'http://127.0.0.1:8888/api/private/v1/',//工作时把地址替换后端的地址timeout:3000,//工作时把端口号替换后端给的端口号headers:{'X-Custom-Header':'foobar'}});//添加请求拦截器instanc
Web_Lxz·2024-09-05 23:10

Vue3通用请求响应拦截器与请求方法封装

文章目录请求响应拦截器：请求拦截器响应拦截器：错误处理统一请求封装：请求响应拦截器：请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf
@泽栖·2024-09-05 23:07

前端宝典之三：React源码解析之Fiber架构

本文主要内容：1、ReactConcurrent2、React15架构3、React16架构4、Fiber架构5、任务调度循环和fiber构造循环区别一、ReactConcurrentReact在解决CPU卡顿是会用到ReactConcurrent的概念，它是React中的一个重要特性和模块，主要的特点和原理如下一、主要特点和优势1、时间切片（TimeSlicing）允许将长时间运行的任务分割成小
桃子叔叔·2024-09-05 23:07

搭建一个组件库（vue3）

1.Monorepo（单仓库，多项目）作用:在一个项目里面管理多个模块，并且互不干扰npminstallpnpm-g2.初始化package.jsonpnpminit3.新建配置文件.npmrc//扁平化依赖解决幽灵依赖的问题shamefully-hoist=true4.新建pnpm-workspace.yaml仿照elemen-uipackages:-'packages/**'-'example
yu_zhili·2024-09-05 22:04

vue3 动态组件component不生效问题

问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。
技术钱·2024-09-05 22:30

monorepo搭建项目

7081440800143310884安装pnpmmonorepo的项目，限制只能使用pnpm如果已经安装了pnpm可以跳过此步骤安装pnpm命令：npmipnpm-g初始化项目首先新建一个文件夹，名为vue3
讨口子·2024-09-05 22:59

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp
逆旅行天涯·2024-09-05 17:26

怎么解决在vue3中watch不及时更新

解决方案1：在processChunk函数中更新questionList.value后再更新questionid.value和firstsendId.value通过调整questionid.value和firstsendId.value更新的位置，我们可以确保它们的值在更新questionList.value之前就已经准备好：constprocessChunk=(chunk:any)=>{if(p
不知名的小Q·2024-09-05 17:53

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。
不知名的小Q·2024-09-05 15:47

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。
Rverdoser·2024-09-05 11:51

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia是Vue3官方推荐的状态管理库，用于代替Vue2中的Vuex。Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。
NMY112·2024-09-05 10:43

Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘

Animportpathcanonlyendwitha‘.ts’extensionwhen‘allowImportingTsExtensions’isenabled.ts-plugin(5097)这个错误消息表明在TypeScript项目中，当allowImportingTsExtensions未启用时，导入路径不能以.ts扩展名结尾。解决方案启用allowImportingTsExtension
fishmemory7sec·2024-09-05 10:10

Java集合之HashSet源码解析

一、HashSet概述：1、HashSet底层实现实际上就是利用HashMap的键（Key）来存储对象，原HashMap的键key的位置存放对象，值value的位置存放空的Object对象作为虚拟值；2、增加和删除都是直接调用HashMap的方法来实现的，没有修改和具体的查询方法，获取值只能通过iterator方法来迭代，迭代方法也是建立在HashMap的键的迭代方法上的。相关HashSet的操作
气宇轩昂固执狂·2024-09-05 08:27

后台数据管理系统 - 项目架构设计

项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3
风流野趣fly·2024-09-05 04:00

Vue3实现elementplus实现分页查询，组合式API写法

在Vue3中使用ElementPlus实现分页查询时，通常会利用组合式API（CompositionAPI）来组织代码，使得逻辑更加清晰和模块化。
J不A秃V头A·2024-09-05 04:30

Vue3的router实战演练

VueRouter是Vue官方的客户端路由解决方案。客户端路由的作用是在单页应用(SPA)中将浏览器的URL和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL会随之更新，但页面不需要从服务器重新加载。VueRouter基于Vue的组件系统构建，你可以通过配置路由来告诉VueRouter为每个URL路径显示哪些组件。1.App.vueHelloApp!Currentroutepath:{
J不A秃V头A·2024-09-05 04:29

value值没有根据下拉选择而改变

reactive({type:type.value,provinceId:null,cityId:null,areaId:null,pageNum:1,pageSize:20})在你的代码中，type是一个Vue3
J不A秃V头A·2024-09-05 04:29

Element Plus设置表单字段为必填

在使用ElementPlus（一个基于Vue3的ElementUI组件库）时，设置表单字段为必填通常涉及到两个方面：表单验证（Validation）和表单字段的提示信息。
J不A秃V头A·2024-09-05 03:54

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57

Spring之AOP底层源码解析（上）

动态代理代理模式的解释：为其他对象提供一种代理以控制对这个对象的访问，增强一个类中的某个方法，对程序进行扩展。比如，现在存在一个UserService类：public class UserService  { public void test() {  System.out.println("test..."); }}此时，我们new一个UserService对象，然后执行test()方法，结果是
阿立聊代码·2024-09-04 17:55

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

电视机上要以列表展示数据，并且数据会实时更新，电视机不能点击，所以考虑自动播放的一个效果。展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。由于项目的电视机是有任务提示作用的，最后考虑做成第一种方案，用户能更清晰了解任务安排和数据的更新。搜索之后了解到vue-seamless-scroll支持列表的自
女德班吊车尾·2024-09-04 16:18

vue3页面空白-普通函数和箭头函数提升的不同

在JavaScript中，普通函数（即使用function关键字定义的函数）和箭头函数（使用()和=>定义的函数）在作用域和提升（hoisting）行为上有不同的表现。1.普通函数（FunctionDeclarations）普通函数声明会被提升（hoisted），也就是说，它们可以在声明之前被调用。这是因为函数声明会被提升到当前作用域的顶部。例如：console.log(foo());//输出"H
Kent_J_Truman·2024-09-04 14:35

Spring Boot自动配置源码解析

一、自动配置概述1.1什么是自动配置SpringBoot的自动配置是一种能够根据类路径中的依赖、配置文件中的属性以及其他条件，自动配置Spring应用上下文的功能。它通过扫描项目中的类和配置文件，判断哪些组件需要自动装配，从而减少了手动编写配置代码的繁琐过程。1.2自动配置的优点减少配置工作量：自动配置能够帮助开发者快速启动一个Spring应用，而不必担心各种复杂的XML或Java配置。智能化配置
一休哥助手·2024-09-04 13:25

【Vue3源码】第六章 ref的原理 实现ref

【Vue3源码】第六章ref的原理实现ref上一章节我们实现了reactive和readonly嵌套对象转换功能，以及shallowReadonly和isProxy几个简单的API。
顽皮宝·2024-09-04 07:48

第六章 手写computed函数

在Vue3中，它的本质上其实是一个函数，该函数返回一个ref对象，其value属性就是计算结果。同时也可以传入一个配置对象，配置对象中包含一个get函数与一个set函数，分别用于计算与更新。
DT——·2024-09-04 07:45

第七章 手写watch 实现

1.创建watch函数在Vue3中，watch是一个函数，这个函数接收三个参数，前两个是必须的参数，第三个是一个配置参数。
DT——·2024-09-04 07:45

Cannot read properties of undefined (reading ‘_android’)

记录：问题Cannotreadpropertiesofundefined(reading‘_android’)vue3+ts使用qrcodejs2插件生成二维码报错Cannotreadpropertiesofundefined
久违的小技巧·2024-09-04 03:23

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components
yang295242361·2024-09-03 22:19

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。
whhh·2024-09-03 21:11

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。该组件内部的默认插槽仅支持渲染单个元素或单根节点组件（内部也可以包裹多个节点，但任意时刻只能有一个节点被渲染），组件会将定义的插入和移除动画通过默认插槽传递给内部包裹的元素或组件上。当Transition组件内部的元素被插入和移除时，Vue会自动执行以下
努力的小朱同学·2024-09-03 18:55

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

nuxt3+vue3+vite+TS实现国际化

博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。一、安装依赖#npm安装依赖npmivue-i18nnpmi@nuxtjs/i18n@
富朝阳·2024-09-03 07:46

zdppy+vue3+onlyoffice文档管理系统实战 20240902 上课笔记 登录功能优化

遗留问题1、登录以后跳转最近文档2、如果用户没有登录应该自动跳转登录页面3、如果用户的token校验失败，应该自动调整登录界面4、按回车键自动跳转登录页面登录以后跳转最近文档constrouter=useRouter()router.push("/")实际代码：constloginData=awaitapi.login(data.username,data.password)console.log
Python私教·2024-09-03 07:45

vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

因为目前cesium停止了对vue2的版本更新，现在默认安装都是vue3版本，因此需要控制版本，否则就会报错。
GIS瞧葩菜·2024-09-03 07:14

Vue中的ref与reactive

1.ref  ref是Vue3中引入的API，用于创建一个响应式的引用对象。它接收一个初始值作为参数，并返回一个包含了一个.value属性的对象。
广东数字化转型·2024-09-03 05:38

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

Spring扩展点系列-InstantiationAwareBeanPostProcessor

文章目录简介测试一1、配置文件Bean注册2、单元测试方法3、测试类4、输出结果结论测试二1、测试类2、输出结果结论源码解析postProcessPropertiesCommonAnnotationBeanPostProcessorAnnotationInjectedBeanPostProcessor
码至终章·2024-09-03 00:03

MyBatis 源码解析：DefaultSqlSessionFactory 的创建与管理

摘要在MyBatis中，SqlSessionFactory是执行数据库操作的核心对象，它负责创建和管理SqlSession的生命周期。你是否想了解SqlSessionFactory的创建和管理过程？本文将通过自定义实现一个简化版的DefaultSqlSessionFactory，带你深入探讨MyBatis中DefaultSqlSessionFactory的创建与管理机制，并帮助你更好地掌握SqlS
捕风捉你·2024-09-02 20:36

FFmpeg源码解析系列（一）目录和编译

引言当我们欣赏一部电影、观看一段视频或者享受一首音乐时，很少有人会停下来思考这一切是如何呈现在我们眼前的。然而，在每一帧的画面、每一秒的声音背后，有着一个不可思议的技术世界这个充满音视频的世界的核心之一，就是FFmpeg。FFmpeg是一个强大而复杂的多媒体处理工具，它为视频和音频编解码、流媒体传输、格式转换等提供了优秀的解决方案。在这个系列博客中，我们将深入探讨FFmpeg源码，解析它的工作原理
头快撑不住了·2024-09-02 13:59

vue3中用css transform实现组件自由拖拽

在Vue3中，可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子，展示如何使用这些技术来实现组件的自由拖拽。
天天进步2015·2024-09-02 13:26

Vue 3 中 `async` 函数的示例

在Vue3中，async函数通常用于处理异步操作，例如从服务器获取数据或执行耗时任务。async函数返回一个Promise，并且可以使用await关键字等待异步操作完成。
天天进步2015·2024-09-02 13:26

Vue3优化表单标签与布局，解决文字过长问题（附Demo）

目录前言1.增加标签宽度（生效）2.工具提示Tooltip（勉勉强强）3.缩小字体（不生效）4.CSS控制换行（不推荐）前言好不容易构思整个表单的布局，但是个别表单的文字过长，导致自动换行，遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整：尝试了多种方案，最终才有成效对于其他的方式，诸位也可尝试下1.增加标签宽度（生效）通过增加el-form-item的label-width，让
码农研究僧·2024-09-02 11:48
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他