响应式编程系列第33页

chrome 移动模拟工具

概述：用GoogleChrome移动模拟工具做更好的响应式设计：我们的网站、应用程序要怎样才能在各式各样的移动设备中有更好的响应式设计呈现效果？我们是不是需要在每一台移动设备中测试？

Coding-lover·2023-11-21 17:42

VUE3 数据的计算

和Vue2.0一样，数据的计算也是使用computedAPI，它可以通过现有的响应式数据，去通过计算得到新的响应式变量，用过Vue2.0的开发者应该不会太陌生，但是在Vue3.0，在使用方式上也是变化非常大

前端不加班·2023-11-21 15:06

CSS布局篇

1.引言CSS常见布局方式有很多种，如table布局、浮动布局、flex/grid布局、响应式布局等。这里先介绍浮动布局，其他布局方式后续补充。2.浮动布局浮动布局是通过属性float实现。

小笨郎·2023-11-21 13:55

你不知道的CSS函数，Min、Max、Clamp()函数基础用法

目录1.Min函数2.Max函数3.clamp函数1.流体尺寸2.反响应式计算工具参考文档3.动态分割线4.兼容性5.总结1.Min函数min()函数会从表达式的值中选择一个最小值作为CSS的属性值，支持多值多单位的列表

大丨阳·2023-11-21 13:55

minmax css_如何使用minmax（）CSS网格

CSS网格布局模块通过引入前所未有的新型灵活性，将响应式设计提升到了新的水平。

cune1359·2023-11-21 13:17

CSS函数min()、max()与clamp()

随着响应式设计的发展且日益细化，CSS本身也在不断发展，对于我们而言归功于现代浏览器的支持。下面来了解如何使用这些受支持的CSS函数控制元素的大小进而满足在实际项目中的应用。

Li Jingjing·2023-11-21 13:15

微服务学习|Gateway网关:网关作用、快速入门、路由断言工厂、路由过滤器配置、全局过滤器、过滤器执行顺序、跨域问题处理

而SprinaCloudGateway则是基于Spring5中提供的WebFlux，属于响应式编程的实现，具备更好的性能。搭建网关服务搭建网关服务的步骤:1.创建新的module，引入

玩复杂点·2023-11-21 10:38

vue3-响应式核心

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-响应式核心响应式核心目录响应式核心3.1ref()3.2computed()3.3reactive

前端青山·2023-11-21 09:16

Apache ShenYu源码阅读系列-基于WebSocket的数据同步

ApacheShenYu是一个异步的，高性能的，跨语言的，响应式的API网关。在ShenYu网关中，数据同步是指，当在后台管理系统中，数据发送了更新后，如何将更新的数据同步到网关中。

子夜2104·2023-11-21 09:30

响应式编程之手写Reactor-Netty

前言从使用到源码，研究了很久WebFlux及Reactor响应式编程之Reactor响应式编程之Reactivestreams响应式编程之手写Reactor响应式编程之WebFlux响应式编程之Reactor-Netty

pq217·2023-11-21 08:53

ref函数与reactive函数

我们只知道在setup里面定义变量需要使用ref函数才能变成响应式，但是具体过程及使用方式却不太清楚，今天总结下。

丹丹的小跟班·2023-11-21 07:49

vue3 ref和reactive使用watch属性的方法和区别

在Vue3中，您可以使用watch函数和watch选项来监视ref和reactive创建的响应式数据的变化。

无妄的罪·2023-11-21 06:47

前端CSS实现响应式TimeLine效果（附源码）

文章目录纯CSS搭建，先上效果图（附有源码）视图层index.htmlindex.css公用样式文件Main.css主要的样式文件纯CSS搭建，先上效果图（附有源码）本效果为纯CSS搭建，适配移动端和PC端！视图层index.html漂亮的时间轴UI效果Timelinecards2002Title1

__不靠谱先生·2023-11-21 06:00

WordPress画廊插件Envira Gallery v1.9.7河蟹版下载

响应式设计，适用于所有设备Envira，最佳响应式WordPress画廊插件，确保您的画廊在移动设备、平板电脑和桌面设

软希源码·2023-11-21 04:47

spring boot 学习3 web MVC核心与视图

内容：理解、认识、简化servlet特点：请求响应式（Request/Response）、屏蔽网络通讯细节、有完整的生命周期职责：处理请求（handler等）、资源管理（连接数据库、redis）、视图渲染

RunMonster·2023-11-21 03:58

Vue3-ref、reactive函数的watch

Vue3中引入了一个新的API：ref，它可以将一个简单的JavaScript类型值转换为一个响应式对象。在使用ref创建响应式变量时，我们可以使用value属性来访问或修改该变量的值。

我爱学习yq·2023-11-21 01:50

