js原生双向数据绑定

Vue & Axios——前端技术栈

MVVMVue的使用快速入门注意事项和使用细节Vue数据绑定机制分析数据单向渲染注意事项和细节双向数据绑定事件绑定示例：注意事项和使用细节课后作业1课后作业2修饰符示例条件渲染/控制:v-ifv-showv-ifVSv-show
小菜0-o·2024-01-17 23:32

解决vue3中不支持.sync语法糖

在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。
前端玖耀里·2024-01-17 13:15

前端TS项目中遇到过的难点（二）

12.根据关键字搜索通过双向数据绑定(v-model)和相关组件来完成如下效果.........import{useRouter}from"vue-router";//创建路由器对象let$router
Mangcun_tutu·2024-01-17 09:30

vue3和vue2 v-model 和sync语法糖区别

在Vue2中，我们通常使用v-model和.sync语法糖来实现双向数据绑定，那么在Vue3中，这些语法糖有什么新变化呢？
YoursMsg·2024-01-17 08:36

vue的sync语法糖的使用

Vue的.sync语法糖是一个用于双向数据绑定的指令，可以在子组件中用来监听父组件传递下来的props的变化，并在需要的时候发出一个自定义事件来通知父组件进行数据更新。
无妄的罪·2024-01-17 08:01

js原生方式发送http请求

1.基本原理使用原生JavaScript调用API可以通过XMLHttpRequest对象来发送HTTP请求。下面是一个示例代码：varxhr=newXMLHttpRequest();//创建XMLHttpRequest对象xhr.open('GET','https://api.example.com/data');//设置请求的URL和类型（这里为GET）xhr.onreadystatechan
小灰灰-58·2024-01-17 00:29

精选10款前端动画特效源码分享（附在线预览）

分享10款非常不错炫酷的前端特效源码其中包含css动画特效、js原生特效、svg特效等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源Canvas超空间粒子文本动画
迂 幵·2024-01-16 19:25

表单输入绑定

使用v-model(双向数据绑定)自动收集数据text/textareacheckboxradioselectHTML:用户名:密码:性别:女男爱好:篮球足球乒乓城市:未选择{{city.name}}介绍
牛耀·2024-01-16 11:04

数组去重的多种方法

方法一js原生，设置flag状态给数组去重//原数组vararr=[1,2,2,3,3,3,4,5];//新数组vararrNew=[];for(vari=0;i
一口十个小甜虾·2024-01-16 02:23

前端笔试题（一）

1.vue如何实现数据的双向绑定利用v-model来实现双向数据绑定通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图
哎亚亚哎亚亚·2024-01-15 19:50

前端面试题--vue2和vue3的区别

可以从如下角度回答（欢迎指正补充~）1.vue2和vue3双向数据绑定的原理vue2的双向数据绑定时通过Object.defineProperty（）对数据进行劫持，结合发布订阅者模式的方式实现的vue3
桃子学前端·2024-01-15 19:31

2024年前端最新面试题-vue3（持续更新中）

文章目录前言正文什么是MVVC什么是MVVM什么是SPA什么是SFC为什么data选项是一个函数Vue组件通讯（传值）有哪些方式Vue的生命周期方法有哪些如何理解Vue的单项数据流如何理解Vue的双向数据绑定
杨树林er·2024-01-15 18:03

vue中常用的 v- 指令和自定义指令

v-elsev-else-ifv-pre不编译{{}}v-cloak使用v-cloak能够解决插件表达式闪烁的问题v-once告诉浏览器的Vue编译器,只渲染该元素或组件一次v-show元素是否显示或隐藏v-model双向数据绑定
小棋子js·2024-01-15 17:11

页面下拉，元素悬浮置顶实现

目录实现技术实现目标实现演示演示说明实现步骤注意事项结语实现技术vue2、js原生命令（ps:vue3只是操作dom些许不同，可自行百度）实现目标页面初始时，元素保持原有位置；页面下拉时，元素置顶实现演示演示说明页面中操作框
ooxuyu·2024-01-14 19:04

甄选前端源码分享（附效果图及在线演示）

甄选7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS绘制任天堂Switch
迂 幵·2024-01-14 02:03

