Reactive响应式编程系列

了解elementUI的底层源码, 进行二次开发

●数据响应式：Vue.js如何跟踪数
java我跟你拼了·2024-09-08 12:28

面试php项目中遇到的难点,前端面试被问到项目中的难点有哪些？

1.流式布局如何实现，响应式布局如何实现？流式布局：也叫fluid,当上面一行的空间不够容纳新的TextView时候才开辟下一行的空间。场景：主要用于关键词搜索或者热门标签等场景
weixin_39966130·2024-09-07 21:48

Pinia+Vue3使用案例及Pinia持久化存储

如果你熟悉CompositionAPI，你可能会认为你已经可以通过一个简单的导出conststate=reactive({})来共享一个全局状态。
m0_67401228·2024-09-07 17:52

Vue响应式进阶常用API学习

shallowRefref的浅层作用形式。shallowRef是浅层引用,只会跟踪原始对象的引用,不会跟踪原始对象的属性   {{data.name}}  {{data.address.city}} ​import{shallowRef}from'vue'constdata=shallowRef({ name:'张三', age:18, address:{  city:'北京'}})//下面的更新
Alan-Xia·2024-09-07 11:41

vue3和vue2的双向绑定原理

以下是两者的原理对比：Vue2的双向绑定原理在Vue2中，双向绑定是通过以下机制实现的：响应式系统:Vue2使用Object.defineProperty来实现响应式数据。
m0_73882020·2024-09-07 10:57

Vue 3 中 provide 和 inject 高级用法与最佳实践

《Vue3中provide和inject高级用法与最佳实践》一、基本概念二、高级用法（一）提供函数（二）响应式数据（三）多值提供三、最佳实践（一）封装通用服务（二）避免过度依赖（三）命名规范（四）结合Vuex
暖阳浅笑-嘿·2024-09-07 07:12

Vue2 中对数组进行操作时需要注意什么

在Vue2中，对数组进行操作时有一些需要特别注意的地方，以确保Vue的响应式系统能够正确地检测和反应数据的变化。
m0_73882020·2024-09-07 07:37

vue3，贪吃蛇

得分:{{score}}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted
har01d·2024-09-07 04:20

Vue-技巧

V-bind="$attrs",V-bon="listeners"来获取到没有定义的props以及方法3.Object.freeze:1.大数据的时候，如果有一些数据不需要响应式变化，既可以拆分组件，做
菜鸟出动大神让路·2024-09-07 04:58

推荐开源项目：WP-Player - 强大的WordPress音频与视频播放器

技术分析1.响应式设计WP-Player采用现代Web开发原则，支持响应式布局，无论在桌面、平板还是手机等不同设备上，都能自动调整以适应屏幕大小
邹澜鹤Gardener·2024-09-06 23:50

MVVM架构

随着Vue响应式框架越来越火，有关MVVM架构的越来越引起人们的关注，下面做详细介绍。MVVM是Model-View-ViewModel的简写，是基于数据绑定的基础架构。
努力突破·2024-09-06 13:09

vue3.5新增特性

1.响应式内部源码优化2.Props的解构比较方便设置默认值解构后依旧是响应式//子组件const{message="默认值message",count=0}=defineProps({message:
是云呀！·2024-09-06 12:04

JavaScript常用前端框架和库浅谈_前端框架设计-js

Vue.js的核心概念包括组件、指令和响应式数据等。Vue.js还提供了一种称为VueRouter的路由管理工具和Vuex状态管理库。
2401_84435885·2024-09-05 18:06

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

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是
逆旅行天涯·2024-09-05 17:26

vue2的缺陷

数组的部分操作没有响应式push()，pop()，shift()，unshift()，splice()，sort()，reverse()因为这7个api会修改原数组,换句话来说,只要不修改原数组的api
nz一只肥猫·2024-09-05 17:52

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？轻量灵活：相比Vuex，Pinia更加轻量化，代码更简洁，并且API更加直观易用。
NMY112·2024-09-05 10:43

IOS热门面试题（二）

请解释iOS中的自动布局（AutoLayout）和约束（Constraints）的作用iOS中的自动布局（AutoLayout）和约束（Constraints）是构建响应式和动态用户界面（UI）的关键工具
jun778895·2024-09-05 10:10

1.4 State -- useStorage

1.4State–useStoragehttps://vueuse.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。
weixin_mouren·2024-09-05 09:05

第五章 手写ref函数

，则直接返回一个RefImpl对象，并对这个对象设置属性访问器和属性修改器，在其中进行对应的依赖收集和触发更新如果接受一个复杂类型的数据，则会将数据包装成一个RefImpl对象，并将其value值通过reactive
DT——·2024-09-05 07:49

vue中的watch和$watch的用法实际场景和区别

watch（组件选项）watch是Vue组件的一个选项，它允许你定义一些监听器，这些监听器会在组件的响应式数据变化时调用。它主要用于组件内部的数据监听。
肖肖肖丽珠·2024-09-05 05:39

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

