.filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 是否改变数组：否 是否对数组进行检测：否 语法：const arr = [32,33,222,33]
const arr2 = arr.filter(item => item>=32)
console.log(arr) //[32,33,222,33]
console.log(arr2)/
转载
2024-09-26 14:29:07
44阅读
vue中的rules表单校验规则使用方法 :rules=“rules“
原创
2023-12-27 08:30:40
1603阅读
用过 Vue 的各位，对于 Prop 一定不会陌生，相信大家都能够信手拈来。但就是这么一个大家都熟悉的 Prop，有时候也会把我们坑了。在介绍这个坑之前，我们先再来温习一下 Prop 的基础用法。
第一部分“Prop 的基础用法”部分，比较熟悉的朋友，可以直接跳过，从第二部分开始即可。
一、Prop 的基础用法1.1 Prop 的大小写Vue 官方文档的Prop 章节第一段
转载
2024-07-20 17:47:45
381阅读
通过Struts 1.2提供的validwhen 验证器可以轻松的创建更加复杂灵活的表单验证。 比如说，我们要验证用户两次输入的密码是否相同，或是只有当用户填写表单项“姓氏”时，表单项“名字”才是必须的。 validwhen 需要声明一个叫test的var字段，这个变量的值是一个布尔型的表达式，比如： <var-name>test</var-
1、在代码中，添加属性：:rule
< Form ref = "loginForm" :model = "form" :rules = "rules"
转载
2024-05-09 12:35:51
651阅读
目录一，vue2中的数组响应式原理vue2中数组和对象操作方式的不同二，重写数组方法源码分析1，定义拦截器2，将拦截器挂载到数组上面3，收集依赖三，其他一，vue2中的数组响应式原理vue2中数组和对象操作方式的不同在对象中增加或者删除属性的时候，数据的响应式原理是不奏效的，因为vue2是用的Object.definedProperty方法进行数据劫持。 因此在进行添加元素的时候，应该用$set来
前提在 vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。1、是否合法IP地址export function validateIP(rule, value,callback) {
if(value==''||value==undefined||value==null){
callback();
}else {
转载
2024-04-19 10:47:10
458阅读
在CSS中，很容易在鼠标hover时进行更改，只需：1.item {
2 background: blue;
3}
4
5.item:hover {
6 background: green;
7}在Vue中，它会变得更复杂一些，因为我们没有内置这个功能。我们必须自己实现这些。不过别担心，工作量不是很大。监听正确的事件 那么，我们需要监听哪些事件？我们想知道什么时候鼠标悬停在元素上，这可以通过跟
vue中数组变动更新检测 Vue 包含两种观察数组的方法分别如下 1.变异方法 顾名思义，变异方法会改变被这些方法调用的原始数组，它们也将会触发视图更新，这些方法如下 push()pop()shift()unshift()splice()sort()reverse() 使用举例：example1.items.push({ message: 'Baz' }) 2.非
最近在项目中遇到了一个问题，不知道为什么，所以最后通过动手做demo实践、查文档的方式解决了，这里做一个总结。 例1 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script
一、说明对于直接在数据库插入数据，会存在：用户输入的数据可能存在错误或者特殊符号等异常问题。这就需要对数据验证，从而避免对后续的工作造成影响。前端插入数据交互机制一般为：点击新增按钮，弹出输入框，输入相应内容，点击保存插入到数据库中。二、el-form :rules 简介 Form 组件提供了表单验证的功能，只需要通过 rules 属性将数据传入约定的验证规则，并将 Form-Item的 prop
数组共包含33个标准API方法和一个非标准的API方法，使用场景和使用方案纷繁复杂。未来便于学习，将数组分为三类：改变自身值不改变自身值遍历方法改变自身值的数组方法会改变自身值的数组方法有9个：pop、push、shift、unshift、splice、sort、reverse、copyWithin、fill。熟悉Vue2.x源码的同学会觉得眼熟，没错，前7个方法正是Vue2.x版本中通过拦截数组
1、双向绑定原理就是绑定value值，监听input事件
即，父组件通过props传递value值，子组件通过监听Input事件来
实时将value值通过$emit传递给父组件。
<div>
<input :type="type" :value="value" @input="onInput">
</div>
export default {
转载
2024-09-29 22:24:12
314阅读
基础入门**一、创建vue项目****二、模版语法****三、组件传值****四、计算属性与侦听器****五、生命周期钩子****插槽、DOM操作、过滤器** 一、创建vue项目第一步：安装vue sudo npm install -g @vue/cli（没有权限问题不需要写sudo） 第二步：选择配置 Please pick a preset: Default (Vue 3) ([Vue 3]
前言前段时间学习了关于vue中响应式数据的原理，(并作了学习笔记vue响应式原理)，其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法，这些方法并不会触发数组的getter和setter方法。那么vue中针对数组的响应式设计是如何实现的呢...那么我们一起去学习下吧~源码部分https://github.
转载
2024-08-26 14:47:18
60阅读
正则表达式 整数^[1-9]\d*$ //匹配正整数^-[1-9]\d*$ //匹配负整数^-?[1-9]\d*$ //匹配整数^[1-9]\d*|0$ //匹配非负整数（正整数 + 0）^-[1-9]\d*|0$ //匹配非正整数（负整数 + 0）^[1-9]\d*\.\d*|0\.\d*[1-9 ...
转载
2021-07-13 10:10:00
2596阅读
大家好，在前面的几篇文章里我们一起学习了Vue相关的基础知识，想复习基础的同学可以点击文末链接进行回顾。今天我们将学习 Vue 的 State Management(状态管理)：Vuex，我们在构建大型应用时 ，State Management 的处理至关重要。一、Vuex 简介随着业务的增加，我们的应用程序也变得越来越复杂，每个组件都有自己的数据状态，再加上组件之间的数据传递问题，一个
2.0横空出世，之前写的项目需要升级，趁此机会边用边整理下rasa一些技术细节，自己看的，不要纠结格式。（内容可能包含原1.x部分）（1）story和rule新加了一个rule，与story区别：rule用于单轮对话的固定规则，core部分训练会校验是否只有一个user_utteredrule是固定规则（整合了原来的trigger intent），如果需要根据前文灵活设置对话线，还是要用story
转载
2024-04-06 21:07:56
102阅读
目录前言一、正则是什么？二、造轮子三、轮子使用实例总结 前言例如：随着前端的发展，很多功能都需要在前端填写时就先校验是否填写正确，则博主写了一些校验轮子供大家使用。一、正则是什么？正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个子字符串，将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等。 为什么要用正则： 前端往往有大量
转载
2024-04-23 13:06:07
109阅读
前言Vue2.0对于响应式数据的实现有一些不足：无法检测数组/对象的新增无法检测通过索引改变数组的操作。Vue2.0中响应式数据是通过Object.defineProperty实现，因此无法检测数组/对象的新增，但为什么无法检测到通过索引改变数组的操作呢？也是因为Object.defineProperty的原因么？官方文档中对于这两点都是简要的概括为“由于JavaScript的限制”无法实现，而O
