皇菇凉-CSDN博客

el-date-picker报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"

2022-07-26 11:14:51 1538 1

原创 vuex的基本使用

vuex:同一状态（全局状态）管理，简单的理解，在SPA单页面组件的开发中，在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、修改，并且你的修改可以同步全局。安装 npm i vuex --save在src文件目录下新建store>index.js文件//导入vue和vueximport Vue from 'vue'import Vuex fro...

2020-05-02 22:22:19 98

原创 VS Code配置ESLint

打开终端，运行npm install eslint -g全局下载ESLint。打开VS Code，下载eslint插件，重新加载以生效。进入要使用ESLint的项目，打开终端输入eslint --init进行初始化。设置完成后会在当前目录下生成一个名为.eslintrc.js 的配置文件，可以自己按个人喜好进行配置。接下来在文件=>首选项=>设置内找到ES...

2020-04-19 18:55:33 612 2

原创 canvas实现刻度时钟&太极

一、刻度时钟HTML <canvas id="myCanvas" width="500px" height="500px"> </canvas>注意：如果不给设置 widht、height 属性时，则默认 width为300、height 为 150，单位都是 px。也可以使用 css 属性来设置宽高，但是如宽高属性和初始比例不一致，他会出现扭曲。所以，建...

2020-04-12 22:51:42 506

原创 flex布局简单总结

去玩儿

2020-04-05 21:06:52 2472

原创常用的15个JS正则表达式

前端的小伙伴们，在表单验证中，自己写正则表达式来验证正确与否是不是一个很苦恼的操作？每次是不是都想着直接去网上复制一下即可？皇菇凉在此收集整理了15个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、十六进制颜色、日期、 QQ号码、微信号、车牌号、中文正则。用户名正则//用户名正则，...

2020-03-29 22:23:33 500

原创 v-cloak,v-text,v-html的基本用法

属性介绍v-cloak : 用于将延迟而出现的数据渲染问题进行附加优化（延迟加载闪烁问题）v-text : 用于将延迟而出现的数据渲染问题进行属性化优化（简单字符串的展示）v-html : 用于将数据域的HTML语句无法解析问题进行处理（识别html标签渲染）使用详情1.v-cloak下面这行代码块中的msg数据可能会因为网络或者设备问题出现延迟加载，相应缓慢的问题，如图所示：...

2020-03-22 21:35:23 1246

原创 css3中使用calc()函数计算宽高

calc()是什么？简单来说就是CSS3中新增的一个函数，calculate（计算）的缩写。用于动态计算宽/高，你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】等.calc()语法calc的语法就是简单的四则运算使用“+”、“-”、“*” 和 “/”四则运算；可以使用百分比、px、em、rem等单位；可以混合使用各种单位进...

2020-03-14 12:27:18 3455

原创 px、em、rem、%、vw、vh单位之间的区别

1 、pxpx就是pixel（像素）的缩写，相对长度单位，相对于屏幕分辨率。2、em参考物是父元素的font-size，具有继承的特点。浏览器默认字体是16px，整个页面内1em不是一个固定的值。字体大小同样都是1.5em，但是效果却截然不同，按照W3C提供的公式，我们可以计算下： class为id1的div字体大小继承自父元素body：16px1.5em = 24px class为id2...

2020-03-14 11:49:52 2917

原创 ES6常用的新数组方法

一.some(value --当前索引的值, index --索引 )依据判断条件，数组的元素是否有一个满足，若有一个满足则返回ture,全都不满足就返回false 1. let arr =[2,3,4,5,6,7] 2. let arr1 = arr.every( (value)=>value>7) 返回false 3. let arr2 = arr.every( (va...

2020-03-07 13:16:12 3168 2

hdy119yaner的博客

原创 scale实现数据大屏适配问题

原创获取用户信息与token理解

原创 js实现全屏和退出全屏

原创获取深层次字段报错TypeError: Cannot read properties of undefined (reading ‘title‘)

原创 TS学习——面向对象

原创 TS学习——快速入门

原创 vue3学习笔记

原创 css实现一行N个元素动态布局（以4个为例）

原创 pointer-events: none 去掉鼠标事件

原创 echarts中自定义图片的矢量路径

原创 js生成随机颜色的两种方法

原创 vsCode配置用户代码片段

原创 tsconfig.json配置详解

原创插槽slot的使用

原创 vue中component标签的使用

原创按钮热区扩大小技巧

原创 icon字体图标设置渐变色

原创 el-rate结合iconfont实现性别占比

原创使用el-date-picker渲染报错