代码lettype=ref(null)letpageHouseDTO=reactive({type:type.value,provinceId:null,cityId:null,areaId:null,
J不A秃V头A·2024-09-05 04:29

PWA（Progressive Web App，渐进式网络应用）

响应式设计：适应不同的屏幕尺寸和设备类型。离线工作：利用ServiceWorkers技术，可以在离线或网络不稳定
秋夫人·2024-09-05 04:59

其他面试题

出现的条件编译例如：    这是h5端 性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（css引入）二、图片优化1.图片懒加载2.响应式图片
奈何我是个菜鸡·2024-09-05 01:43

jquery swiper插件的用法

它支持触摸滑动、响应式设计、循环滑动、分页器、滚动条等多种功能，非常适合用于轮播图、滑块导航等场景。以下是一个详细的Swiper插件教程及案例介绍。二、加载插件首先加载插件，需要用到的
A_aspectJ项目开发·2024-09-04 23:32

Open WebUI官方库：解锁人工智能服务的官方通道

OpenWebUI的特点包括直观且响应式的用户界面、快速响应的性能、全面的Markdown和LaTeX支持、本地RA
黑金IT·2024-09-04 22:55

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

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

什么是Vue的响应式数据（Reactivity）？

Reactivity是一个多义词，其含义和应用领域广泛。以下是对Reactivity在不同领域的详细解释：1.基本含义名词：Reactivity主要用作名词，其基本含义为“反应”或“反动”。发音：英式发音为[ˌriːækˈtɪvəti]，美式发音相同。2.语言学中的含义在语言学中，Reactivity通常指一个词或短语对刺激的反应性或敏感性。3.计算机科学中的含义系统响应能力：在计算机科学中，Re
软件技术NINI·2024-09-04 07:45

第四章 细节处理

//创建一个响应式e
DT——·2024-09-04 07:45

第六章 手写computed函数

1.computedvue中，计算属性api主要是通过其所依赖的响应式数据来动态计算所需要的值。在Vue3中，它的本质上其实是一个函数，该函数返回一个ref对象，其value属性就是计算结果。
DT——·2024-09-04 07:45

第七章 手写watch 实现

第一个参数是需要监听的响应式数据，对于复杂类型的数据可以直接传变量本身或者传入一个函数，该函数返回需要监听的数据，如果是简单类型数据，则必须传入一个函数然后函数返回该数据。
DT——·2024-09-04 07:45

前端框架介绍

前端框架是Web开发中不可或缺的工具，它们通过提供结构化的开发方式、模块化组件、响应式设计以及高效的性能优化，极大地简化了Web应用程序的开发过程。
bigbig猩猩·2024-09-04 06:09

vue2开发心得

computed中的属性是响应式的，这意味着当它们的依赖项发生变化时，Vue将自动更新依赖于这些计算属性的任何DOM。2.Object.assign()函数Object.assign()函数用于
Albert.H.Holmes·2024-09-03 20:11

实现前端响应式布局

实现前端响应式的布局的方法有很多种，下面我介绍的是使用rem跟vw/vh这两种方法来实现响应式页面。1.使用rem来实现响应式布局rem：是一个相对根元素字体大小的单位。总的来说就是一个相对单位。
冬天爱吃冰淇淋·2024-09-03 06:11

css怎么做响应式布局,用CSS实现响应式布局

响应式网页看起来高大上，但实际上，不用JS只用CSS也能实现响应式网站的布局要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用使用@media的三种方式第一：直接在CSS文件中使用@media类型
休蒙提的可爱背包·2024-09-03 06:11

用CSS实现前端响应式布局

一、响应式布局的重要性随着移动设备的普及，越来越多的用户通过手机、平板电脑等设备访问网页。如果网页不能适应不同的屏幕尺寸，就会出现布局混乱、内容显示不全等问题，严重影响用户体验。
小刘|·2024-09-03 06:39

Vue中的ref与reactive

在Vue中，ref和reactive是用于处理响应式数据的两个不同的API。1.ref  ref是Vue3中引入的API，用于创建一个响应式的引用对象。
广东数字化转型·2024-09-03 05:38

React中响应式原理

今天看flutter文档，上面讲了react的响应式原理，觉得讲的通俗易懂，摘抄下来，以后复习方便React中响应式原理1.开发者只需关注状态转移（数据），当状态发生变化，React框架会自动根据新的状态重新构建
盼盼盼·2024-09-03 02:43

3.7 Browser -- useMediaQuery

3.7Browser–useMediaQueryhttps://vueuse.org/core/useMediaQuery/作用响应式的媒体查询。
weixin_mouren·2024-09-03 01:38

2.1 Elements -- useActiveElement

2.1Elements–useActiveElementhttps://vueuse.org/useActiveElement作用响应式的document.activeElement，配合一些特殊的标识
weixin_mouren·2024-09-03 01:35

Vue学习笔记 一

Vue.js是一套响应式的JavaScript开发库。Vue.js自问世以来所受关注度不断提高，在现在的市场上，Vue.js是非常流行的JavaScript技术开发框架之一。
涔溪·2024-09-02 16:14

html5 css3 JavaScript响应式中文静态网页模板js源代码

该批次模板具备如下功能：首页，二级页面，三级页面登录页面均有，页面齐全，功能齐全，js+css+html,前端HTML纯静态页面，无后台，可用dreamweaver,sublime,webstorm等工具修改；部分网页模板效果图：有需要的同学可以下载学习一下：https://download.csdn.net/download/Yucool01/22408278https://download.c
Yucool01·2024-09-01 23:32

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript什么是Vue.jsVue.js是一种流行的JavaScript前端框架，用于构建交互式的、响应式的用户界面
秋说·2024-09-01 22:52

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
万能螺丝刀1·2024-09-01 20:10

vue中ref和reactive

ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。
Lancelot212·2024-09-01 18:58

CSS特效——图标图片悬浮旋转一周

动画基础示例一：简单的无限循环旋转HTML结构CSS样式代码解释示例二：添加延迟和方向控制CSS样式代码解释示例三：使用伪元素增强视觉效果CSS样式代码解释示例四：结合过渡效果CSS样式代码解释示例五：响应式设计
DTcode7·2024-09-01 18:58

Vue3 ElementPlus Table表格实现单选

import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData
云只上·2024-09-01 12:20

vue响应式原理

对于响应式原理，我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一
.YoIo·2024-09-01 10:04

vue3 reactive和ref的区别

reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据,它内部会自动通过reactive转为代理对象。
张张张爱学习·2024-09-01 04:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他