响应式语法糖

《HTML 与 CSS—— 响应式设计》

为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。
陈在天box·2024-09-16 02:59

《Android进阶之光》— Android 书籍

Android新特性1第2章MaterialDesign48第3章View体系与自定义View87第4章多线程编程165第5章网络编程与网络框架204第6章设计模式271第7章事件总线308第8章函数响应式编程
王睿丶·2024-09-15 09:09

【Vue3源码实现】Ref isRef unRef proxyRefs实现

前言在上篇文章中我们了解了响应式原理，并在最后实现了reactive。
ZhaiMou·2024-09-14 22:24

vue3 响应性API

toRef可以用来为源响应式对象上的property性创建一个ref。然后可以将ref传递出去，从而保持对其源property的响应式连接。本质类似指针引用。
weixin_44747590·2024-09-14 22:53

手撸vue3核心源码——响应式原理(isRef和unRef)

今天来实现一下ref的功能函数，isRef与unRefisRefisRef和isReactive一样，都是用于检测数据类型，isRef是检测是不是一个ref对象,跟isReactive函数实现起来一样,我们先来写一个单元测试这里要实现的功能是，检测ref对象肯定就通过返回true，检测普通类型数据以及reactive对象都是falseit("itshouldreturnaboolean",()=>
前端不是渣男·2024-09-14 22:20

[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解

ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对
oumae-kumiko·2024-09-14 21:46

vue3-响应式API(工具函数)-unRef

unRef作用：如果参数是ref，则返回内部值，否则返回参数本身。理解：val=isRef(val)?val.value:val应用：sortField=unref(tableRef)?.getSortFields()
hx_1199·2024-09-14 21:16

vue3 响应式API customRef()

使用ref()定义响应式数据：{{inputValue}}import{ref}from'vue';constinputValue=ref('hello')使用Vue提供的默认ref()定义响应式数据，
fishmemory7sec·2024-09-14 21:16

Vue 和 React 的对比

React和Vue有许多相似之处：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。
淘淘是只狗·2024-09-14 14:58

使用sass的混合插入模式进行@media响应式媒体查询做自适应开发

使用sass的混合插入模式进行@media响应式媒体查询做自适应开发//定义混合指令并传参数@mixinrespond($breakname){//控制指令@if$breakname=='phone'{
miao_zz·2024-09-14 06:36

vue2与vue3的区别

1.vue2和vue3响应式原理发生了改变vue2的响应式原理是利⽤es5的⼀个API，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。
longfan_·2024-09-14 03:19

web前端达到什么水平，才能找到工作？

随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。
cj瑾瑜·2024-09-14 01:05

vue如何获取一个元素的基本信息

PS：代码全部使用Vue3和setup语法糖来写的首先准备HTML结构点击该元素的相关信息获取Vue部分import{onMounted,ref}from"vue";constmyElement=ref
LJ小番茄·2024-09-13 16:11

ref 和 reactive 区别

前言ref和reactive是Vue3中响应式编程的核心。在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新，反之亦然。
有一个好名字·2024-09-13 16:40

cross-plateform 跨平台应用程序-06-uni-app 介绍

whatuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/京东
知识分享官·2024-09-13 14:29

Vue2和vue3有哪些区别？

2.Vue3中，组件的导出和注册可以使用新的语法糖，只需将组件的配置放在标签中，并使用defineComponent方法导出组件对象2.数据定义1.Vue2中，数据需要在data选项中定义，并且只有在data
IT 前端 张·2024-09-13 02:36

深度长文解析SpringWebFlux响应式框架15个核心组件源码

SpringWebFlux介绍SpringWebFlux是SpringFramework5.0版本引入的一个响应式Web框架，它与SpringMVC并存，提供了一种全新的编程范式，支持异步非阻塞的Web
快乐非自愿·2024-09-12 18:19

移动WEB开发（第四天）__响应式布局

移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap
加蓓努力我先飞·2024-09-12 11:04

html css网页制作成品

前言在HTML和CSS中创建一个网页是一个简单的过程，但是要创建一个成品级的网页，你需要考虑更多的因素，例如：响应式设计：确保你的网页在不同的设备和屏幕尺寸上都能良好显示。
A_aspectJ项目开发·2024-09-12 05:27

vue缓存事件的方法有什么

使用Vue实例的响应式对象：可以将数据存储在Vue实例的响应式对象中以便在事
芥子纳须弥1116·2024-09-12 03:42

vuex快速入门

vuex是什么*1.Vuex的状态存储是响应式的2.你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(commit)mutation。
弓弓弓長·2024-09-12 01:01

Vuex快速入门

vue的一个状态管理工具,状态就是数据大白话:vuex是一个插件,可以帮助我们管理vue通用数据(多组件数据共享)场景某个状态在多个组件使用(个人信息)多个组件共同维护一份数据(购物车)优势数据集中化管理响应式
m0_66357705·2024-09-12 00:54

vue3入门知识点

vue2与vue3的区别1.响应式原理vue2响应式原理采用Object.defineProperties监听对象的getter与settervue3pxoy代理的方式监听对象2.启动方式在main.js
眼缘丶·2024-09-11 23:14

Vue3 全文知识点

vue全文知识点vue3学习1关于项目初始化2vue3语法setup3vue3语法和vue2语法兼容4setup语法糖5响应式数据-基础6响应式数据-ref定义对象类型数据6toRef，toRefs将多个非响应式数据转变为响应式数据
清风ꦿ·2024-09-11 21:34

Vue实现双向数据绑定

v-model是Vue.js提供的一个语法糖，它能够在表单元素和组件上实现数据的双向绑定。
眉间是银河·2024-09-11 19:47

java reactor框架_关于java:Java反应式框架Reactor中的Mono和Flux

1.前言最近写对于响应式编程的货色有点多，很多同学反映对Flux和Mono这两个Reactor中的概念有点懵逼。
中一贝爷·2024-09-11 17:03

Vue——v-model双向绑定数据原理及用法

vue中双向绑定是一个指令v-model，所谓的双绑就是可以绑定一个响应式数据到视图，同时视图中变化能改变该值。v-model是语法糖，默认情况下相当于:value和@input。
樱丸小桃子啊·2024-09-11 06:44

Vue解說

响应式数据绑定：Vue使用双向数据绑定，
白总Server·2024-09-11 06:39

Vue2——v-model 双向绑定的原理

v-model是vue中进行数据双向绑定的指令，v-model本质就是:value+input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。
AYANGIJ·2024-09-11 05:06

vue源码分析-挂载流程和模板编译

前面几节我们从newVue创建实例开始，介绍了创建实例时执行初始化流程中的重要两步，配置选项的资源合并,以及响应式系统的核心思想，数据代理。
yyzzabc123·2024-09-11 05:05

(代码可运行)Bootstrap框架的HTML示例

Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。
程序员大侠·2024-09-10 21:43

《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》

为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。
陈在天box·2024-09-10 19:30

南京网站设计手机用的网站

一个响应式的网站能够在各种设备上流畅运行，保证用户无论是在电脑还是手机上都能享受到统一且优质的体验。首先，南京的网站设计在视觉效果上进行了迎合手机用户的优化。
做网站建设制作设计小程序·2024-09-10 15:52

《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》

为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。
陈在天box·2024-09-10 10:28

ThreadLocal内存如何释放

是ThreadLocal是web中线程中存储变量传送数据的神奇，因为web中每个请求都一个是线程，所以可以理解为一次请求到结束都是可以在ThreadLocal中存储获取的（不包括异步、响应式webflux
风吹吹2·2024-09-10 07:04

vue3知识总结

以下是对Vue3知识的总结：一、性能优化响应式系统升级：Vue3使用Proxy替代了Vue2中的Object.defineProperty，实现了对对象变化的更广泛监测，包括对象的添加和删除，以及数组的长度和索引变化
软件技术NINI·2024-09-10 07:32

Vue 中的 Vuex：全面解析与使用教程

Vuex提供了响应式的数据存储，与Vue组件深度集成，这意味着当状态发生变化时，所有依赖该状态的
NMY112·2024-09-10 02:00

vue3 watch监听响应式数组失效问题

constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
妙明元心·2024-09-10 01:55

Nginx部署前端Vue项目的深度解析

访问Vue应用七、高级配置7.1启用HTTPS7.2启用Gzip压缩7.3缓存控制八、常见问题与解决方案8.1404错误8.2权限问题8.3跨域问题九、总结在现代Web开发中，Vue.js因其组件化、响应式数据绑定和易于上手的特点
小周不想卷·2024-09-10 01:41

Vue 中 nextTick 的最主要作用是什么，为什么要有这个 API

nextTick的最主要作用确保DOM更新完成:Vue的响应式系统会在数据变化后异步更新DOM。当你更改数据并立即访问DOM时，可能会发现DOM尚未反映最新的变化。nextTick允许你在DOM更新
m0_73882020·2024-09-09 20:15

响应式 Web 设计 - Viewport

什么是Viewport?viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置viewport一个常用的针对移动网页优化过的
hi武林高手·2024-09-09 04:27

【vue3】钩子函数详细介绍

然而，在使用语法糖时，props可以直接解构，而不需要显式地接收context。1）基本示例：//使用普通script标签exportdefault{name:
纳米小川·2024-09-09 01:31

Android应用开发架构之MVI：原理、流程与实战指南

前言在现代的Android应用开发中，构建可维护、可扩展且具备响应式特性的架构变得越来越重要。在本文中，我们将介绍一种新颖的架构模式：MVI（Model-View-Intent）。
小城哇哇·2024-09-08 22:40

chapter06 面向对象基础 知识点Note

文章目录前言类的设计属性和行为对象的内存解析（堆栈方法区）类的成员之一变量(属性)field类的成员之二方法method对象数组方法重载overload可变个数的形参语法糖方法的值传递机制递归关键字packageimportMVC
月下绯烟·2024-09-08 17:05

【Material-UI】Mini Variant Drawer 详解

Minivariantdrawer概述1.组件介绍2.Minivariantdrawer的核心特点二、Minivariantdrawer的基本实现三、Minivariantdrawer的细节解析1.展开与折叠的动态效果2.响应式设计
Peter-Lu·2024-09-08 13:04

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

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

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

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

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他