- 博客(10)
- 收藏
- 关注
原创 vue系列-vue动画
在vue中,对应的dom元素载入页面或移出页面时,vue提供了多种不同方式的过渡效果。 1、单元素/组建的过渡 利用vue的 transtion 封装组件,标签渲染(v-if),标签展示(v-show),示例如下: <script src="../vue.js"></script> <body> <div id="root"> <transition> <div v-if="show">.
2021-11-24 20:26:10
102
原创 vue系列-父子组件传值和访问以及访问跟组件
1、父组件访问子组件 父组件访问子组件是为了子组件的值,具体实列如下: 用法一:通过$children属性获取子组件的值 <div id="app"> <cpn></cpn> <button @click="btnClick">点击</button> </div> <SCript> const a...
2021-11-17 20:30:51
114
转载 vue中常见的v指令
常用指令 v-text 设置双标签元素的innerText v-html 设置双标签元素的innerHTML v-if 插入或者移除元素(true,插入,false移除) v-else 保证上方兄弟节点存在v-if || v-else-if v-if v-else 只会有其一存在 v-show 隐藏或者显示元素 v-model 双向数据绑定( 元素必须有value, DOM元素的value与js内存变量的属性绑定) ...
2021-11-09 20:23:25
351
原创 vue中的methods,filter,computed,watch
methods,filter,computed,watch都是vue中特有的针对数据进行不同方面处理的属性。 1.methods 方法 vue的中的methods属性是函数的容器 methods:{ //可以放置多个函数,函数与函数之间使用逗号隔开 handle:function(){}, //常见的还有下面的这种写法 handle(){} } 2.filter 过滤器 vue中常用过滤器对一些数据进行格式化操作.下面这个是定义在局部的自定义过滤器。 ...
2021-11-04 20:06:23
461
原创 es6中的正则(捕获)
命名捕获 假设你在一段陌生的代码中看到这样一个函数: function toLocalDate(date) { return date.replace(/(\d{2})-(\d{2})-(\d{4})/, "$2-$1-$3") } 单看这个函数你能知道它是想把“日-月-年”替换成“月-日-年”,还是反过来?匿名捕获分组没法做到这一点,那就该命名捕获分组上场了: function toLocalDate(date){ return date.replace(/(?<month>...
2021-11-02 19:59:57
201
原创 ES6-系列模块化输出
es5中没有模块化概念。如果需要进行模块化操作,还得引入第三方类库。随着技术的发展,es6有了模块化,ES6的模块化分为导出(export)与导入(import)两个模块。 export的用法: 在es6中每个模块即是一个文件,在文件中定义的函数、变量,对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容,就必须使用export来对其进行输出。先来看个例子,来对一个变量进行模块化。首先创建一个test.js,来对这个变量进行输出: exprot let myName="lwj"...
2021-10-26 20:00:17
205
转载 ES6-系列箭头函数
我们先来回顾下箭头函数的基本语法。 ES6 增加了箭头函数: let func = value => value; 相当于: let func = function (value) { return value; }; 如果需要给函数传入多个参数: let func = (value, num) => value * num; 如果函数的代码块需要多条语句: let func = (value, num) => { return value * nu
2021-10-25 19:30:27
197
原创 CSS特点详解
1.层叠性 2.继承性 3.优先级 1.层叠性: 层叠性是指当一个标签被设置了多个重复的样式的时候,一个属性会覆盖另外一个属性。 比如:先给div设置背景颜色为红色,然后设置背景颜色为粉红色,那么最终颜色可能为红 色,也可能为粉红色(明显的两种颜色设置不能并立,所以只为其一,这里没给出确定答案是因为还要考虑“优先级”)层叠性主要遵循的原则是就近原则,在不考虑优先级的情况下,在多个样式中最终生效的样式是离标签最近的样式。【这里要注意只覆盖同样的不可重复的样式属性,不会覆盖不重复的属性,不重复的属性会合并下来.
2021-10-25 16:24:48
726
原创 响应式布局
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。 另一方面,CS
2021-10-25 16:22:44
68
原创 Webkit引擎(Safari 4及以上版本)的CSS渐变设计
1、直线渐变基本用法::color-stop()函数包含两个参数值,第一个参数值指定角标位置,第二个参数指定色标颜色。一个渐变可以包含多个色标,位置值为01之间的小数,或者0100%之间的百分数,指定色标的位置比例。 2、径向渐变的基本用法:同心圆(圆心坐标为200,100),内圆半径为10,外圆半径为100,内圆小于外圆半径,从内圆红色到外圆绿色径向渐变,超过外圆半径显示为绿色,内圆显示红色*/ background: -webkit-gradient(radial, 200 100, 10, 200 1
2021-10-25 16:20:11
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人