前端基础
Ezerbel
这个作者很懒,什么都没留下…
展开
-
ElementUI 之 upload组件携带其它参数
原创 2020-12-22 14:07:37 · 433 阅读 · 2 评论 -
使用js-cookie
安装 $ npm install js-cookie --save导入 import Cookies from 'js-cookie'使用 Cookies.set('accessToken', token, { domain: 'localhost' })原创 2020-12-10 19:22:06 · 92 阅读 · 0 评论 -
SCSS 修改ElementUI 深层样式
::v-deep { .el-input { box-sizing: border-box; input { height: 55px; line-height: 55px; } } .el-tabs { .el-tabs__item { font-size: large; } } }原创 2020-12-08 10:46:28 · 5496 阅读 · 0 评论 -
CSS padding 与 margin
padding补丁,在原有基础上加 “肉”margin留白,在原有基础上缩减出空白区域原创 2020-12-07 14:35:40 · 75 阅读 · 0 评论 -
ElementUI的几种响应尺寸
响应尺寸参照了 Bootstrap 的 响应式设计,预设了五个响应尺寸:xs、sm、md、lg 和 xl。尺寸的介绍xs: 特小,手机端sm: 小于浏览器一半宽度md: 浏览器一半宽度左右lg:接近浏览器全屏宽度xl:浏览器全屏宽度尺寸的划分超小屏幕(手机):<768px小屏设备(平板):>=768px ~<992px中等屏幕(桌面显示器):>=992px ~<1200px宽屏设备(大桌面显示器):>=1200px...原创 2020-12-06 14:51:04 · 7796 阅读 · 0 评论 -
export 和 export default区别
相同点都可以到处常量、函数、文件、模块等都可以使用import导入不同点export 在一个文件中可以有多个通过export方式导出,导入时要加{}import {a,b} from 'demo.js'export default 在一个文件中只能有一个导入时不需要加{}综合例子...原创 2020-12-05 19:23:23 · 105 阅读 · 0 评论 -
JS正则表达式笔记
禁止输入空格password.replace(/\s+/gm, '');密码强度检测checkPasswordSafetyIndex(pwd) { var index = 0; /** * 0无效:长度少于6或不匹配 强中弱 任何模式 * 1弱: 只包含数字或大小写字母 * 2中: 同时包含数字、大小写字母 * 3强: 同时包含数字、大小写字母、特殊字符 * */ var regStrong = /^(?=原创 2020-11-24 20:11:31 · 170 阅读 · 0 评论 -
深度修改ElementUI样式,付内部组件的名字
引例这里的checkbox的字体太大了,想要修改:样式代码<el-form-item class="check-item"> <el-checkbox v-model="agreeRules" class="agree-rules-checkbox" size="mini">同意EZPY云服务用户协议 </el-checkbox></el-form-it原创 2020-11-22 18:13:32 · 429 阅读 · 0 评论 -
ElementUI input框无法输入
v-model前面不需要使用冒号 :不信试试看<template> <div> <el-input :v-model="password" @input="change($event)" placeholder="输入密码"></el-input> 输入<input/> </div></template><script>export default { name: 'bu原创 2020-11-22 15:58:13 · 209 阅读 · 0 评论 -
Justify-content 相关
使用前提justify-content是弹性布局的属性,使用之前要在同一个类中写上display:flex 。flex-startflex-endcenterspace-betweenspace-aroundinitial原创 2020-11-14 19:44:12 · 110 阅读 · 0 评论 -
Display相关:行块元素
块元素定义: 可以设置宽高,占据一整行。语法:display:block行内元素定义:没有宽高,不会占据一整行语法: display:inline行内块元素定义:不会占据一整行,又可以设置宽高语法:display:inline-block浏览器基础布局方式(静态布局)从上到下,从左到右...原创 2020-11-14 13:50:36 · 150 阅读 · 0 评论