响应式函数编程

grid布局，flex布局实现类似响应式布局的效果

一.grid布局实现代码.box{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));/*自动填充，最小宽度300px*/justify-content:space-between;gap:10px;}.item{background:pink;height:100px;}12345678效果图：一.flex
拾荒旧痕·2024-01-25 06:48

Vue学习- 侦听器使用

当有一些数据需要随着其它数据变动而变动时，很容易滥用watch，对于任何复杂逻辑，应当使用计算属性（computed），计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值
_pass·2024-01-25 00:30

vue3项目+TypeScript前端项目——vue3中的组件通信方式

可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信，很重要**pubsub:**发布订阅模式实现任意组件通信，不常用vuex:集中式状态管理容器，实现任意组件通信ref:父组件获取子组件实例VC,获取子组件的响应式数据以及方法
口袋の的天空·2024-01-24 21:42

前端学习路线

CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。JavaScript：理解基本语法、数据类型、变量、函数、流程控制，以及DOM操作。
注孤生程序员·2024-01-24 21:36

Vue之常用指令

文章目录一、什么是VueVue的两种开发方式：二、创建Vue实例三、插值表达式{{}}1.作用：利用表达式进行插值，渲染到页面中2.语法3.错误用法四、响应式特性1.什么是响应式？
白小筠·2024-01-24 20:07

Vue插件集合

UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式
不付好时光·2024-01-24 18:41

vue数据双向绑定的原理+响应式原理

https://my.oschina.net/u/4386652/blog/4281447双向绑定：数据变化更新视图view=>model利用Object.defineProperty的get、set函数对数据更改、读取进行监听。如果数据改变就通知watcher进行重新渲染页面视图变化更新数据model=>view利用事件监听，通过target.value拿到新值赋值给data数据变化更新视图关键
浅浅_2d5a·2024-01-24 14:00

soul网关简单的快速入门

soul介绍这是一个异步的,高性能的,跨语言的,响应式的API网关。我希望能够有一样东西像灵魂一样，保护您的微服务。
云洛尘·2024-01-24 13:37

react craco配置响应式postcss-px-to-viewport

