双向数据绑定双向数据绑定一般发生在input、select、textarea这些表单元素中,当接收到输入值后,其他地方可以直接实时的显示输出值。可以使用v-model指令实现...
引入Vuecdn方式 本地文件加载方式 实例化Vue对象在script标签中或者引入JavaScript文件实例化Vue对象。 Vue方法Vue实例中使用methods定义方...
react-router-4官方文档demo的github源码地址URL一个URL可以定位到网络上的指定资源。一个典型URL结构如下: 虽然protocol和hostname...
JSX构建元素之前我们使用 React.createElement来构建ReactElement:var boldElement = React.createElement(...
React使用Virtual DOMReact和早期的前端JavaScript框架是不一样的。早期的JavaScript框架是直接协同浏览器的DOM操作。而React构架了一...
github源码地址 根据上一篇文章,我们可以了解到在React中如何处理鼠标点击表单的按钮。现在我们将会讲述表单中更普遍的东西:文本输入。 我们继续使用之前的sign-up...
github源码表单是一个应用中极为重要的一部分。我们可以通过鼠标的点击和移动让用户和应用进行交互,但是通过表单,我们可以从用户那里获得大量的输入数据。如此,通过表单,用户可...
继续改造上一个voting-app,在之前的版本中,我们获取数据的方式是由一个json文件中写好了数据,然后以import的方式导入,将其赋值给一个变量,而这个变量存储的就是...
承接上文,现在想添加新的功能,使得该应用有更多的交互性。每当点击数字旁边的蓝色向上三角投票按钮(其实这个三角就是用来投票的地方),旁边的数字(票数)就会增加1(票)。这里就涉...
第一个基于React应用为一个投票的app,效果图如下显示: 使用create-react-app来构建React应用。具体的使用方法参考React官方教程create-re...
Ajax: Aysnc JavaScript and XML XML: 可拓展的标记语言(在XML文件中使用的标签都是自己拓展的)利用自己拓展的有规则的标记来存储相关的数据 ...
JavaScript是一门运行在客户端(浏览器)的一种"轻量级"的脚本编程语言 JavaScript不仅仅能在浏览器中运行,也可以在Node中运行 什么是Node?Node是...
使用D0M2事件绑定其实是让box通过原型链一直找到EventTarget这个内置类原型上的addEventListener方法实现的。 DOM0级事件绑定: 只能给一个元素...
什么是事件委托/事件代理?利用事件的冒泡传播机制(触发当前元素的某一个行为,它父级所有元素相关行为都会被触发),如果一个容器中有很多元素都要绑定点击事件,没有必有一个一个的绑...
事件的默认传播机制-> 捕获阶段: 从外向内依次查找元素-> 目标阶段: 当前事件源本身的操作-> 冒泡阶段: 从内到外依次触发相关行为(最常用的就是冒泡阶段) 使用DOM ...
事件对象 把匿名函数定义的部分当做一个值赋值给oDiv的点击行为(匿名函数的函数表达式),当触发#div1的点击行为时,会执行对应绑定上的方法。重要: 不仅仅把绑定的方法执行...
什么是事件事件是分为两部分: **行为本身: **浏览器天生就赋予其的行为 onclick, onmouseover(onmouseenter), onmouseout(on...