- 博客(6)
- 资源 (2)
- 收藏
- 关注
原创 Vue入门 03-vue过滤器模板等
一、vue模板 在vue中使用原生html中嵌入{{}}表达式用于绑定数据。 在vue中表单数据是双向绑定的,即数据更新,模板也会进行相应的更新 注:若要只绑定最初数据,则使用v-once指令 {{msg}} Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能
2017-02-06 20:38:17 917
原创 Vue入门02-vue实现ToDoList
一、需求与准备1、准备 使用bootstrap实现页面的基础样式(依赖jquery),使用vue实现功能需要 2、功能需求: 1)、表单实现输入任务清单后加入到展示项中 2)、点击删除按钮弹出警告框询问是否删除(bootstarp模态框插件) 3)、确定删除时,删除对应项(单项删除,全部删除) 4)、任务列表为空时,显示“数据为空” v-show 二、实例1、静态页
2017-02-06 20:37:11 606
原创 Vue入门01-vue初识
一、vue入门1.1 vue是什么??vue是一套构建用户界面的渐进式框架,是一个MVVM框架(库),和angular类似。 MVVM:Model , view ,viewModel 是一种开发的架构模式,MVVM和MVC类似,中是用ViewModel来替换了Controller,实现数据的双向绑定功能; MVC:Model,View,Controller,一种开发的架构模式,
2017-02-06 20:36:22 500
原创 react中,组件的交互及this.state属性
一、React组件是状态机 1.1 状态理解 React的数据流:数据由父节点向下传递到子节点(由外到内传递),如果顶层组件某个prop改变,React会向下传递,重新渲染所有使用过该属性的组件。 react组件是一个状态机,组件都有一个初始状态,通过与用户的交互,使状态发生改变,然后重新渲染UI,让用户界面与数据保持一致。 在传统js中,如果数据发生了变化,我们需要操作都
2017-02-04 23:20:43 3299
原创 React入门03-react中操作组件的dom节点
一、react的虚拟dom 1、在react中,其最大的亮点在于虚拟DOM技术,它极大强度上提升了应用性能。 2、在Web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。 3、在react中使用JSX语法来创建一个对象的模板
2017-02-04 23:20:20 2346
原创 angular表单验证及 提交功能实现
本例通过Angular框架来实现简单的表单验证一、html结构 1、借助于bootstrap快速的编写了一个简单的表单 代码主要部分如下: <div class="container" style="margin-top: 30px;" ng-controller="myCtrl"> <h1 style="text-align: center">用户表单提交</h1> <
2017-02-01 00:25:20 4428
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人