【前端开发】Javascript中重难知识点、常见问题集合 (原型与原型链、事件委托、闭包、节流防抖、异步编程、深浅拷贝等）

目录闭包变量对象作用域原型与原型链事件委托实现继承的方法This对象的理解事件模型new操作符操作过程js基本数据类型null与undefined的区别异步编程的实现方式原生js数组去重操作js原生拖拽节点深拷贝
Ly_cat·2024-01-14 00:44

Vue

轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化
南崽·2024-01-13 09:34

快速了解vue前端框架

注意：数据驱动视图是单向的数据绑定②双向数据绑在填写表单时，双向数据绑定可以辅助开发者在
大月月.·2024-01-13 05:47

Vue（Vuex）常见面试题

双向数据绑定：Vue.js使用了双向数据绑定机制，数据的变化会立即反
可爱的秋秋啊·2024-01-12 19:40

【vue基础语法详细介绍】

vue基础语法详细介绍1.基础语法1.1声明式渲染1.2条件与循环1.3事件处理1.4双向数据绑定1.5组件化2.模板语法2.1插值2.1.1文本2.1.2html2.1.3属性2.1.4表达式2.2指令
程序员不想YY啊·2024-01-12 18:25

vue详细介绍

vue1.vue介绍1.1什么是vue1.2vue的优点2.Vue的一些重要特性3.库和框架的区别3.1库3.2框架4.MVVM5.安装vue6.开发示例6.1vue实例6.2绑定事件6.3Vue双向数据绑定
程序员不想YY啊·2024-01-12 18:20

v-model 的原理

v-model是Vue.js框架中的一个指令，用于在表单元素和组件之间实现双向数据绑定。它提供了一种简洁的方式来将表单输入的值与Vue实例的属性进行关联。
weixin_43962020·2024-01-12 16:45

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

ChatGPT4.0国内站点，支持GPT4Vision视觉模型：海鲸AI在Vue中，v-model是一个语法糖，用于在输入框、选择框等表单元素上创建双向数据绑定。
海鲸AI·2024-01-12 09:51

【Vue3】2-10 : 表单处理与双向数据绑定原理

本书目录：点击进入一、表单处理1.1、【双向绑定】实现方式一：v-model＞代码＞效果1.2、【双向绑定】实现方式二：:value属性+input事件＞代码＞效果(同上)二、实战2.1【v-model示例】输入框＞代码+效果（见1.1）2.2【v-model示例】单选框＞代码＞效果2.3【v-model示例】复选框＞代码＞效果2.4【v-model示例】下拉菜单＞代码＞效果一、表单处理收集表单数
ladymorgana·2024-01-12 09:39

vue3 ts面试题 常问面试题（连更中.......有错 欢迎提出)

升级v3是因为v2有一些基础bug例如数据丢失等但是v3就解决了这个问题v3利用了双向数据绑定数值变化页面就该变v2和v3的api不一样v2的api是选择式的v3是组合式的例如setup就是组合的v2和
阿金要当大魔王~~·2024-01-12 04:17

鸿蒙Harmony--状态管理器--双向同步@Link详解

目录一，定义二，装饰器使用规则说明三，变量的传递/访问规则说明四，使用①简单使用②复杂类型的使用五，注意事项@Link装饰状态变量类型错误一，定义子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定
袁震·2024-01-11 20:59

Vuejs复习笔记

vue.js的复习目录模板语法其他(过滤器、组件)指令(v-show和v-if、v-bindclass绑定和style绑定、双向数据绑定)特性(计算属性、侦听属性、实例生命周期)数据交互一、模板语法message
Yooota·2024-01-11 01:29

前端炫酷动画特效分享（附在线预览）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源canvas鼠标粒子跟随动画
迂 幵·2024-01-10 21:38

Vue学习笔记

Vue基础笔记一、MVC与MVVM1.MVC（单向操作）model数据View视图controllor控制器2.MVVM（双向数据绑定）model数据View视图viewModel视图模型二、利用npm
陈俊嵩·2024-01-10 20:22

HarmonyOS@Link装饰器：父子双向同步

@Link装饰器：父子双向同步子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。说明从APIversion9开始，该装饰器支持在ArkTS卡片中使用。
阿玮编程_·2024-01-10 09:34

05_Vue3基础语法(四)之v-model的基本使用

更新信息时，需要提交一些数据；这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-model指令来完成：v-model指令可以在表单input、textarea以及select元素上创建双向数据绑定
酒 客·2024-01-10 09:30

简单的VUE购物车应用

简单的VUE购物车应用这个项目主要运用了Vue的双向数据绑定，是一个很基础的小项目文章目录简单的VUE购物车应用前言一、项目实例二、实现步骤1.简单布局2.数据操作总结前言v-model的重要性不言而喻
男孩子小杨·2024-01-10 09:56

【angular教程240107】04 Dom及表单双向数据绑定，ToDoList+service 服务+实现数据的持久化

input、checkbox、radio、select、textarea）结合双休数据绑定实现在线预约功能0快捷键输入法快速切换：shitf+alt半角全角ctrl+空格Angular表单Dom获取表单值以及双向数据绑定
Biehmltym·2024-01-09 09:39

Vue基础

插值语法：常用标签体内容{{...}}...为js表达式指令语法：解析标签v-bind动态绑定例：简写：====>:例：数据绑定单向数据绑定：v-bind双向数据绑定：v-model:value简写：=
前端小卡拉米·2024-01-09 08:53

