图标虽小，里面的门道可一点都不少。甚至可以说，图标的演化是 Web 技术演化的一个缩影。本文将带你回顾一下图标简史，了解一下图标技术的来龙去脉。古代：一个图标一张图史前时代的图标，正如我们的直觉一样，就是一张图片。那时候的网络很慢，一分钟只够下载一个页面，因此内容为王，美观是次要的，“没什么用”的图标还没有被人们视为页面上的必备元素。图标个数少、使用频率低，自然就没人在上面花心思了。近代：CSS
转载
2024-10-09 11:10:49
117阅读
接到一个需求,让用户能够通过配置, 配置出自己想要的统计图, 填入数据分析需求:需要客户配置的数据项有哪些?客户配置数据的存储 JSON转String 存数据库就行.....一.可配置的项主标题(带颜色),副标题(带颜色)图表种类(分为 坐标系,非坐标系图, 差别在于 有无 xAxis, yAxis 属性)图表背景色是否需要开启类目是否需要开启工
转载
2024-03-21 15:05:12
74阅读
项目内可能会经常涉及到图标使用的问题，我比较常用的是阿里的图标库。要使用图标的话，需要先对图标进行下载，下面是下载图标库及使用的步骤：获取图标1.需要进入到阿里图标矢量库官网，点击我的项目：2.点击新建项目：3.选择下方选中的是你图标class的前缀 为 icon4.新建项目后往购物车内添加图标，将你需要的添加完成后，打开购物车将其添加到项目，选中项目，确认即可5.就可以看你添加的七个
转载
2024-02-19 11:23:19
325阅读
前言element-ui 组件库之所以受欢迎，除了组件丰富，文档友好之外，还得益于它的精美的设计。之前在组件库的整体设计文章中提到，element-ui 背后有一只强大的设计团队，他们为组件库了制定了一套设计规范。需求分析当我们去设计一套组件库的时候，首先要考虑颜色、字体、边框、图标这些基础元素的设计，它们是构建各个组件的基石，如果没有做好这些基础设计，那么做出来的组件库看上去一定很山寨。这些基础
转载
2024-06-02 16:29:31
2318阅读
1. 前言这天，在逛github（就是划水）的时候，突然想看看某个仓库的star走势，但是在star列表中翻了半天愣是没找到相应的功能。于是乎，谷歌一搜，发现有个叫Star History的谷歌插件，然而竟然要收费。。。于是，又接着搜索，发现了这个仓库。好巧的是，这个仓库就是那个插件的源码。稍微瞅了下源码，感觉我也能行？由于之前就想学学怎么写chrome插件，本着学习的态度和好奇心驱使（都是划水，
这次做项目的时候遇到需要再同一个页面切换展示多个table的需求，然而再完成之后遇到一个问题：表格之间切换的时候会出现内容消失和无故出现的现象，感觉对vue掌握的还不好，这里记录一下。先奉上解决办法：Vue+ElementUI项目中条件渲染切换表格时单元格内容显示异常的问题及解决方法在面试的时候，面试官有没有问过v-if 与 v-show 的区别呢，是不是信誓旦旦的回答v-show只是切换显示与隐
转载
2024-09-23 13:23:03
55阅读
本月更新内容同步Power BI极客网站，文中的部分超链接请移步网站原文https://www.powerbigeek.com/powerbi-2019-10-update/从本月更新开始，我为网站VIP用户新增两项福利：1. 无广告的双语字幕版官方视频 普通用户可以试看五分钟 2. 安装包文件的本地下载，免去小水管等待官网页面加载的漫长过程 ，支持全国各地区高速下载
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' }) } else { return ['vue-sty
转载
2020-04-17 15:18:00
705阅读
console.log(file, fileList);
},
handlePictureCardPreview(file) {//预览图片时调用
console.log(file);
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
beforeAvatarUpload(file) {//文件上传之前调用做一些拦截限制
c
element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里icon，注册 >登录>图标管理>我的项目 图标管理>我的项目，点进去新建项目 新建项目项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：
转载
2024-03-12 13:00:25
742阅读
包含：vue-cli和@vue/cli element-ui mint-ui axios vuex(待) webpack简单配置和多页面配置，开发跨域
npm安装
npm i element-ui -S
按需引入
npm install babel-plugin-component -D 完整组件列表和引入方式： import Vue from 'v
整合Element-UI 组件 控制台输入命令:npm i element-ui即可完成安装然后引入UI 样式：使用UI 提供的样式，并与样式进行数据绑定 效果图：备选项2 默认选中快速使用Element-UI 搭建后台管理系统服务： 因为main.js 默认第一个访问App 组件，所以把App 中的内容重新修改了。<template>
<!-- el-container: 是
转载
2024-08-02 23:22:21
134阅读
现在，几乎每一个 SPA 应用中都会使用到 icons。常规来说，开发人员会使用 UI 框架所提供的 icons，比如使用 Material 的 icon 库，或者采用专用的 icon 库（font-awesome）。但是，到某个时候，图标需要和产品的品牌相匹配；当这个时间到来时，设计师或是产品经理就会要求开发制作一个自定义的 icon 库。SVG VS IconFo
GitHub Demo 地址
在线预览
更新：对应的vue3版的demo如下：GitHub Demo 地址
在线预览
前言1、demo中的项目已经添加了TagsView功能和本地权限控制 关于TagsView功能的添加可以看：Vue - vue-admin-template模板项目改造：增加TagsView功能 关于本地权限控制相关代码参考 vue-admin-template的 perm
转载
2024-10-23 08:33:56
131阅读
我们在开发过程中常常需要修改element-ui中的样式。 有时候我们发现在style中添加了scoped，则样式无法修改，去掉scoped后样式能够正常生效。为了了解其中的原因，我们需要先了解scoped这个属性的作用。 一：scoped的作用和原理scoped的作用：当 style标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封
转载
2024-09-11 10:30:29
152阅读
POI API实现Excel文件导入到数据库上一篇博客笔者利用 POI API实现了Excel文件的导出功能，只是当时做的不是很完善，只是做了一个excel文件的后台的接口，通过浏览器调用很容易实现，但是后来放到form表单的按钮上实现时发现出了Bug,采用axios的post请求调用导出接口后一直出现浏览器没有下载excel文件的Bug,后来改为form表单提交发现最终解决了这一Bug。之后笔者
转载
2024-10-28 11:08:39
64阅读
序言在后台管理项目开发中表格是使用频率最高的组件之一，为了提高开发效率和简化代码，对 Element UI 的 el-table 组件进行二次封装。通过抽象常用的配置项和操作，并提供简洁易用的接口，使用自定义 el-table 组件时只需专注业务逻辑，无需重复编写相同的代码。这样能够减少重复工作，提高可维护性和扩展性，使项目开发更高效便捷。实现效果图通过传入表头配置tablecolumn 或chi
Vue中如何进行虚拟滚动与大数据优化在Vue应用程序中，当需要渲染大量数据时，可能会遇到性能问题。这是因为浏览器需要渲染大量的DOM元素，而这会导致页面加载缓慢和内存消耗过高。为了解决这个问题，我们可以使用虚拟滚动和大数据优化技术来提高应用程序的性能和用户体验。什么是虚拟滚动？虚拟滚动是一种技术，它只渲染当前可见的部分DOM元素，而不是渲染整个数据集。这个技术可以大大减少页面加载时间和内存消耗，因
Element UI是一套基于Vue.js的桌面端组件库，由饿了么前端团队开发并维护。它提供了一系列常用的UI组件，包括按钮、表单、弹窗、导航等，旨在帮助开发者快速构建现代化的用户界面。以下是关于Element UI的详细解释：与Vue.js的紧密集成：Element UI是专门为Vue.js框架设计的，因此与Vue.js集成非常紧密。这使得开发者可以轻松地将Element UI的组件
当使用Vue 3和Element Plus创建一个表单并希望应用表单校验时，需要遵循一些关键步骤。本教程将指导你完成这个过程，并帮助你解决常见的问题。步骤 1：设置基本的Vue 3和Element Plus环境首先，确保你已经创建了一个Vue 3项目并安装了Element Plus。你可以使用Vue CLI创建项目并在项目中添加Element Plus。确保你已经在你的项目中正确导入Element