Vue.set、this.$set使用场景

1、对象新增根级别属性且需要响应式处理时(包括data新增变量)；eg：this.key='111'//之前没有key2、数组改变值时；eg：this.arr[0]=111//改变数组值时

Icewen·2023-11-21 00:30

ReactiveCocoa使用详解01

ReactiveCocoa（简称为RAC）,是由Github开源的一个应用于iOS和OS开发的函数式响应式编程框架，它提供了一系列用来组合和转换值流的API一.什么是响应式变成思想?

TitanCoder·2023-11-20 21:33

非原始值的响应式方案

实际上，实现响应式数据要比想象中难很多，并不是单纯地拦截get/set操作即可。举例来说，如何拦截for…in循环？track函数如何追踪拦截到的for…in循环？类似的问题还有很多。

布道师小羊·2023-11-20 21:48

原始值的响应式方案

另外，JavaScript中的Proxy无法提供对原始值的代理，因此想要将原始值变成响应式

布道师小羊·2023-11-20 21:48

响应系统的作用与实现

首先讨论什么是响应式数据和副作用函数，然后尝试实现一个相对完善的响应系统。在这个过程中，我们会遇到各种各样的问题，例如如何避免无限递归？为什么需要嵌套的副作用函数？两个副作用函数之间会产生哪些影响？

布道师小羊·2023-11-20 21:47

【Vue3】customRef及其应用场景

在阅读Vue3文档响应式基础时，看到了这个API。觉得可能在某些场景下确实还是比较好用的，所以拿来记录一下。

搬砖的猿@·2023-11-20 20:52

Vue3 toRaw 和 markRaw

一、toRaw我们可以使用ref和reactive将普通对象类型的数据变为响应式的数据。我们可以使用toRaw将reactive对象的数据变为一般对象类型的数据。

永久旅途·2023-11-20 20:50

Vue3customRef使用方法

使用场景ref函数可以创建一个响应式数据，有时我们希望可以自己控制数据的触发响应，就可以使用customRef函数自定义一个ref写法自定义ref的本质就是返回一个customRef函数，即rerturncustomRef

Dax1_·2023-11-20 20:18

java事件驱动框架

springWebFlux是随着Spring5推出的响应式web框架。基于HTTP/ReactiveStreams，运行环境需要支持异步运行的环境，如Netty、Undertow。

策马踏清风·2023-11-20 18:07

Vue3 源码解读系列（六）——计算属性

计算属性计算属性允许用户定义一个计算方法，然后根据一些依赖的响应式数据计算出新值并返回。当依赖发生变化时，计算属性可以自动重新计算获取新值，使用方便。

Jackson_Mseven·2023-11-20 18:18

Vue3 源码解读系列（五）——响应式

响应式响应式的本质是当数据变化后会自动执行某个函数。映射到组件的实现就是，当数据变化后，会自动触发组件的重新渲染。

Jackson_Mseven·2023-11-20 18:17

Vue3 源码解读系列（七）——侦听器

侦听器的内部设计：侦听响应式数据的变化，内部创建effectrunner，首次执行runner做依赖收集，然后在数据发生变化后，以某种调度方式去执行回调函数。

Jackson_Mseven·2023-11-20 18:14

[转]最值得拥有的免费Bootstrap后台管理模板

使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台，节约前端开发的时间。下面PHP程序员雷雪松给大家分享一下最值得拥有的免费Bootstrap后台管理模板。

qiandeqiande·2023-11-20 11:18

vueuse是什么

它的初衷就是将一切原本并不支持响应式的JSAPI变得支持响应式，省去程序员自己写相关代码。我百度了一下VueUse，硬是没人写这方面的资料，大约是因为Vue3还没有铺开使用吧。

山抹微云_9c0c·2023-11-20 10:25

Vue的计算属性和watch 侦听器【vue学习day3】

计算属性在页面初始化进来，也会计算一次image.pngimage.pngimage.png二、watch侦听器(监视器)2.1.watch的简单写法image.png实时翻译功能实现防抖实现，此地的timer并不需要响应式

扶得一人醉如苏沐晨·2023-11-20 10:26

尚硅谷 SpringBoot 学习笔记，适合快速上手，可编译可运行，配合视频食用更佳

SpringBoot文章目录@一榔捶SpringBoot01、Spring与SpringBoot1、Spring能做什么1.1、Spring的能力1.2、Spring的生态1.3、Spring5重大升级1.3.1、响应式编程

一榔捶·2023-11-20 09:24

Vue3+Vite实现工程化，ref初次接触响应式和setup语法糖

1、App.vue/*functionsetup(){letnum=9;}*///vue2中所有的变量都是响应式的，但是vue3中默认所有的变量都不是响应式import{ref}from"vue";/*

