上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 26 下一页
2019年11月26日
Vue学习笔记【22】——Vue中的动画（列表的排序过渡）
摘要： <transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变定位。要使用这个新功能只需了解新增的 v-move 特性，它会在元素的改变定位的过程中应用。 v-move 和 v-leave-active 结合使用，能够让列表的过渡更加平缓柔和： .v-move{ tr 阅读全文
posted @ 2019-11-26 10:45 阿江是个程序猿 阅读(1032) 评论(0) 推荐(0)
Vue学习笔记【21】——Vue中的动画（v-for 的列表过渡）
摘要： 定义过渡样式： <style> .list-enter, .list-leave-to { opacity: 0; transform: translateY(10px); } ​ .list-enter-active, .list-leave-active { transition: all 0. 阅读全文
posted @ 2019-11-26 10:44 阿江是个程序猿 阅读(1676) 评论(0) 推荐(0)
2019年11月25日
Vue学习笔记【20】——Vue中的动画（使用动画钩子函数）
摘要： 定义及使用钩子函数 定义 transition 组件以及三个钩子函数： <div id="app"> <input type="button" value="切换动画" @click="isshow = !isshow"> <transition @before-enter="beforeEnter 阅读全文
posted @ 2019-11-25 08:15 阿江是个程序猿 阅读(691) 评论(0) 推荐(0)
2019年11月24日
Vue学习笔记【19】——Vue中的动画（使用第三方 CSS 动画库）
摘要： 导入动画类库： <link rel="stylesheet" type="text/css" href="./lib/animate.css"> 定义 transition 及属性： <transition enter-active-class="fadeInRight" leave-active- 阅读全文
posted @ 2019-11-24 06:06 阿江是个程序猿 阅读(493) 评论(0) 推荐(0)
2019年11月23日
Vue学习笔记【18】——Vue中的动画（使用过渡类名）
摘要： 为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能； 使用过渡类名 步骤分析 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 1. 使用 transition 元素，把 需要被动画控制的元素，包裹起来 transition 元素，是 Vue 官方提供的 2. 自定义两组 阅读全文
posted @ 2019-11-23 10:21 阿江是个程序猿 阅读(208) 评论(0) 推荐(0)
2019年11月22日
Vue学习笔记【17】——配置本地数据库和数据接口API
摘要： 先解压安装 PHPStudy; 解压安装 Navicat 这个数据库可视化工具，并激活； 打开 Navicat 工具，新建空白数据库，名为 dtcmsdb4; 双击新建的数据库，连接上这个空白数据库，在新建的数据库上右键 -> 运行SQL文件，选择并执行 dtcmsdb4.sql 这个数据库脚本文件 阅读全文
posted @ 2019-11-22 09:48 阿江是个程序猿 阅读(2280) 评论(1) 推荐(0)
Vue学习笔记【16】——vue-resource 实现 get, post, jsonp请求
摘要： 除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中，如何发起数据请求？原生、jQuery，需要操作DOM 常见的数据请求类型？ get post jsonp 测试的URL请求资源地址： get请求地址： http://vue.studyit.io 阅读全文
posted @ 2019-11-22 09:47 阿江是个程序猿 阅读(325) 评论(0) 推荐(0)
Vue学习笔记【15】——Vue实例的生命周期
摘要： 生命周期与生命周期钩子 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类 创建期间的生命周期函数： beforeCreate： 阅读全文
posted @ 2019-11-22 09:40 阿江是个程序猿 阅读(240) 评论(0) 推荐(0)
Vue学习笔记【14】——自定义指令
摘要： 1.自定义全局和局部（私有）自定义指令 // 自定义全局指令 v-focus，为绑定的元素自动获取焦点： ​ Vue.directive('focus', { ​ inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 ​ el.focus(); 阅读全文
posted @ 2019-11-22 09:36 阿江是个程序猿 阅读(189) 评论(0) 推荐(0)
2019年11月21日
Vue学习笔记【13】——键盘修饰符以及自定义键盘修饰符
摘要： 1.x版本中自定义键盘修饰符【了解】 Vue.directive('on').keyCodes.f2 = 113; 2.x版本中自定义键盘修饰符 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名： Vue.config.keyCodes.f2 = 113; 使用自 阅读全文
posted @ 2019-11-21 12:43 阿江是个程序猿 阅读(162) 评论(0) 推荐(0)
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 26 下一页