wxClair-CSDN博客

原创 js使用使用new RegExp构造函数创建正则表达式的问题

之前在做一个需求的时候，需要校验强密码，要求密码中包含大小写字母和数字。这个比较简单，用正则表达式实现即可，部分代码：case 'password': let reg = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$"); if(!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; //校验失败，弹出指定错误信息 return false; } brea

2021-09-17 10:11:45 1264

原创 vue中.sync的使用

在父组件中给子组件传值，通常使用v-bind// 父组件<father :age="age"></father>// 子组件<son>{{age}}</son>props:{ age:number}通常情况下如果想要改变这个值，我们需要利用$emit改变// 子组件this.$emit("change",18)// 父组件<father :age="age" @change="changeAge">mounted(){

2021-08-18 10:56:27 530

原创 win10部署yapi的过程

今天为了在个人电脑上部署yapi，花费了好长时间，遇到了各种坑，记下来给以后参考。## 一、安装node官网下载：https://nodejs.org/en/download/安装过程不细说，网上教程也很详细安装完成后查看下版本，7.6版本以上才行 node -v 或 node --version## 二、安装gitGit官网下载：https://git-scm.com/downloads下载安装，无脑下一步## 三、安装MongDB官网下载：https://www.mongod

2021-05-10 23:54:27 1243 3

原创 js中动态添加移除类名的方法

//1.为 <div> 元素添加一个类:document.getElementById("div").classList.add("类名");//2.为 <div> 元素添加多个类:document.getElementById("div").classList.add("类名1","类名2","类名3",...);//3.为 <div> 元素移除一个类:document.getElementById("div").classList.remove("类名"

2021-05-10 11:23:53 1756

原创 vue项目中背景图片写成行内样式不显示

今天写代码的时候发现把背景图片写在行内样式中没法显示<div class="template-card" style="background-image:url(../images/B5.jpg);">在检查的时候发现在网页中可以看到元素上已经有了这个样式，但是却没有生效。解决方法:修改代码为：<div class="template-card" :style="{ 'background': 'url(' + require('../images/B5.png') +

2021-05-07 11:30:48 1789 2

原创 vscode使用html snippets插件无法识别less解决

今天在写代码的时候突然发现vscode不停报警告，识别不出less语法，百度了才知道，是我用的html snippets的问题。在使用vscode写vue时如果需要html自动补全的话需要设置`"files.associations":{ "*.vue":"html"}`但是使用这个的话用less语法，会出现识别不出的问题，要设置`"files.associations":{ "*.vue":"html"}`这样两者就产生了冲突。解决办法：在settings.json里加一行："em

2021-04-29 19:24:32 1407

原创 vue学习笔记（三）计算属性与事件监听v-on

一、什么是计算属性我们知道，在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示比如我们有firstName和lastName两个变量，我们需要显示完整的名称。但是如果多个地方都需要显示完整的名称，我们就需要写多个{{firstName}} {{lastName}}我们可以将上面的代码换成计算属性计算属性是写在实例的computed选项中的二、计算属性的setter和getter每个计算属性都包含一个ge

2021-01-31 20:40:29 322

原创 vue学习笔记（二）动态绑定属性v-bind

一、基础除了内容需要动态来决定外，某些属性我们也希望动态来绑定。，比如动态绑定a元素的href属性，比如动态绑定img元素的src属性，比如图片的链接src、网站的链接href、动态绑定一些类、样式等等，这个时候，我们可以使用v-bind指令。作用：动态绑定属性缩写：:预期： any (with argument) | Object (without argument)参数：attrOrProp (optional)<img v-bind:src="imgURL" alt="">

2021-01-29 22:56:25 402

原创 vue学习笔记（一）vue基本语法1

vue基本语法v-oncev-htmlv-textv-prev-cloakv-once1、该指令后面不需要跟任何表达式，可以直接使用2、该指令表示元素和组件只渲染一次，即使组件数据改变了展示出来的页面中也不会改变v-html1、有时候，从服务器中请求的数据是一个html代码，此时如果直接用mustache语法直接包裹的话输出的是代码本身。如果希望解析html代码的话就需要v-html指令2、使用方式（a）该指令后面跟上一个string类型（b）会将string的html解析出来并且进行渲染

2021-01-29 22:17:43 85

qq_43470106的博客