丁总学Java·2023-11-20 09:47

Vue3+Vite实现工程化，响应式基础

letcounter=0;functionshow(){alert(counter)}-{{counter}}+显示counter值

丁总学Java·2023-11-20 09:47

数据采集与大数据架构分享

支持的爬虫框架还是有很多的，如：webMagic、Spider、Jsoup等添加链接描述pipeline处理管道数据并发开发与应用AKKAAkka是一个构建在JVM上，基于Actor模型的的并发框架，为构建伸缩性强，有弹性的响应式并发应用提高更好的平台

学习3人组·2023-11-20 07:49

Gateway服务网关

SpringCloudGateway基于SpringBoot2.x的响应式编程模型，提供了更快的应用程序和API网关。

望南364·2023-11-20 04:00

Android Rxjava架构原理与使用的详解解答

Rx是ReactiveExtensions的简写，翻译过来就是，响应式拓展。所以Rxjava的名字的含义就是，对java语言的拓展，让其可以实现对数据的响应式编程。

Android技术栈·2023-11-20 02:26

Vue 的 computed 和 watch 的区别

/awesome-interview/相关问题computed和watch的实现原理computed和watch的适用场景回答关键点响应变化属性侦听computed是模板表达式的声明式描述，会创建新的响应式数据

HZFEStudio·2023-11-20 00:14

移动端页面(一): 响应式

移动端交互注意点既然我们是要做移动端的页面,那么我们肯定首先要知道移动端的一些特点,下面这四点我觉得是在做移动端页面的时候我们需要注意的移动端没有hover移动端一般我们用touch相关事件而不是click相关事件移动端没有resize移动端的滚动是没有滚动条的metaviewport不知道大家有没有这么一种经验,在写html时,如果页面不加下面这句我们用手机访问这个页面的时候,手机浏览器会按照P

squall1744·2023-11-19 23:13

源码层面理解 LiveData 各种特性的实现原理

0前言 LiveData是Jetpack提供的响应式编程组件，可以包含任何类型的数据，并且在数据发生改变时通知观察者。

能一块玩吗丶·2023-11-19 21:50

50+款前端高效开发辅助工具总结

2.Bootstrap是一个流行的前端开发框架，它提供了一组CSS样式和JavaScript组件，可以帮助开发者快速构建响应式的网站和应用程序。

SteveRocket·2023-11-19 21:32

【vue3练习 -12】vue3使用readonly(),shallowReadonly()

作用：把一个响应式（可以是ref定义的，也可以是reactive定义的）的数据变成只读的，不可以修改，使用场景：假如你的组件有个数据，但是你不希望在使用的时候修改他就可以把他变成只读的用法示例：import

蕉君桑·2023-11-19 19:04

Vue3只读代理---readonly、isReadonly、shallowReadonly

readonly获取一个对象(响应式或纯对象)或ref并返回原始代理的只读代理,不能给属性重新赋值。只读代理是递归的：访问的任何嵌套property也是只读的。

山竹回家了·2023-11-19 19:34

VUE3----readonly 与 shallowReadonly

readonly与shallowReadonlyreadonly:让一个响应式数据变为只读(深只读)shallowReadonly:让一个响应式数据变为只读(浅只读)应用场景:不希望数据被修改时当前的求和为

十友九·2023-11-19 19:33

Vue3的readonly()与shallowReadonly()

readonly()里面可以传入一个响应式的数据参数，表示只读应用：有一些节点不能修改，可以用这个年龄是：{{age}} 改变年龄 import{reactive,readonly,toRefs

小辉吖～·2023-11-19 18:31

Vue3中readonly 与 shallowReadonly的使用方法

readonly:让一个响应式数据变为只读的（深只读）。shallowReadonly：让一个响应式数据变为只读的（浅只读）。应用场景:不希望数据被修改时。

李公子丶·2023-11-19 18:31

Vue3快速入门-readonly 与 shallowReadonly

查看本系列文章合集clickme下载本系列文章源码clickmereadonly深度只读数据获取一个对象响应式、普通对象或ref对象并返回它们的只读代理对象。访问任何层级属性都是只读的，不能修改。

温情key·2023-11-19 18:00

vue3.0学习笔记 (readonly深只读和shallowReadonly浅只读)

workObj.wage}}点击改变数据import{reactive,readonly}from"vue";exportdefault{setup(){//相当于vue2.0中的dataref准备进行响应式

许你满眼星辰·2023-11-19 18:28

Vue3-readonly(深只读) 与 shallowReadonly（浅只读）

Vue3-readonly(深只读)与shallowReadonly（浅只读）readonly(深只读)：具有响应式对象中所有的属性，其所有值都是只读且不可修改的。

南瓜骨头·2023-11-19 18:24

推荐频道

响应式编程系列