安装yarnaddpostcss-px-to-viewportcraco.config.jsconstpath=require("path");constpxtovw=require("postcss-px-to-viewport");constmy_pxtovw=pxtovw({//这里是设计稿宽度自己修改unitToConvert:"px",//要转化的单位viewportWidth:750,
不努力code·2024-01-24 12:34

14.CSS学习（五）

上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3
Kylincsg·2024-01-24 12:42

Vue 3 + Ts 钩子函数（hooks）的用法，以＜script setup lang=“ts“/＞语法糖形式 #reactive #ref

reactive{{count}}import{ref,onMounted}from'vue'//使用reactive创建响应式数据conststate=reactive({count:0})//定义一个增加
Light-ing·2024-01-24 11:24

【vue3 $refs和特殊attr：ref 】获取子组件实例 & 规范获取Dom元素；（统称模板引用）

$refs也是非响应式的，因此你不应该试图用它在模板中做数据绑定。
oumae-kumiko·2024-01-24 09:31

SpringBoot-Web开发

你也可以选择使用spring-boot-starter-webflux模块来构建响应式web应用。1.Web场景SpringBoot的Web开发能力，由Sp
atCarl·2024-01-24 08:40

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-8 计算两个数的和

代码计算两个数的和+=100上述代码中，第9行代码绑定oninput事件，用来将计算的结果绑定到标签；第10、12行代码定义id值分别为a和b的数字输入框。运行效果更改输入框中的数字，结果也将发生改变标签用于定义不同类型的输出。
m0_73657966·2024-01-24 07:48

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-9 HTML5 表单验证

代码HTML5表单验证请输入您的邮箱:输入个人网址:上述代码中，当设置type的值为email时，表示验证邮箱；type的值为url时，表示验证URL地址。运行效果表单验证是一套系统，它为终端用户检测无效的数据并标记这些错误，让Web应用更快地抛出错误，优化了用户体验。为了更方便地进行表单页面的开发，HTML5还提供了强大的内置相关正则表达式，当type为email或url等类型的标签时，如果va
m0_73657966·2024-01-24 07:11

对Vue有状态组件和无状态组件的理解及使用场景

Vue具有以下特点：响应式数据绑定：Vue使用了响应式的数据绑定机制，通过将数据与视图进行绑定，使得数据的变化可以自动反映到视图上，减少了手动操作DOM的工作。组件化开发：Vue
杨荧·2024-01-24 06:09

【前端可视化】postcss-px-to-viewport 适配怎么限制最大宽度？使用 postcss-mobile-forever

需求原因自己用nuxt3写官网发现用postcss-px-to-viewport这个插件虽然能够实现基于vw的响应式，但是无法做到限制宽度，比如设计稿1920p，我只想让最大缩放比例为1920p，不能超过
努力挣钱的小鑫·2024-01-24 06:45

Vue生命周期；综合案例；工程化开发入门

（至少dom得渲染出来）Vue生命周期：一个Vue实例从***创建***到***销毁***的整个过程newVue()①创建（生命就开始了）→②挂载→③更新→④销毁（比如网页被关掉）①创建阶段（响应式处理
W`hite·2024-01-24 06:36

vue axios 请求拦截和响应式拦截

1、请求拦截：在我们发送请求给服务器前我们可以做的一些事2、响应式拦截：请求完成服务器返回我们数据及请求状态，在这里可以对响应统一做处理importaxiosfrom'axios'importrouterfrom
爱怪笑的小杰杰·2024-01-24 06:31

vue3源码解读--ref

在vue官网中指明ref可以进行响应式处理，那我们就来看看它是怎么玩儿的将代码定位到执行setup函数的地方，即callWithErrorHandling这将调用ref函数，这实际上
习惯水文的前端苏·2024-01-24 04:54

vue生命周期和组件

1.beforeCreate（创建前）：数据监测(getter和setter)和初始化事件还未开始，此时data的响应式追踪、event/watcher都还没
前端fighter·2024-01-24 03:34

8.Gateway服务网关

3.Gateway服务网关SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关
可我不想做饼干·2024-01-24 02:57

简单自定义vuex的设计思路

步骤：1.Store类，保存选项，_mutations，_actions，getters2.响应式状态：newVue方式设置响应式。
Goat恶霸詹姆斯·2024-01-24 02:56

自定义插件vue-router简单实现hashRouter设计思路

$slots.default)3.url的监听：windowhashchange的改变4.定义响应式current，de
Goat恶霸詹姆斯·2024-01-24 02:26

Vue-数据响应式

一个物体能对外界的刺激作出反应，那他就是响应式的constvm=newVue({data:{n:0}})我如果修改vm.n，那么UI中的n就回来响应我Vue通过Object.defineProperty
Shigure_Rain·2024-01-24 00:29

Vue3setup()的非语法糖和语法糖的用法

return导入某个组件时也不需要注册//script标签上写setup属性，不需要exportdefault{}setup()都可以省import{ref}from'vue'//组合式api//创建响应式数据
诗霖雪·2024-01-23 22:55

一文掌握 vue3.2

一文掌握vue3.2前言1、setup语法糖1.1defineProps1.2defineEmits1.3defineExpose2、ref、reactive创建响应式数据3.1ref3.2reactive3
#GZ·2024-01-23 22:45

CSS通用样式2——Flex布局

弹性盒子也是CSS的一种新的布局模式，更适合响应式的设计。一.定义弹性盒子使用display通用类d-flex或d-inline-flex类创建一个flexbox容器，并将子元素转换为flex属性。
抱抱旋旋子·2024-01-23 21:27

Vue3:状态管理-Store(Vuex,Pinia)

什么是状态管理理论上来说，每一个Vue组件实例都已经在“管理”它自己的响应式状态了它是一个独立的单元，由以下几个部分组成状态：驱动整个应用的数据源；视图：对状态的一种声明式映射；交互：状态根据用户在视图中的输入而作出相应变更的可能方式
梦雨生生·2024-01-23 19:56

this.$forceUpdate()强制重新渲染组件

$forceUpdate()是Vue.js中的一个方法，用于强制组件重新渲染，即使没有响应式数据发生变化。
是貔貅喔·2024-01-23 16:30

Bootstrap之辅助类样式，响应式工具和小图标组件

Bootstrap之辅助类样式，响应式工具和小图标组件的使用一.辅助类样式Bootstrap在布局方面提供了一些细小的辅助类样式，用于文字颜色以及背景色的设置、显示关闭图标等等。
Ying（英子）·2024-01-23 14:27

html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面

今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言1.WooWOO是一个干净、现代的登陆页面网站模板。
神码观察·2024-01-23 13:55

SpringCloudGateway服务网关的使用

SpringCloudGateway的使用SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关
NPE~·2024-01-23 13:19

【Vue】终极笔记：面试必胜宝典，大厂面试题源码级详解 (持续更新！！！)

v-if和v-for哪个优先级更高分析：思路分析：回答范例：3、简述Vue的生命周期以及各阶段做的事分析：思路：回答范例：4、能说一说双向数据绑定的使用和原理吗分析：思路分析：回答范例：5、说一说你对vue响应式的理解分析
网络真危险！！·2024-01-23 11:07

前端面试题-vue专区

1、vue中给对象添加新属性时，界面不刷新怎么办Vue不允许在已经创建的实例上动态添加新的响应式属性若想实现数据与视图同步更新，可采取下面三种解决方案：Vue.set()Object.assign()$
zbsnzj·2024-01-23 11:37

vue和react的区别

react的核心思想是声明式渲染和组件化，单向数据流二.组件写法不同：vue的组件写法是通过template的单文件组件格式react的组件写法是JSX+行内样式，就是HTML和CSS全部写到js中三.响应式原理不同
小吴吴吴呀·2024-01-23 09:37

界面控件DevExpress ASP.NET Data Grid组件 - 可快速处理各类型数据！（一）

P.S：DevExpressASP.NETWebFormsControls拥有针对Web表单（包括报表）的110+种UI控件，可利用轻量级渲染、响应式布局和现代性能优化技术。DevExpress
界面开发小八哥·2024-01-23 09:36

px、em、rem、%、vw、vh、vm这些单位的区别

现在都是要求响应式设计，需要适配各种设备，电脑，手机，平板。如果单位不合适，可能在这个设备显示良好，那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发，设计。
89hhhh·2024-01-23 08:37

Vue3的ref和reactive

目录1、ref的基本使用2、reactive的基本使用3、ref操作dom4、ref与reactive的异同1、ref的基本使用ref创建数据可以是基本类型也可以是引用类型ref函数创建响应式数据，返回值是一个对象模版中使用
诗霖雪·2024-01-23 07:23

vue和react的差异梳理

特性VueReact响应式系统使用Object.defineProperty()或Proxy使用不可变数据流和状态提升模板系统HTML模板语法JSX（JavaScript扩展语法）组件作用域样式支持scoped
Cofer_Yin·2024-01-23 07:49

前端实现汉堡菜单

它是移动和响应式网页设计中使用的一种流行设计元素，用于创建干净、简约的界面。单击时，这个小菜单会从屏幕的任一侧滑出，显示导航项或选项列表。当菜单打开时，汉堡菜单也会变成“X”或其他形状。
QD_ANJING·2024-01-23 07:53

01_前端框架之Bootstrap的应用

Bootstrap相关文档使用Bootstrap组件能够根据Bootstrap重构主页和表单页第1章bootstrap简介1.1什么是bootstrapBootstrap是全球最受欢迎的前端组件库，用于开发响应式布局
励志敲烂键盘·2024-01-23 06:37

vue element-ui中的el-select选择器无法显示选中的内容

深入响应式原理—Vue.js检测变化的注意事项由于JavaScript的限制，Vue不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。
qq_42440919·2024-01-23 05:49

Vue 兄弟组件通信

以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI中的reactive或ref创建一个响应式的状态对象
珊珊而川·2024-01-23 05:34

Vue 兄弟组件通信

以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI中的reactive或ref创建一个响应式的状态对象
珊珊而川·2024-01-23 05:34

echars：图表中核心的概念

文章目录web初始化小程序初始化图表大小1、直接在dom上设置2、在js中设置3、响应式大小销毁坐标轴图例事件鼠标事件交互事件代码触发ECharts中组件的行为监听“空白处”的事件渲染器canvasvssvg
Lvan的前端笔记·2024-01-23 02:20

Vue 3的响应式框架：性能和开发效率的提升

Vue3的响应式框架：性能和开发效率的提升本文介绍了Vue3响应式框架在性能和开发效率方面的提升。作为Vue.js框架的最新版本，Vue3引入了新的虚拟DOM算法，提高了渲染性能。
尘缘..·2024-01-23 01:15

vue3相比vue2的效率提升

(注img元素是纯静态节点);因为静态节点没有绑定数据等，是不会响应式发生变化的那么就不需要放入r
_处女座程序员的日常·2024-01-23 01:14

Vue3相较于Vue2有哪些性能提升？

Vue3相较于Vue2有以下性能提升：渲染性能提升：Vue3采用了重写的响应式系统，使用Proxy对象替代了Vue2中的Object.defineProperty，减少了getter和setter的开销
Gjing_123·2024-01-23 01:44

Vue.js：简洁高效的前端开发框架

Vue.js具有以下特点：响应式数据绑定：Vue.js采用
我爱玩原神·2024-01-22 21:42
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他