- 博客(6)
- 收藏
- 关注
RSS订阅原创 ElementUI中el-result结果支持的版本
用于对用户的操作结果或者异常状态做反馈。猜测是当前版本不支持此组件。通过查看changelog得知，
2024-02-19 15:13:47
731
1
原创 交换element-ui中$confirm弹出框的确定和取消按钮位置
使用element-ui的MessageBox组件时，用到了$confirm弹出框，它的默认样式时这样子的在项目开发中，为了保持风格的统一，UI给的切图都是确定在左，取消在右，且居中显示，类似这样子的效果。看了下组件的Options参数，无法满足需求，于是琢磨着直接修改样式，直接上代码.el-message-box__btns { text-align: center; // 交换 确定 和 取消 按钮的位置 .el-button:nth-child(1) {
2021-06-11 11:23:52
6983
2
原创 Vue配置compression-webpack-plugin实现Gzip压缩
gzip简介HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清晰的了解。nginx启用gzipgzip on; # 开启Gzipgzip_static on;
2021-03-03 15:16:21
23776
3
原创 vue数值限制组件封装（整数、浮点数）
在实际项目中，我们经常会用到编辑框，有时需要对输入做限制和校验。其中，最频繁的要数数值限制了，比如只能输入整数，范围10~50再比如只能输入小数，精度为1，范围35.5~40.5等那么是否可以使用组件来统一处理之类编辑框呢？答案是肯定的啦，只需对el-input组件进行扩展即可el-input用法官网的说明文档里有设置min和max的属性Input Attributes参数说明类型可选值type类型stringtext，textarea 和其他 原生 in
2021-03-01 10:19:49
1549
原创 Canvas实现从上到下渐变的文字logo
线性渐变var lg= context.createLinearGradient(xStart,yStart,xEnd,yEnd)lg.addColorStop(offset,color)xstart:渐变开始点x坐标 ystart:渐变开始点y坐标 xEnd:渐变结束点x坐标 yEnd:渐变结束点y坐标 offset:设定的颜色离渐变结束点的偏移量(0~1) color:绘制时要使用的颜色文本绘制font - 定义字体fillText(text,x,y) - 在 can
2020-05-29 17:25:33
911
原创 Vue 实现图片放大镜
最近有项目需要用到对图片进行局部放大，类似淘宝商品页的放大镜效果，经过一番研究功能可用：HTML部分<template> <div> <div class="choose" ref="choose"> <div class="content" ref="content" @mousemove="handleMove"> <img src="/static/bg.jp
2020-05-12 13:54:34
3253
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人