前端
关注
分享
扫一扫
东陵十三
如人在荆棘林 不动即刺不伤
展开
-
二级下拉菜单(CSS|JavaScript|JQuery)分别实现
二级下拉菜单一、HTML/CSS方法实现下拉菜单i. 思路:1. 静态网页的制作 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css">原创 2018-07-10 15:00:19 · 2165 阅读 · 0 评论 -
Vue2.6-浅析 MVP设计模式与MVVM设计模式
MVP 设计模式M model层 数据层P Presenter层 业务逻辑相关的 控制层V view层 视图层 页面上的dom展示通过以下 JQuery实现 toDoList M层很弱 没有通过ajax获取远程数据 div区域 dom域 是 V 层视图 视图改变的时候 触发控制器 控制器可以调M(模型层)发送ajax请求获取数据...原创 2019-08-25 14:57:39 · 261 阅读 · 0 评论 -
组件化实现简单的toDoList
组件化 将一个页面根据功能分解成多块，每一块定义成一个组件，页面分别引入这些组件。 如此一来 修改维护页面功能的时候 直接定位到相应组件文件。每一个组件其实就是一个Vue实例 组件化其实就是实例化 ，页面由多个Vue实例组成 全局组件 Vue.component Vue提供的 创建全局组件 v-bind 向子组件传入绑...原创 2019-09-02 15:45:26 · 712 阅读 · 0 评论 -
Vue2.6-父子组件之间值传递
父组件->子组件 v-bind:index = 'key' 简写 :index='key' 遍历list的时候 将每一项的值赋值给value 每一项的下标赋值给key 把value值通过v-bind绑定到变量 content上 把key值通过v-bind绑定到变量 index上 传递给to-do-list组件子组件->父组件...原创 2019-09-02 17:21:51 · 326 阅读 · 0 评论 -
Vue2.6-方法 侦听器 计算属性
很多时候 需要在视图中渲染的数据是通过 已经定义的多个变量通过逻辑计算返回的结果如 已经定义 firstName lastName 现在需要渲染 fullName = firstName + lastName 的结果实现方法有多种：watch(侦听器)和computed(计算属性)都具备缓存机制 但是相比较 watch需要侦听大量依赖 computed相比简洁所以 如果...原创 2019-09-03 16:51:19 · 229 阅读 · 0 评论 -
Vue2.6-computed(计算属性的getter和setter)
<!DOCTYPE html><html> <head> <title>computed的getter和setter</title> <meta charset="UTF-8" /> <script src="./vue.js"></script> </head> ...原创 2019-09-03 17:24:30 · 483 阅读 · 0 评论 -
Vue的样式绑定-class和style
Vue直接操作数据，当数据改变Vue底层自动渲染dom。当有需要改变dom区域样式的时候 借助于:class和:style以及事件可以实现class 一.class的对象绑定 :class="{actived: isActived}" 预定义样式 actived 根据事件判断isActived 当isActived为true的时候 使用样式<!...原创 2019-09-03 18:43:22 · 332 阅读 · 0 评论 -
Vue的条件渲染-v-if与show的区别以及key值的作用
v-if 条件渲染 通过v-if指令 结合js表达式返回值 决定一个dom元素是否存在1>标签一般成对使用 标签之间不能有其他不相关的标签阻隔 否则报错2> 通过条件判断 控制标签是否在页面上显示 但是条件不匹配的标签 不会出现在dom节点上3>key值的作用Vue在重新渲染页面的时候 会尝试复用页面上已经存在的dom 给某个元素标签加上key值之后...原创 2019-09-04 18:17:42 · 865 阅读 · 0 评论 -
Vue中列表渲染-key值的使用以及数据改变页面同步变化问题以及template占位符的使用
<to-do v-for="(value,key) of list" :value="value" :index="key" :class="['actived_one']"...原创 2019-09-04 21:46:06 · 2516 阅读 · 0 评论