容忍君

2019年11月29日

摘要： <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"> </script> </head> <body> <section class="app"> <fade :showw="show"> <article 阅读全文

posted @ 2019-11-29 20:34 容忍君阅读(259) 评论(0) 推荐(0)

Vue中Js动画与Velocity.js 多组件多元素列表过渡

摘要： Vue提供我们很多js动画钩子写在tansition标签内部入场动画 @before-enter="" 处理函数收到一个参数（e l） el为这个元素 @enter=""处理函数收到二个参数（e l， done）done（）为动画结束 @after-enter=""处理函数收到一个参数（e l 阅读全文

posted @ 2019-11-29 19:45 容忍君阅读(458) 评论(0) 推荐(0)

vue 动画框架Animate.css @keyframes

摘要： <script src="vue.js"></script> <link rel="stylesheet" href="animate.css"> <style> /*@keyframes bounce-in {*/ /* 0% {*/ /* transform:scale(0);*/ /* }*/ 阅读全文

posted @ 2019-11-29 02:29 容忍君阅读(2143) 评论(0) 推荐(0)

实现3d效果

摘要： transform-origin: center left 60px;可以实现3d转换阅读全文

posted @ 2019-11-29 02:03 容忍君阅读(208) 评论(0) 推荐(0)

2019年11月28日

vue 动画原理 part1

摘要： Vue动画原理增加和删除css增加样式实现一个过渡效果也就是动画效果 1.需要动画效果的标签外包裹一个transition标签会被自动分析css样式，然后自动构建一个动画流程 transition标签中 name=“fade”如果不写默认v 1.动画即将执行的时候增加两个css fade-ent 阅读全文

posted @ 2019-11-28 17:04 容忍君阅读(289) 评论(0) 推荐(0)

vue 插槽 part3

摘要： f vue中的插槽 1.<slot>默认内容</slot> 当副组件不传递信息的时候显示默认内容 2.<slot></slot> 显示的是插槽中所有的数据不具名插槽只有一个具名插槽(可以有多个) 父：<div slot="h"></div> 子： <slot name="h"></slot> 阅读全文

posted @ 2019-11-28 01:47 容忍君阅读(291) 评论(0) 推荐(0)

2019年11月27日

vue组件传值 part2

摘要：非父子组件传值轻量级视图层框架复杂组件间传值，引进其他的工具或者设计模式 1.vuex 2.总线机制 //main line 1.在main.js中注册全局的bus Vue.prototype.bus=new Vue(); 2.在组建中使用子组建使用：this.bus.$emit('自定义事阅读全文

posted @ 2019-11-27 18:45 容忍君阅读(205) 评论(0) 推荐(0)

2019年11月26日

vue组件使用细节

摘要： ref 当ref写在一个标签元素中，通过this.$refs.name 获取的是标签对应的dom元素 <section id="app" ref="froggy" @click="handleClick">{{name}}</section><script> var vm = new Vue({ e 阅读全文

posted @ 2019-11-26 19:54 容忍君阅读(528) 评论(0) 推荐(0)

面试题准备

摘要：什么是js表达式？表达式指的是可用于计算的式子，即可能产生一个值的式子一般 js for in 是遍历 key, 而 for of 遍历 value。阅读全文

posted @ 2019-11-26 09:40 容忍君阅读(172) 评论(0) 推荐(0)

2019年11月23日

关于面试准备

摘要：第一线程 1.面试课程（知识点一二三面回顾）***** （每天二小时） 2.面试大全，以及课程回顾，作业回顾，课程大礼包 **** （每天五节课） 3.vue回顾 10节课 *** （每天三节课） 4.知乎上的面试题（最后再做） 5.js高程（用到知识点再翻阅） 6.我写的所有博客回顾 7.看阅读全文

posted @ 2019-11-23 11:35 容忍君阅读(182) 评论(0) 推荐(0)

公告