1、computed 当我们的某些属性是依赖其他状态时,我们可以使用计算属性来处理 2、如何使用computed呢? 方式一:接收一个getter函数,并为 getter 函...
1、computed 当我们的某些属性是依赖其他状态时,我们可以使用计算属性来处理 2、如何使用computed呢? 方式一:接收一个getter函数,并为 getter 函...
1、watch 引用:watch需要从Vue中引入才能使用; 参数:watch可以获得原始值和当前值; 特性:watch惰性执行,首次不执行代码; immediate: tr...
1、Setup(https://cn.vuejs.org/api/composition-api-setup.html[https://cn.vuejs.org/api/co...
1、ref ref 用于为数据添加响应式状态。只能操作基本数据类型。返回一个具有响应式状态的副本。 原理:通过 ref 对数据进行封装,当数据变化时,触发模版等内容的更新。通...
1、过渡和动画的流程 2、过渡和动画的实例 1.过渡 2.动画 1、v-enter-from:点击按钮,元素刚刚出现的时候你看到的样式就是v-enter中定义的样式,然后开始...
1、watch 在vue中,使用watch来监听响应数据的变化。 2、computed 计算出一个值,我们在调用的时候可以直接当成一个属性调用,不用像调用函数一样在后面加上圆...
1、vue生命周期是什么? Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实...
1、懒加载 2、预加载
一、防抖和节流是什么 本质上是优化高频率执行代码的一种手段。 防抖在连续的事件,只需触发一次回调的场景有:①搜索框搜索输入。只需用户最后一次输入完,再发送请求;②手机号、邮箱...
问题一:1px边框问题 解决方案:伪类 + transform 问题二:click点击事件300ms延迟 1.移动端 click 事件 300ms 延迟的原因是因为doubl...
1、Touch事件 touch 相关的事件跟普通的其他 dom 事件一样使用,可以直接用 addEventListener 来监听和处理。 touchstart:当在屏幕上按...
一、什么是Flex布局? Flex是Flexible Box的缩写 flex布局表示弹性布局,可以为盒状模型提供最大的灵活性。 二、flex布局中的一些基本概念 容器:采用f...
1、<meta name="viewport" content="width=device-width,initial-scale=1"> width=device-widt...
一、什么是webpack?(webpack中文API:https://webpack.html.cn/[https://webpack.html.cn/]) webpack ...
一、json是什么? JSON 是一种存储和交换数据的语法。JSON 数据写为名称/值对。 名称/值由字段名称构成,后跟冒号和值:所以一般的json格式是: 注意事项:JSO...
一、cookie 1、cookie的属性 cookie创建是必须设置name和value,其它属性可以使用默认值。Cookie 的名称或值如果包含非英文字母,则写入时需要使用...
一、Babel入门教程 阮一峰Bable入门教程:http://www.ruanyifeng.com/blog/2016/01/babel.html[http://www.r...
1、extends Class 可以通过extends关键字实现继承,让子类继承父类的属性和方法。extends 的写法比 ES5 的原型链继承,要清晰和方便很多。 上面示例...