前提 在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法.如果错误欢迎指出,后期不断补充更新. 1.是否合法IP地址 export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,…

js常用身份校验规则 var Validator = { extractBirth: function(id) { // 身份证提取出生年月 var re = null, split, year, month, day; if (id.length === 15) { re = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/i; } else { re = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/i; } /…

Vue中常用的几种传值方式 1. 父传子 父传子的实现方式就是通过props属性,子组件通过props属性接收从父组件传过来的值,而父组件传值的时候使用 v-bind 将子组件中预留的变量名绑定为data里面的数据即可. 父组件代码: <template> <div id="container"> <input type="text" v-model="text" @change="dataChange&q…

1.前言   Element-ui表单校验规则,使得错误提示可以直接在form-item下面显示,无需弹出框,因此还是很好用的.   我在做了登录页面的表单校验后,一度以为我已经很了解表单的校验规则.但我在深入使用表单校验规则时,遇到下列问题: 如何判断属性值是否在某个范围内,且这个范围可以任意指定? 如何判断属性值是否为某个值? 多个属性联合校验,当前属性的校验规则依赖于另一个属性的值,如何进行校验?如注册页面,ID类型有邮箱地址.手机号和身份证号码,选择不同类型,IDValue属性的校验规则…

在vue的学习过程中,我发现过滤器是一个很好用的工具,过滤器(Filters)来渲染数据是一种很有趣的方式.过滤器不能替代Vue中的methods.computed或者watch,不改变真正的data,而只是改变渲染的结果,并返回过滤后的版本.在很多不同的情况下,过滤器都是有用的,比如尽可能保持API响应的干净,并在前端处理数据的格式. 在你希望避免重复和连接的情况下,它们也可以有效地封装成可重用代码块背后的所有逻辑. 在我看来过滤器的使用,就像是一部电视剧,浙江台播放50集结束,江苏台可能播放…

我们在日常web前端开发过程中,会经常用到各种尺寸和位置.通常是js做动画的时候.轮播图,滚屏动画,粒子,碰撞检测,拖拽,滚动加载等等.这里我将常用的尺寸和位置的获取进行总结,不包括canvas,SVG. 在web页面开发中,尺寸和位置分为屏幕的尺寸和位置,元素的尺寸和位置,还有一个是文档的尺寸和位置,不过文档的尺寸和位置是通过document.body获取的,也算是一个元素.还有鼠标的位置.所以尺寸和位置主要分为三类: 屏幕尺寸和位置 元素尺寸和位置 特殊的元素,文档的尺寸和位置 鼠标的位置(…

目录 1. 什么可以用来命名? 1.1 老三样: 字母.数字.下划线 1.2 其他 2. 什么不能用来命名? Python3 中的"关键字" 3. 命名"小贴士" 可用"缩写"避免名字过长 4. 驼峰命名法 4.1 大驼峰 4.2 小驼峰 5. posix 命名法 1. 什么可以用来命名? 1.1 老三样: 字母.数字.下划线 字母的大小写敏感 以字母打头为佳 不能以数字打头 不能用纯数字命名 慎用下划线打头 一个名字中不能有空格 1.2 其他…

项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const  2.箭头函数及this指向 3.promise. 4.async await语法 4.模块化 module export和import 5.解构赋值.字符串模板 …… let const es6新增了let和const命令,用法类似于var.对于三者的异同见下表格:   声明 重复声明 变量提升 va…

项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2.箭头函数及this指向 3.promise. 4.async await语法 4.模块化 module export和import 5.解构赋值.字符串模板 …… 箭头函数 顾名思义 用箭头 “ => ” 定义函数 //es5的函数 var fn = function(num) { return n…

1. v-textv-text主要用来更新textContent,可以等同于JS的text属性. <span v-text="msg"></span> 2. v-html 双大括号的方式会将数据解释为纯文本,而非HTML.为了输出真正的HTML,可以用v-html指令.它等同于JS的innerHtml属性. <div v-html="rawHtml"></div> 这个div的内容将会替换成属性值rawHtml,直接作…