【Angular教程 230106】03 Angular事件、表单事件、事件对象、双向数据绑定

Angular教程230106#快捷04Angular事件、表单事件、事件对象、双向数据绑定（45分）0一些基础的概念1执行事件(click)=”getData()”执行事件angular在Angular
Biehmltym·2024-01-09 07:37

2024最新前端源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源粒子文字动画特效基于
迂 幵·2024-01-09 00:48

有趣的前端源码分享（附效果图及在线演示）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS圣诞节动画圣诞节动画由圣诞礼物和圣诞树及圣诞老人等组合而成圣诞树会出现一闪一闪的光亮圣诞老人也会在窗口探望以及渐入渐出的文字祝福以下图片只是简单的模型没有具体的动画效果最终动画特效可点击在线预览进行查看在线预览
迂 幵·2024-01-09 00:48

2024前端炫酷源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源GSAP-火箭动画特效
迂 幵·2024-01-09 00:45

Vue-4、单向数据绑定与双向数据绑定

1、单向数据绑定数据绑定单向数据绑定：Vue.config.productionTip=false;//阻止Vue启动时产生生产提示。//创建Vue实例newVue({el:'#root1',//el用于指定当前Vue实例为那个容器服务，值通常为css选择器字符串。data:{//data中用于存储数据，数据提供el所指定的容器去处理。值我们暂时先写成一个对象。name:'jack'}})单向数据
一叶飘零晋·2024-01-08 16:21

Angular框架中的模板语法和常用指令

模板表达式（属性绑定）：等价于输入属性的值为实例属性：等价于//title为外部定义的变量事件绑定：等价于双向数据绑定：等价于*与template：1、*ngIf编译后：2、*ngFor编译后：3、ngSwitch
听书先生·2024-01-08 04:03

原生js XMLHttpRequest发送 get post 请求 解决跨域 及 注意事项

使用js原生的XMLHttpRequest发送getpost请求2、使用xhr发起GET请求四个步骤：①：创建xhr对象//1、创建一个xhr的对象letxhr=newXMLHttpRequest()②
꧁“杂货店”꧂·2024-01-08 04:01

前端三大件html,css,js原生实现学生信息管理系统（课程设计）

话不多说，直接上代码，有用麻烦点个免费的赞赞。超级好用版。目录结构如该图所示，只要将文件命名成图上三种。代码即可正常运行。分别有三个文件，一个是app.js，放学生信息删除添加查询主要逻辑代码。login.html放登录页面样式以及相关逻辑。studentList.html放置学生管理的页面。运行效果图：代码：app.jslettemData={studentList:[{id:'1',name:
付渐渐·2024-01-08 04:59

uni-app原理分析

小程序不是双向数据绑定，所以通过uni的runtime实现双向绑定性能优化其实是native
Jack おう·2024-01-07 18:22

Vue中的双向数据绑定是如何实现的

解析双向数据绑定是Vue框架的核心特性之一，它允许开发者在Vue组件中实现数据的自动同步。当数据发生变化时，视图会自动更新；反过来，当用户在视图中修改数据时，数据也会自动更新。
qq_42431718·2024-01-07 05:04

很实用的js实现md5加密的方法

js原生里并没有类似其他语言的md5加密函数，需要我们针对md5加密算法自己来扩充。当然，这种常用的加密库网上肯定是有的。今天就介绍下我用的一款md5加密库。文末有md5.js下载链接。
cihron·2024-01-07 04:13

springboot2 thymeleaf 静态资源加版本号控制缓存更新

背景前后端不分离的项目，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀。
jackcooper·2024-01-06 23:33

Vue学习笔记

最近学习了Vue，Vue的出现简化了很多代码步骤，Vue最强大的就是双向数据绑定。什么是Vue？Vue是一套用于构建用户界面的渐进式框架。
程序员海军·2024-01-06 20:44

Es6的Proxy代理是什么？有哪些用法？

需要知道的是，在Vue2中双向数据绑定原理（数据劫持）采用Object.defineProperty，而在Vue3中数据劫持原理采用的是Proxy代理。
北漂的老猿·2024-01-06 18:27

Vue初探

MVVM2.2、为什么要使用MVVM2.3、Vue2.4、第一个Vue程序三、基础语法指令3.1、v-bind3.2、v-if，v-else3.3、v-for3.4、v-on四、表单双绑、组件4.1、什么是双向数据绑定
liuhui111222·2024-01-06 17:02

Vue2和Vue3框架介绍以及使用

双向数据绑定：在填写表单时，双向数据绑定可以辅助开发者在不操作DOM的前
无妄的罪·2024-01-06 08:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他