Category: 前端

vue3递归监听和非递归监听

vue3递归监听和非递归监听

我们知道ref函数和reactive函数用于将一个普通数据变成一个响应式的数据。当数据发生改变时,界面也会立即更新。 其实还有一个规律,就是...

Vue2.0和Vue3.0的区别

Vue2.0和Vue3.0的区别

重构响应式系统,使用Proxy替换Object.defineProperty,使用Proxy优势: 可直接监听数组类型的数据变化 监听的目标...

Vue3.0更优雅的使用v-model

Vue3.0更优雅的使用v-model

我们知道,在Vue2.0中如何实现双向数据绑定一种是v-model,另一种是.sync。通常一个组件只能用于一个v-model,但是有的组件...

vue3 ref函数

vue3 ref函数

我们知道,在vue3.0引入了composition API,setup函数是其核心函数 在setup函数中,可以使用ref函数,用于创建一...

前端Vue中常用rules校验规则

前端Vue中常用rules校验规则

在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出,后期不断补充更新。

range样式

input type=”range”样式自定义

html5 input type=”range”,样式为原生的不美观,本文进行了定制化修改样式,主要是对css进行了重新的改写。达到下面的这种需求,我移动range上面的小球,它会随着我的移动而改变它的值

JavaScript 跨域总结与解决办法

JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下

贝塞尔曲线

相信很多同学都知道“贝塞尔曲线”这个词,我们在很多地方都能经常看到。但是,可能并不是每位同学都清楚地知道,到底什么是“贝塞尔曲线”,又是什么特点让它有这么高的知名度。

es6剩余参数…拓展应用

es6剩余参数…拓展应用

函数传参 拓展应用 级联更容易 可迭代对象转为数组 解构时也可用 初始化对象时传参毫不费力

es6解构

es6解构

变量解构 单层 var {foo}=pony;等同 var foo=pony.foo;var {foo:baz}=pony;等同var ba...

iframe之父子窗口元素获取

iframe之父子窗口元素获取

iframe之父子窗口元素获取 iframe会涉及到事件绑定,样式更改的问题;但是由于元素在父窗口和子窗口不同的document中,无法跨d...

Vue.js 教程(1)

Vue.js 教程(1)

为什么JSRUN要再做一次VUE教程中文版? 官网教程是一套很优秀的教程, 但在经过官网教程学习中, 仍有一些真实需求如何去解决让人不得其解...

声明式渲染(2)

声明式渲染(2)

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM: 我们已经生成了我们的第一个 Vue 应用! 看起来这跟单单...

条件与循环(3)

条件与循环(3)

VUE控制切换一个元素的显示也相当简单: 继续在控制台设置 app3.seen = false,你会发现 “现在你看到我了” 消失了。 这个...

处理用户输入(4)

处理用户输入(4)

为了让用户和你的应用进行交互,我们可以用 v-on 指令绑定一个调用 Vue 实例方法的事件监听器: 注意在 reverseMessage ...

组件化应用构建(5)

组件化应用构建(5)

组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、自包含和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用...

Vue 实例(6)

Vue 实例(6)

构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的: var vm = new Vue({ // ...