- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端 refs通信
目录1.ref 放在标签上2.ref放在组件上3.总结：组件之间的的通信，除了props, 事件总线，事件机制( $on(eventName),$emit(eventName) )，还有Ref例如，一个输入框input，我们要拿到它的值，有几种方法呢？最简单的就是v-model，数据双向绑定，这里就不具体展开说了，着重讲一讲ref,那么这个ref该怎么使用呢？1.ref 放在标签上<div id="app"> <input type="te...
2021-01-28 11:23:06
1630
原创 CSS按钮动画(五)
在前端的开发中，我们都会用到很多种动画，按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢？简单分析一下，无非就是，鼠标移入和移出的时候，改变下白色的一个“遮罩”的宽度和透明度的问题，加上transform设置X和Y的百分比就可以了废话就不多说，咱们直接上代码，干就完了！！！html代码<body> <div class="abc"> <div> <button class="btn bt..
2021-01-18 09:10:57
661
原创 CSS按钮动画(四)
在前端的开发中，我们都会用到很多种动画，按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢？简单分析一下，无非就是，鼠标移入和移出的时候，改变下白色的一个“遮罩”的宽度和透明度的问题，起始位置在按钮的最左边废话就不多说，咱们直接上代码，干就完了！！！html代码<body> <div class="abc"> <div> <button class="btn btn-1 btn...
2021-01-14 09:11:33
687
原创 CSS按钮动画(三)
在前端的开发中，我们都会用到很多种动画，按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢？简单分析一下，无非就是，鼠标移入和移出的时候，改变下白色的一个“遮罩”的宽度和透明度的问题废话就不多说，咱们直接上代码，干就完了！！！html代码<body> <div class="abc"> <div> <button class="btn btn-1 btn-1d">hello ...
2021-01-11 09:11:27
1209
原创 CSS按钮动画(二)
在前端的开发中，我们都会用到很多种动画，按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢？简单分析一下，无非就是鼠标????移入和移出的时候，改变“遮罩”的高度，“遮罩”的起始位置在按钮的顶部 废话就不多说，咱们直接上代码，干就完了！！！html代码<body> <div class="abc"> <div> <button class="btn btn-1 btn-1b"&g...
2021-01-08 08:56:42
1411
原创 CSS按钮动画(一)
在前端的开发中，我们都会用到很多种动画，按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢？ 我们分析一下，其实无非就是鼠标移入和鼠标移走的CSS的样式废话不多说，咱们直接上代码就完了html代码<body> <div class="abc"> <div> <button class="btn btn-1 btn-1a">hello world</button>...
2021-01-07 15:57:39
3805
原创 Vue 过滤器filters
1、什么是过滤器？ 说到过滤，我们生活中也经常有过滤的操作，洗菜用筛子过滤掉水，实验室做化学实验过滤掉杂质。 而开发中的过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。2.过滤器的定义过滤器分为局部和全局过滤器局部过滤器new Vue({ filters: { '过滤器名称': function (value1[,value2,...] ) { ...
2021-01-04 15:08:03
654
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人