- 博客(10)
- 收藏
- 关注
RSS订阅原创 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关注的人